/*!
Theme Name: Giao diện website thời trang
Theme URI: https://leminhthanh.com
Author: Lê Minh Thành
Author URI: https://leminhthanh.com
Description:
Version: 1.0.0
Text Domain: HVTechVietNam
*/

/**
  * Global
  */
p {
    margin-bottom: 10px;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6, b, strong, .heading-font {
    /*font-weight: normal !important;*/
}

/* Form */
select, input, textarea,
.mh-input {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
}

.button,
button,
input::placeholder,
textarea::placeholder,
select.mh-input::placeholder,
input.mh-input::placeholder,
input.mh-input[type='date']::placeholder {
    font-weight: 300;
}

button:hover,
.button:hover {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
}

.badge-inner {
    font-weight: normal;
}

.row-dashed .col:before, .row-solid .col:before,
.row-dashed .col::after, .row-solid .col::after {
    border-color: #fadbd6;
}

.nav-dark .is-outline,
.dark .nav>li>a,
.dark .nav>li.html,
.dark .nav-vertical li li.menu-item-has-children>a,
.dark .nav-vertical>li>ul li a,
.nav-dropdown.dark>li>a,
.nav-dropdown.dark .nav-column>li>a,
.nav-dark .nav>li>a,
.nav-dark .nav>li>button,
.dark, .dark p, .dark td,
.absolute-footer.dark {
    color: #fff;
}

.nav>li>a {
    font-weight: normal !important;
}

.row-divided>.col+.col:not(.large-12) {
    border-color: #a0a0a0;
}

.wpcf7-form {
    margin-bottom: 0;
}

.wpcf7-response-output {
    font-size: 14px;
    line-height: 1.3;
    padding: 5px 10px !important;
    margin: 2em 0 0 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.wpcf7 .flex-col .wpcf7-not-valid-tip {
    font-size: 14px;
}

.wpcf7-spinner {
    display: none;
}

/* Select */
select {
    border-color: #ececec;
    line-height: 35px;
    min-height: 35px;
}

/* Show more */
.showmoreless {
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    background: -webkit-linear-gradient(to bottom, rgb(255 255 255 / 26%) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgb(255 255 255 / 26%) 0%, #fff 100%);
    min-height: 150px;
}

.showmore .button {
    margin: 0;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    line-height: 51px;
    min-width: 200px;
    font-size: 14px;
    background-color: #fff;
    top: 95px;
    color: #111111;
}

.showmore .button:hover {
    color: #fff;
}

/* Datepicker */
/*.mh_date_picker {
    cursor: pointer;
    background-image: url('assets/img/calendar.svg');
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 97% 11px;
}*/

#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 10%);
    -o-box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 10%);
    margin-top: 0;
    border-radius: 0.5rem;
    padding: 15px;
    z-index: 1000 !important;
}

.ui-datepicker-calendar {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}

.ui-datepicker-year {
    margin: 10px 0;
    border-color: #d7d7d7;
}

.ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #78909C;
    border: 0;
}

.ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
    border: 0;
    min-height: 32px;
    line-height: 32px;
}

.ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #546E7A;
    font-size: 0.875rem;
    text-decoration: none;
}

.ui-datepicker-calendar tbody td a:hover {
    background-color: #E0F2F1;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #a88c34;
    color: white;
}

.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}

.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}

.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 50%;
    transform: rotate(180deg);
}

.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}

.ui-datepicker-header a>span {
    display: none;
}

.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}

.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 0.75rem;
}

/* Checkbox */
label.checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    font-weight: normal;
}

.checkbox,
.check-radio {
    --background: #fff;
    --border: #D1D6EE;
    --border-hover: #BBC1E1;
    --border-active: #111111;
    --tick: #fff;
    position: relative;
    cursor: pointer;
}

.checkbox input,
.checkbox svg,
.check-radio input,
.check-radio svg {
    width: 18px;
    height: 18px;
    display: inline-block !important;
    top: 3px;
}

.checkbox input,
.check-radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    outline: none;
    background: var(--background);
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
    /*box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border)) !important;*/
}

.checkbox input:hover,
.check-radio input:hover {
    --s: 2px;
    --b: var(--border-hover);
}

.checkbox input:checked,
.check-radio input:checked {
    --b: var(--border-active);
}

.checkbox svg,
.check-radio svg {
    pointer-events: none;
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    /*stroke: var(--stroke, var(--border-active));*/
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    /*-webkit-transform: scale(var(--scale, 1)) translateZ(0);*/
    /*transform: scale(var(--scale, 1)) translateZ(0);*/
}

.checkbox.path input:checked,
.check-radio.path input:checked {
    --s: 2px;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.checkbox.path input:checked+svg,
.check-radio.path input:checked+svg {
    --a: 16.1 86.12;
    --o: 102.22;
}

.checkbox.path svg,
.check-radio.path svg {
    stroke-dasharray: var(--a, 86.12);
    stroke-dashoffset: var(--o, 86.12);
    -webkit-transition: stroke-dasharray .6s, stroke-dashoffset .6s;
    transition: stroke-dasharray .6s, stroke-dashoffset .6s;
}

/* Radio button */
[type="radio"]:not(.radio-check):checked,
[type="radio"]:not(:checked):not(.radio-check) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background-color: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: var(--primary-color);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Validate */
span.error {
    position: absolute;
    background-color: #fbf2ee;
    font-size: 13px;
    bottom: -20px;
    left: 10px;
    padding: 3px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    color: #a88c34;
}

#day_birth-error,
#month_birth-error,
#year_birth-error {
    bottom: -30px;
}

/* UX Theme */
.mh-col-no-divider .is-divider {
    display: none;
}

.icon-box-img svg, .icon-box-img img {
    padding: 0;
}

.no-post {
    background-color: #fbf2ee;
    padding: 10px 15px;
    text-align: center;
    font-size: 15px;
}

.no-post b {
    font-weight: normal;
    color: #a88c34;
}

.no-post.more {
    margin-top: 20px;
}

.success-notice {
    border: 1px solid #fbf2ee;
    color: #be2521;
    padding: 10px;
    font-size: 15px !important;
    background-color: #fbf2ee;
}

/* Breadcrumbs */
.mh-breadcrumbs {
    background-color: transparent !important;
}

.mh-breadcrumbs>.page-title-bg {
    display: none;
}

.mh-breadcrumbs .page-title-inner,
.mh-breadcrumbs .title-breadcrumbs {
    padding: 0;
}

.mh-breadcrumbs .woocommerce-breadcrumb {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.mh-breadcrumbs .woocommerce-breadcrumb,
.mh-breadcrumbs .woocommerce-breadcrumb span,
.mh-breadcrumbs .woocommerce-breadcrumb a {
    color: #111111;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    font-weight: 300;
    text-transform: initial;
    font-size: 15px;
    opacity: 1;
    line-height: 1.4;
}

/* .mh-breadcrumbs .woocommerce-breadcrumb span.divider {
   content: '|';
 } */
.mh-breadcrumbs .woocommerce-breadcrumb a:hover {
    color: #a88c34;
}

/* Title */
.mh-title-simple {
    padding: 0;
}

.mh-title-simple b {
    display: none;
}

.mh-title-simple .section-title,
.mh-title-simple .section-title-main {
    border: 0;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif !important;
    font-size: 30px;
    margin: 0 auto;
}

.mh-title-simple .section-title a {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
}

.mh-title-simple.normal .section-title,
.mh-title-simple.normal .section-title-main {
    font-weight: 400;
}

.mh-title-simple.initial .section-title-main {
    text-transform: uppercase;
    position: relative;
    color: #a88c34;
    font-weight: bold;
}

.section-title-center {
    justify-content: center;
}

.section-title-right {
    justify-content: flex-end;
}

.section-title i {
    opacity: 1;
    margin-left: 7px !important;
}

.section-title i.icon-angle-right::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('assets/img/right-arrow.png');
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
}

/* Pagination */
.page-numbers>li>a,
.page-numbers>li>span {
    border: 0;
    font-weight: normal;
    color: var(--primary-color) !important;
    line-height: 2.1em;
}

.page-numbers>li>span.current,
.page-numbers>li>span:hover,
.page-numbers>li>a:hover {
    border-color: #a88c34 !important;
    background-color: #a88c34 !important;
    color: #fff !important;
}

.woocommerce-pagination>.page-numbers {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
    justify-content: center;
    align-items: center;
}

.woocommerce-pagination>.page-numbers>li {
    margin: 0 .4em;
}

.woocommerce-pagination>.page-numbers>li>a,
.woocommerce-pagination>.page-numbers>li>span {
    line-height: 35px;
    min-height: 40px;
    min-width: 40px;
    display: inline-block;
    text-align: center;
    border: 1px solid #111;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    font-size: 17px;
    font-weight: bold;
}

/* Slider */
.slider-nav-reveal .flickity-prev-next-button:hover,
.slider-nav-reveal .flickity-prev-next-button {
    width: 45px;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
}

.slider-nav-reveal .flickity-button.previous::before,
.slider-nav-reveal .flickity-button.next::before {
    box-shadow: 20px -2px 140px 120px #ffffff;
    -moz-box-shadow: 20px -2px 140px 120px #ffffff;
    -webkit-box-shadow: 20px -2px 140px 120px #ffffff;
    -o-box-shadow: 20px -2px 140px 120px #ffffff;
    background-color: #ffffffd9;
}

.slider-nav-reveal .flickity-button:hover::before {
    opacity: .7;
}

.flickity-button>svg {
    display: none;
}

.flickity-button.previous::before,
.flickity-button.next::before {
    content: '';
    height: 20px;
    width: 20px;
    display: block;
    transform: translate(0, -48%) rotate(45deg);
    -moz-transform: translate(0, -48%) rotate(45deg);
    -webkit-transform: translate(0, -48%) rotate(45deg);
    -o-transform: translate(0, -48%) rotate(45deg);
    z-index: 2;
    margin: auto;
    position: absolute;
}

.flickity-button.previous::before {
    left: 15px;
}

.flickity-button.next::before {
    right: 15px;
}

.flickity-button.previous::before {
    border-bottom: 1px solid var(--primary-color);
    border-left: 1px solid var(--primary-color);
    border-top-color: #fff;
    border-right-color: #fff;
}

.flickity-button.next::before {
    border-top: 1px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
    border-bottom-color: #fff;
    border-left-color: #fff;
}

.flickity-button:hover::before {
    border-color: var(--primary-color);
}

.flickity-page-dots>li {
    border-width: 1px !important;
    opacity: 0.5 !important;
    background-color: #fff !important;
    border-color: #909090 !important;
    box-shadow: 1px 1px 3px #999;
}

.flickity-page-dots>li.is-selected {
    background-color: #ffc410 !important;
    opacity: 1;
}

/* Page Settings */
.page-wrapper {
    padding: 10px 0;
}

/* Read more */
.read-more .button {
    border-width: 2px;
    font-size: 16px;
    min-width: 220px;
    min-height: 44px;
    line-height: 40px;
    font-weight: normal;
}

.read-more .button:hover {
    background-color: transparent !important;
    color: var(--primary-color);
    border-color: var(--primary-color);
}

/* Pagination */
.mh-pagination>a,
.mh-pagination>span {
    display: inline-flex;
    min-width: 40px;
    min-height: 40px;
    line-height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary-color);
    background-color: #fff;
    font-size: 16px;
    color: var(--primary-color);
    font-weight: bold;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    margin: 0 5px;
}

.mh-pagination>a>i {
    font-size: 18px;
}

.mh-pagination {
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 15px 0 0 !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.mh-pagination>.current,
.mh-pagination>span:hover,
.mh-pagination>a:hover {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

/* Page title */
.mh-page-title,
.mh-page-title .page-title-inner {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}

.mh-page-title .entry-title,
.mh-page-title .page-title-sub {
    text-shadow: none;
    opacity: 1;
    padding: 0;
    line-height: 1.5;
}

.mh-page-title .entry-title {
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 30px !important;
}

.mh-page-title:not(.dark) .entry-title {
    color: var(--primary-color);
}

.mh-page-title .page-title-sub .lead {
    color: #000;
}

.mh-page-title.sub-left .page-title-sub .lead {
    text-align: left;
}

/**
  * Custom fonts
  */
body, p, blockquote, li, a, strong, b, em,
h1, h2, h3, h4, h5, h6,
.entry-title,
body.single-post .entry-title,
body.page .entry-title,
body.category .entry-title,
.widget-title,
.site-title,
.site-description,
.menu-main-menu-container li a,
.menu-main-menu-container li span,
#menu-main-menu li a,
#menu-main-menu li span,
.menu-sidebar-shop-danh-muc-san-pham-container li a,
.menu-sidebar-shop-danh-muc-san-pham-container li span,
#menu-sidebar-shop-danh-muc-san-pham li a,
#menu-sidebar-shop-danh-muc-san-pham li span,
.menu-tax-faq-thuong-hieu-container li a,
.menu-tax-faq-thuong-hieu-container li span,
#menu-tax-faq-thuong-hieu li a,
#menu-tax-faq-thuong-hieu li span,
.menu-topbar-menu-container li a,
.menu-topbar-menu-container li span,
#menu-topbar-menu li a,
#menu-topbar-menu li span,
.menu-user-login-menu-customer-container li a,
.menu-user-login-menu-customer-container li span,
#menu-user-login-menu-customer li a,
#menu-user-login-menu-customer li span,
.sofia {
    font-family: 'Roboto', sans-serif !important;
}

/* Schnyderwidel */

.schnyderwidel {
    font-family: 'Roboto', sans-serif !important;
}


.cormorant {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

/* Ajax loading */
.before-ajax {
    display: none !important;
}

.pl {
    width: 6em;
    height: 6em;
}

.pl__ring {
    animation: ringA 2s linear infinite;
}

.pl__ring--a {
    stroke: #f42f25;
}

.pl__ring--b {
    animation-name: ringB;
    stroke: #f49725;
}

.pl__ring--c {
    animation-name: ringC;
    stroke: #255ff4;
}

.pl__ring--d {
    animation-name: ringD;
    stroke: #f42582;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
    body {
        background: #17181c;
    }
}

/* Animations */
@keyframes ringA {
    from, 4% {
        stroke-dasharray: 0 660;
        stroke-width: 20;
        stroke-dashoffset: -330;
    }

    12% {
        stroke-dasharray: 60 600;
        stroke-width: 30;
        stroke-dashoffset: -335;
    }

    32% {
        stroke-dasharray: 60 600;
        stroke-width: 30;
        stroke-dashoffset: -595;
    }

    40%, 54% {
        stroke-dasharray: 0 660;
        stroke-width: 20;
        stroke-dashoffset: -660;
    }

    62% {
        stroke-dasharray: 60 600;
        stroke-width: 30;
        stroke-dashoffset: -665;
    }

    82% {
        stroke-dasharray: 60 600;
        stroke-width: 30;
        stroke-dashoffset: -925;
    }

    90%, to {
        stroke-dasharray: 0 660;
        stroke-width: 20;
        stroke-dashoffset: -990;
    }
}

@keyframes ringB {
    from, 12% {
        stroke-dasharray: 0 220;
        stroke-width: 20;
        stroke-dashoffset: -110;
    }

    20% {
        stroke-dasharray: 20 200;
        stroke-width: 30;
        stroke-dashoffset: -115;
    }

    40% {
        stroke-dasharray: 20 200;
        stroke-width: 30;
        stroke-dashoffset: -195;
    }

    48%, 62% {
        stroke-dasharray: 0 220;
        stroke-width: 20;
        stroke-dashoffset: -220;
    }

    70% {
        stroke-dasharray: 20 200;
        stroke-width: 30;
        stroke-dashoffset: -225;
    }

    90% {
        stroke-dasharray: 20 200;
        stroke-width: 30;
        stroke-dashoffset: -305;
    }

    98%, to {
        stroke-dasharray: 0 220;
        stroke-width: 20;
        stroke-dashoffset: -330;
    }
}

@keyframes ringC {
    from {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: 0;
    }

    8% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -5;
    }

    28% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -175;
    }

    36%, 58% {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: -220;
    }

    66% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -225;
    }

    86% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -395;
    }

    94%, to {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: -440;
    }
}

@keyframes ringD {
    from, 8% {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: 0;
    }

    16% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -5;
    }

    36% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -175;
    }

    44%, 50% {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: -220;
    }

    58% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -225;
    }

    78% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -395;
    }

    86%, to {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: -440;
    }
}

/**
  * Header
  */
/* Topbar */
#top-bar p,
#top-bar a {
    font-size: 15px;
}

#top-bar a {
    text-decoration: underline;
}

/* Main */
#masthead .hide-for-medium.flex-left .header-nav>li+li>a:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    height: 15px;
    margin-top: -10px;
    left: -1em;
}

#masthead .header-nav a {
    text-transform: initial;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

#masthead .header-nav.nav-left a {
    color: #F00;
    font-weight: bold !important;
}

#masthead .header-nav a>img {
    position: relative;
    top: -2px;
}

#masthead .flex-col.flex-right ul.header-nav>li {
    margin: 0 15px;
}

#masthead .flex-col.flex-right ul.header-nav>li.header-wishlist-icon i {
    font-size: 16px;
    position: relative;
    top: 2px;
}

#masthead .account-item>a>.icon-user {
    display: none;
}

#masthead .account-item>a::before,
.searchform button .icon-search::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    opacity: 1;
}

/*#masthead .account-item>a::before {
    background-image: url('assets/img/user.png');
}*/

/* Ajax search */
#masthead .autocomplete-suggestions {
    overflow-y: scroll;
}

#masthead .autocomplete-suggestions::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#masthead .autocomplete-suggestions::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#masthead .autocomplete-suggestions::-webkit-scrollbar-thumb {
    background-color: #111111;
}

#masthead .live-search-results {
    min-width: 150%;
    left: auto;
}

#masthead .autocomplete-suggestion {
    flex-wrap: wrap;
}

#masthead .autocomplete-suggestion .search-name,
#masthead .autocomplete-suggestion .search-price {
    padding: 0;
    /*width: -webkit-fill-available;*/
    line-height: 1.3;
    margin: 0;
    font-size: 14px;
}

#masthead .autocomplete-suggestion .search-price {
    text-align: right;
}

#masthead .autocomplete-suggestion .search-price span.amount {
    color: #a88c34;
}

/* Cart */
.woocommerce-mini-cart__empty-message {
    font-size: 18px;
    margin: 20px 0 0;
}

#masthead .cart-item [data-icon-label]:after {
    top: -5px;
}

/* Bottom */
#wide-nav .header-nav>li {
    margin: 0 20px;
}
#wide-nav .header-nav>li>a{
    font-weight: bold !important;
}

#wide-nav .header-nav>li a {
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto', sans-serif !important;
}

#wide-nav .header-nav>li ul a {
    font-family: 'Roboto', sans-serif !important;
}

/* Dropdown */
.nav-dropdown {
    padding: 10px 0;
}

.nav-dropdown a {
    color: #111111 !important;
    font-size: 15px !important;
}

.nav-dropdown a:hover {
    color: #a88c34 !important;
}

/* Searchform */
.header .searchform button .icon-search::before {
    content:"\e012";
}

.header .searchform {
    border-bottom: 1px solid #7D7D7D;
}

.header .searchform input,
.header .searchform button {
    border: 0;
    padding: 0;
    background-color: transparent !important;
    font-size: 12px;
    line-height: 30px;
    max-height: 30px;
    color: #fff;
}
.header .searchform input::placeholder{
    color: #eee;
}

.header .searchform button .icon-search {
    position: relative;
    top: 2px;
}

/* Mega menu */
.menu-item-design-full-width.four-col>.nav-dropdown,
.menu-item-design-container-width.four-col>.nav-dropdown {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 15px 15px 25px;
}

.menu-item-design-full-width.four-col>.nav-dropdown>li,
.menu-item-design-container-width.four-col>.nav-dropdown>li {
    min-width: 25%;
    width: 25%;
    border: 0;
}

.menu-item-design-full-width.four-col>.nav-dropdown>li a:hover,
.menu-item-design-container-width.four-col>.nav-dropdown>li a:hover {
    background-color: transparent;
}

.menu-item-design-full-width.four-col>.nav-dropdown>li>a,
.menu-item-design-container-width.four-col>.nav-dropdown>li>a {
    color: #a88c34 !important;
    font-size: 17px !important;
    padding: 10px 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

.menu-item-design-full-width.four-col>.nav-dropdown>li>ul>li>a,
.menu-item-design-container-width.four-col>.nav-dropdown>li>ul>li>a {
    padding: 5px 10px;
    font-size: 14px !important;
}

.header-wrapper.stuck #wide-nav>.flex-row {
    position: relative !important;
}

.header-wrapper.stuck #wide-nav>.flex-row>.flex-col,
.header-wrapper.stuck #wide-nav>.flex-row>.flex-col .header-nav {
    position: static !important;
}

.header-wrapper.stuck .menu-item-design-container-width.four-col>.nav-dropdown {
    width: 1230px !important;
}

/**
 * Footer
 */
/* Before */
.mh-col-before-footer h4,
.mh-col-before-footer .icon-box p {
    font-size: 22px;
    margin: 0;
}

.mh-col-before-footer p {
    margin: 0;
    color: #646464;
}

.mh-col-before-footer .icon-box {
    align-items: center;
}

.mh-col-before-footer .icon-box p {
    color: #111;
    font-weight: 500;
}

.home-contact-form .wpcf7-form input {
    /*list-style: 50px;*/
    min-height: 50px;
}

.home-contact-form .wpcf7-form .wpcf7-text {
    border-color: #111111;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.home-contact-form .wpcf7-form .flex-col>i {
    position: absolute;
    font-size: 21px;
    top: 12px;
    right: 17px;
}

.home-contact-form .wpcf7-form .flex-row{
    margin-bottom: 15px;
}

/* Main */
.mh-col-footer p,
.mh-col-footer p a,
.mh-col-footer p span,
.mh-col-footer li {
    font-size: 15px;
    margin: 0;
    color: #fff;
}

.mh-col-footer a {
    font-size: 15px;
    color: #111111;
}

.mh-col-footer ul {
    margin: 0;
}

.mh-col-footer .ux-menu-link__link {
    padding: 0;
}

.mh-col-footer .social-icons a:first-child {
    margin-left: 0;
}

.mh-col-footer .social-icons a {
    font-size: 26px;
    margin: 0 15px;
}

.absolute-footer {
    padding: 15px 0 10px;
    color: #545454;
    font-weight: 500;
}

.back-to-top {
    background-color: #fff !important;
}

.back-to-top:hover {
    border-color: #a88c34 !important;
    background-color: #a88c34 !important;
}

/**
 * Woocommerce
 */
/* Global */
.ux-swatch--label.disabled {
    background: linear-gradient(to top left, transparent calc(50% - 0.031rem), red, transparent calc(50% + 0.031rem)) !important;
}

.ux-swatch.disabled {
    opacity: .7;
    cursor: pointer;
}

.ux-swatch--image.disabled:before,
.ux-swatch--color.disabled:before {
    background-color: #f00 !important;
    -webkit-transform: rotate(-32deg);
    -ms-transform: rotate(-32deg);
    transform: rotate(-32deg);
}

span.amount {
    color: #505050;
    font-weight: normal;
}

/* Message */
#wrapper>.message-wrapper {
    background-color: #f4f4fe;
    font-size: 15px;
    color: #a88c34;
}

#wrapper>.message-wrapper li {
    margin: 0;
}

/* Cart canvas */
@media (min-width: 850px) {
    .off-canvas .off-canvas-cart {
        width: 450px;
    }

    ul.product_list_widget.woocommerce-mini-cart li {
        padding-left: 135px;
        min-height: 170px;
    }

    ul.product_list_widget li img {
        width: 110px;
        top: 0;
        height: 147px;
        margin: 0;
    }
}

.cart-popup-inner.inner-padding {
    padding: 0;
}

.cart-popup-title h4, .cart-popup-title .cart-title {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #e6ebe6;
    font-size: 24px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif !important;
    margin: 0;
    text-transform: none;
}

.cart-popup-title .is-divider {
    display: none;
}

.widget_shopping_cart_content .woocommerce-mini-cart {
    padding: 25px;
    margin: 0;
}

ul.product_list_widget.woocommerce-mini-cart li {
    padding-top: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d6d6d6;
}

ul.product_list_widget.woocommerce-mini-cart li+li {
    border: 0;
}

ul.product_list_widget.woocommerce-mini-cart li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.mfp-wrap .mfp-close {
    opacity: 1;
    right: 10px;
}

.mfp-wrap svg {
    width: 25px;
    height: 25px;
    fill: #000;
}

.widget_shopping_cart_content .variation dt {
    text-transform: none;
    color: #000;
    font-size: 15px;
    line-height: 1.5;
}

.widget_shopping_cart_content .variation dd {
    font-weight: bold;
    color: #000;
    line-height: 1.5;
}

.widget_shopping_cart_content .variation dd p {
    text-transform: none;
    font-size: 15px;
    line-height: 1.5;
    font-weight: normal;
}

.widget_shopping_cart_content ul.product_list_widget li a:not(.remove) {
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-family: 'Roboto', sans-serif !important;
}

.widget_shopping_cart_content ul.product_list_widget li a.remove {
    width: 20px;
    height: 20px;
    color: #222;
    font-size: 20px !important;
    line-height: 17px !important;
}

ul.product_list_widget li .quantity {
    position: relative;
    font-size: 16px;
    opacity: 1;
}

ul.product_list_widget li .quantity .woocommerce-Price-amount {
    color: #000;
}

ul.product_list_widget li .quantity ins.cart-price-sale span {
    color: #444;
}

.widget_shopping_cart p.total {
    border-top: 1px solid #D6D6D6;
    border-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 25px;
    overflow: hidden;
}

.widget_shopping_cart p.total strong {
    float: left;
    line-height: 35px;
}

.widget_shopping_cart p.total .woocommerce-Price-amount {
    float: right;
    font-size: 22px;
    font-weight: normal;
    color: #a88c34;
}

.woocommerce-mini-cart__buttons {
    padding: 0 25px 10px 25px;
    overflow: hidden;
}

.woocommerce-mini-cart__buttons>a {
    width: 48% !important;
    float: left;
    font-size: 15px;
    font-weight: 300;
    line-height: 53px;
    border-radius: 5px;
}

.woocommerce-mini-cart__buttons>a:last-child {
    float: right;
    background-color: #a88c34 !important;
    color: #fff;
}

/* Box product */
.product-small.box .box-image .wishlist-icon,
.product-small.box .box-text-products .saving_price {
    display: none;
}

.product-small.box .box-text-products {
    padding: 10px 0;
}

.product-small.box .box-text-products .mh-label-cat {
    margin: 0 0 5px;
}

.product-small.box .box-text-products .name.product-title {
    margin: 0 0 0;
    height: auto !important;
}

.product-small.box .box-text-products .name.product-title a {
    margin: 0;
    font-size: 14px;
    white-space: normal;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 20px;
    color: #a88c34;
    font-weight: bold;
}

.product-small.box .box-text-products .name.product-title a:hover {
    color: #ffc410;
}

.product-small.box .box-text-products .price-wrapper {
    margin: 0 0 8.5px;
}

.product-small.box .box-text-products .price-wrapper span.amount, .mh-price-rank {
    font-size: 12px;
    opacity: 1;
    color: #000;
    font-family: t-black, sans-serif;
    margin-right: 15px;
}

.product-small.box .box-text-products .price-wrapper del span.amount {
    color: #999999;
    font-family: 'Roboto', sans-serif;
}

.product-small.box .star-rating {
    display: none;
}

.product-small.box .box-image .seller-tools {
    position: absolute;
    z-index: 10000;
    display: inline-flex;
    width: 100%;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    background-color: #ffffff9e;
    font-size: 15px;
    bottom: 0;
    z-index: 99;
}

/* .product-small.box .box-text-products .box-color-product {
	margin: 0 0 5px;
} */
.product-small.box .box-text-products .box-color-product>div {
    width: 17px;
    height: 17px;
    display: inline-block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border: 1px solid #fff;
    cursor: pointer;
    margin-right: 7px;
}

.product-small.box .box-text-products .box-color-product>div::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background-color: #D7D7D7;
    z-index: -1;
    position: absolute;
    left: -2px;
    top: -2px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
}

.product-small.box .box-text-products .box-color-product>div.active::before {
    background-color: #000;
}

/* .product-small.box .box-text-products .box-color-product.small {
  margin: 15px 0 0;
}

.product-small.box .box-text-products .box-color-product.small > div {
  width: 15px;
  height: 15px;
}

.product-small.box .box-text-products .box-color-product.small > div::before {
  width: 17px;
  height: 17px;
} */
.product-small.box .box-text-products .box-color {
    margin: 15px 0 0;
}

.product-small.box .box-text-products .box-color>div {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border: 1px solid #fff;
    cursor: pointer;
    margin-right: 3px;
    border: 1px solid #D7D7D7;
    padding: 1px;
}

.product-small.box .box-text-products .box-color>div span {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    position: relative;
    position: absolute;
    top: 1px !important;
    left: 1px;
}

.product-small.box .box-text-products .box-color>div.active {
    border-color: #222;
}

.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
    top: 50%;
    height: 100px;
    margin-top: -50px !important;
}

.slider-nav-reveal .flickity-prev-next-button:hover {
    opacity: 0.9;
    background: #FFF;
}

.product-small .left.badge-container {
    left: auto;
    right: 5px;
    top: 5px;
    margin: 0;
}

.product-small .badge {
    height: 40px;
    width: 40px;
    font-size: 14px;
}

.product-small .badge-inner.on-sale {
    background: #ee2030;
}

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

.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image {
    opacity: 1 !important;
}

/* Label */
.mh-label-cat,
.mh-label-cat a {
    color: #777777;
    font-size: 15px;
    padding: 0;
}

.mh-label-cat a:hover {
    color: #a88c34;
    text-decoration: underline;
}

.mh-label-cat>span:nth-child(1) {
    color: #a88c34;
    margin-right: 10px;
}

/* Archive */
.shop-page-title {
    display: none;
}

.category-page-row {
    padding-top: 15px;
}

.category-page-row .term-description {
    display: none;
}

/* Title */
.mh-cat-banner .text-inner h3 {
    margin: 0 0 15px;
    font-size: 28px;
    color: #111;
    text-transform: initial;
    font-weight: bold;
}

.mh-cat-banner .text-inner p {
    margin: 0;
    color: #111;
    line-height: 1.3;
}

.mh-shop-page-title .page-title-inner {
    padding: 0;
    min-height: auto;
    margin: 0 0 25px;
}

.mh-shop-page-title .woocommerce-result-count {
    display: none;
}

.mh-shop-page-title span.order,
.mh-shop-page-title .woocommerce-ordering select,
.mh-shop-page-title .count-post {
    margin: 0;
    line-height: 38px;
    max-height: 40px;
}

.mh-shop-page-title span.order {
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.mh-shop-bottom {
    margin-top: 70px;
    border-top: 1px solid #b3b3b3;
    padding: 45px 0 0;
    overflow: hidden;
    max-height: 600px;
    transition: all .5s cubic-bezier(0, 1, 0, 1);
    -moz-transition: all .5s cubic-bezier(0, 1, 0, 1);
    -webkit-transition: all .5s cubic-bezier(0, 1, 0, 1);
    -o-transition: all .5s cubic-bezier(0, 1, 0, 1);
}

.mh-shop-bottom.full {
    max-height: unset;
    transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.mh-shop-bottom h1,
.mh-shop-bottom h2,
.mh-shop-bottom h3 {
    font-weight: normal;
    font-size: 27px;
    margin: 0 0 20px;
}

.mh-shop-bottom h1,
.mh-shop-bottom h2,
.mh-shop-bottom h3 {
    font-weight: normal;
    font-size: 24px;
    margin: 0 0 20px;
}

.mh-shop-bottom p,
.mh-shop-bottom a,
.mh-shop-bottom li,
.mh-shop-bottom span {
    font-size: 16px;
    line-height: 1.3;
}

.mh-shop-bottom p,
.mh-shop-bottom li {
    margin: 0 0 10px;
}

.mh-shop-bottom ul {
    margin: 0 0 10px 20px;
}

.mh-shop-bottom li ul {
    margin-top: 10px;
}

.mh-shop-bottom .wp-caption {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Sidebar */
#shop-sidebar aside.widget span.widget-title {
    display: block;
    border-bottom: 1px solid #dcdcdc;
    padding: 5px 0 15px;
    margin: 0 0 10px;
    text-transform: initial;
    font-size: 18px;
}

#shop-sidebar aside.widget {
    border: 1px solid #dcdcdc;
    padding: 10px 15px 15px;
}

#shop-sidebar aside.widget .woocommerce-widget-layered-nav-list {
    height: 180px;
    overflow-y: scroll;
}

#shop-sidebar aside.widget .woocommerce-widget-layered-nav-list::-webkit-scrollbar-track {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
}

#shop-sidebar aside.widget .woocommerce-widget-layered-nav-list::-webkit-scrollbar {
    width: 6px;
}

#shop-sidebar aside.widget .woocommerce-widget-layered-nav-list::-webkit-scrollbar-thumb {
    background-color: #505050;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
}

#shop-sidebar aside.widget ul.product-categories li a,
#shop-sidebar aside.widget .woocommerce-widget-layered-nav-list li a {
    display: inline-block;
    flex: initial;
    padding: 4px 0;
    position: relative;
}

#shop-sidebar aside.widget .count {
    font-size: 15px !important;
    opacity: 1 !important;
    line-height: initial !important;
    color: #b3b3b3;
    padding-left: 5px;
    position: relative;
    bottom: 1px;
}

#shop-sidebar aside.widget ul.product-categories li {
    position: relative;
}

#shop-sidebar aside.widget ul.product-categories li a::before,
#shop-sidebar aside#woocommerce_layered_nav-3 ul.woocommerce-widget-layered-nav-list li a::before {
    width: 16px;
    height: 16px;
    content: '';
    display: inline-block;
    border: 1px solid #ACACAC;
    margin-right: 8px;
    position: relative;
    top: 1px;
    opacity: 1;
    background-color: transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}

#shop-sidebar aside.widget ul.product-categories li a::after,
#shop-sidebar aside#woocommerce_layered_nav-3 ul.woocommerce-widget-layered-nav-list li a::after {
    width: 12px;
    height: 12px;
    content: '';
    display: inline-block;
    background-color: #000;
    position: absolute;
    left: 2px;
    top: 7px;
    opacity: 0;
}

#shop-sidebar aside.widget ul.product-categories li a:hover::before,
#shop-sidebar aside#woocommerce_layered_nav-3 ul.woocommerce-widget-layered-nav-list li a:hover::before {
    border-color: #a88c34;
}

#shop-sidebar aside.widget ul.product-categories li.active>a::before,
#shop-sidebar aside#woocommerce_layered_nav-3 ul.woocommerce-widget-layered-nav-list li.chosen a::before {
    border-color: #000;
}

#shop-sidebar aside.widget ul.product-categories li.active>a::after,
#shop-sidebar aside#woocommerce_layered_nav-3 ul.woocommerce-widget-layered-nav-list li.chosen a::after {
    opacity: 1;
}

#shop-sidebar aside#woocommerce_layered_nav-2 .wc-layered-nav-term.chosen>a:before {
    display: none;
}

#shop-sidebar aside.widget .ux-swatch--image,
#shop-sidebar aside.widget .ux-swatch--color {
    position: relative;
    top: -1px;
    max-width: 18px;
    height: 18px;
    margin-right: 8px;
    border: 1px solid #efefef;
}

.chosen .ux-swatch-widget-layered-nav-list__graphic:before {
    font-size: 10px;
}

#shop-sidebar aside.widget ul.product-categories li .toggle {
    border: 0;
    margin: 0;
    right: 0;
    position: absolute;
}

/* Single */
.mh-col-product-gallery .woo-variation-gallery-thumbnail-wrapper {
    padding: 10px 0;
}

.mh-col-product-gallery .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-prev-arrow {
    top: -9px;
}

.mh-col-product-gallery .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-next-arrow,
.mh-col-product-gallery .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-prev-arrow {
    background-color: transparent;
    font-size: 40px;
}

/* .mh-col-product-gallery .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-next-arrow:before,
.mh-col-product-gallery .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-prev-arrow:before {
  color: #000;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
} */
.mh-col-product-gallery .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-prev-arrow:before {
    content: '\f053';
}

.mh-col-product-gallery .woo-variation-gallery-thumbnail-slider .wvg-thumbnail-next-arrow:before {
    content: '\f054';
}

.mh-col-product-gallery .wishlist-icon {
    display: none;
}

.mh-col-product-gallery .vertical-thumbnails {
    overflow-y: scroll;
}

.mh-col-product-gallery>.col-inner>.row>.col {
    padding-bottom: 0;
}

.mh-col-product-gallery>.col-inner>.row>.col.large-10 {
    max-width: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
}

.mh-col-product-gallery>.col-inner>.row>.col.large-2 {
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

.mh-col-product-gallery .vertical-thumbnails::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.mh-col-product-gallery .vertical-thumbnails::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.mh-col-product-gallery .vertical-thumbnails::-webkit-scrollbar-thumb {
    background-color: #111111;
}

.mh-col-product-info p,
.mh-col-product-info li,
.mh-col-product-info a {
    font-size: 15px;
}

.mh-col-product-info .product-title {
    font-size: 20px;
    font-weight: normal;
    max-width: 85%;
}

.mh-col-product-info .sku {
    font-size: 12px;
    color: #AAAAAA;
    margin: 0 0 15px;
}

.mh-col-product-info .product-page-price {
    font-size: 18px;
}

.mh-col-product-info .product-page-price del span {
    font-size: 16px;
    opacity: 1;
}

/* .mh-col-product-info .product-page-price ins span {
  font-size: 16px;
} */
.mh-col-product-info p.in-stock,
.mh-col-product-info p.saving {
    text-transform: capitalize;
    font-weight: 500;
}

.mh-col-product-info p.saving {
    line-height: 1;
}

.mh-col-product-info p.saving span,
.mh-col-product-info .product-page-price .saving_price b {
    color: #a88c34;
}

.mh-col-product-info .product-page-price .saving_price {
    display: block;
    margin: 10px 0 0;
    font-size: 15px;
    font-weight: normal;
}

.mh-col-product-info .add_to_wishlist {
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    right: 0;
    line-height: 22px;
    background-color: transparent !important;
    width: 22px;
    height: 22px;
    min-height: 22px;
}

/* .mh-col-product-info .add_to_wishlist::before {
  content: '\f004';
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #111;
  font-size: 22px;
} */
/*.mh-col-product-info .add_to_wishlist::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url('assets/img/heart-large.png');
}*/

.mh-col-product-info .yith-wcwl-wishlistaddedbrowse,
.mh-col-product-info .yith-wcwl-wishlistexistsbrowse {
    display: inline-block;
    position: absolute;
    right: 0;
}

.mh-col-product-info .yith-wcwl-wishlistexistsbrowse,
.mh-col-product-info .yith-wcwl-wishlistexistsbrowse span,
.mh-col-product-info .yith-wcwl-wishlistexistsbrowse a,
.mh-col-product-info .yith-wcwl-wishlistaddedbrowse,
.mh-col-product-info .yith-wcwl-wishlistaddedbrowse span,
.mh-col-product-info .yith-wcwl-wishlistaddedbrowse a {
    color: #a88c34;
    font-size: 20px;
}

.mh-col-product-info .add_to_wishlist:hover::before {
    color: #a88c34;
}

.mh-col-product-info p.in-stock {
    color: #a88c34;
}

.mh-col-product-info .variations .reset_variations {
    bottom: 87%;
    opacity: 1;
    font-size: 14px;
}

.mh-col-product-info .variations {
    margin: 0 0 15px;
}

.mh-col-product-info .variations>tbody {
    display: flex;
    flex-direction: column-reverse;
}

.mh-col-product-info .variations td {
    padding: 0;
    display: block;
    font-size: 15px;
    color: #111111;
}

.mh-col-product-info .gap-element {
    padding-top: 5px !important;
}

.mh-col-product-info .variations td label {
    margin: 0 0 12px !important;
    font-size: 14px;
    font-weight: normal;
}

.mh-col-product-info .variations tbody tr:not(:first-child) {
    margin: 0 0 20px;
}

.mh-col-product-info .color-variable-item {
    width: 17px;
    height: 17px;
    padding: 1px !important;
}

.mh-col-product-info .image-variable-item,
.mh-col-product-info .image-variable-item img {
    border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    -o-border-radius: 100% !important;
    overflow: hidden;
}

.mh-col-product-info .image-variable-item {
    width: 17px;
    height: 17px;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    border: 1px solid #d7d7d7;
    padding: 1px !important;
}

.mh-col-product-info .button-variable-item {
    min-width: 50px;
    min-height: 30px;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    border: 1px solid #d7d7d7;
}

.mh-col-product-info .button-variable-item.selected,
.mh-col-product-info .image-variable-item.selected {
    border-color: #000;
}

.mh-col-product-info .button-variable-item span {
    font-size: 14px;
}

.mh-col-product-info .ux-swatches-attribute-ux_label .ux-swatch--label {
    min-width: 50px;
    min-height: 30px;
}

.mh-col-product-info .ux-swatches-attribute-ux_label .ux-swatch--label.disabled {
    background: none !important;
    position: relative;
}

.mh-col-product-info .ux-swatches-attribute-ux_label .ux-swatch--label.disabled::before {
    position: absolute;
    content: "";
    width: 107%;
    height: 1px;
    background-color: #f00 !important;
    left: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
    min-width: auto;
    -webkit-transform: rotate(-32deg);
    -ms-transform: rotate(-32deg);
    transform: rotate(-32deg);
}

.mh-col-product-info .ux-swatches-attribute-ux_label .ux-swatch--label span {
    font-size: 14px;
}

.mh-col-product-info .variations_form {
    position: relative;
    margin-bottom: 0;
}

.mh-col-product-info .variations_form .woocommerce-variation-price {
    border: 0;
    opacity: 1;
    padding: 0;
    margin: 0 0 15px;
    font-size: 18px;
    color: #a88c34;
}

.mh-col-product-info .variations_form .woocommerce-variation-price ins span {
    color: #a88c34;
}

.mh-col-product-info .variations_form .woocommerce-variation-price del span {
    opacity: 1;
    font-size: 17px;
}

.mh-col-product-info .variations_form .choose-size {
    bottom: 123px !important;
    top: auto;
    z-index: 1000;
    font-size: 15px;
    text-decoration: underline;
}

.mh-col-product-info .out-of-stock a,
.mh-col-product-info #stock_empty {
    /* color: #a88c34; */
    text-decoration: underline;
    /* font-size: 14px; */
}

.mh-col-product-info .out-of-stock a i,
.mh-col-product-info #stock_empty i {
    margin-right: 10px;
}

.mh-col-product-info .button {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.mh-col-product-info .single_add_to_cart_button,
.mh-col-product-info .cart .single_add_to_cart_button_quick {
    width: 100%;
    border: 0;
    font-size: 13px;
    line-height: 53px;
    min-height: 53px;
    font-weight: normal;
    /* display: none; */
}

.mh-col-product-info .cart .single_add_to_cart_button_quick {
    background-color: #000 !important;
}

.mh-col-product-info .woocommerce-variation-add-to-cart {
    flex-wrap: wrap;
}

.mh-col-product-info .single_variation_wrap .quantity {
    width: 100%;
    margin: 0 0 20px;
    display: none !important;
}

.mh-col-product-info .single_variation_wrap .quantity input {
    max-width: 30px;
    line-height: 38px;
    min-height: 40px;
}

/*.mh-col-product-info .button_catalogue {
    width: 100%;
    border: 0;
    background-color: transparent !important;
    background-image: url('assets/img/bg-catalogue.png');
    background-repeat: no-repeat;
    color: #505050;
    background-position: top left;
    line-height: 53px;
    margin: 0 0 15px;
    font-size: 15px;
}*/

/* .mh-col-product-info .button_catalogue span {
  position: relative;
  top: 2px;
} */
.mh-col-product-info .divided-catalogue {
    display: inline-block;
    border-top: 2px dashed #979797;
    width: 100%;
    position: relative;
    top: -12px;
}

.mh-col-product-info .product-title-content {
    font-size: 17px;
    font-weight: bold;
    margin: 30px 0 15px 0;
}

.mh-col-product-info .product-des p,
.mh-col-product-info .product-des li,
.mh-col-product-info .product-des a {
    color: #5f5f5f;
}

.mh-col-content-product {
    overflow: hidden;
    position: relative;
    max-height: 600px;
    transition: all .5s cubic-bezier(0, 1, 0, 1);
    -moz-transition: all .5s cubic-bezier(0, 1, 0, 1);
    -webkit-transition: all .5s cubic-bezier(0, 1, 0, 1);
    -o-transition: all .5s cubic-bezier(0, 1, 0, 1);
}

.mh-col-content-product p,
.mh-col-content-product a,
.mh-col-content-product li,
.mh-col-content-product span {
    color: #5f5f5f;
}

.mh-col-content-product.full {
    max-height: unset;
    transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.mh-col-product-reviews div#reviews.woocommerce-Reviews {
    max-width: 100%;
    margin: 0 0 40px;
    border: 0;
}

.mh-col-product-reviews .woocommerce-noreviews {
    margin-bottom: 0;
}

.mh-col-product-reviews .woocommerce-Reviews-title {
    display: none;
}

.mh-col-product-reviews .star_box {
    margin: 0 0 30px;
    padding: 30px 30px 20px;
    border-color: #979797;
    border-radius: 0;
}

.mh-col-product-reviews .star_box_right {
    width: 33.3333%;
}

.mh-col-product-reviews .star_box_left {
    display: flex;
    flex-direction: row;
}

.mh-col-product-reviews .star_box_left .star-average,
.mh-col-product-reviews .star_box_left .reviews_bar {
    width: 50%;
}

.mh-col-product-reviews .star-average .woocommerce-product-rating {
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.mh-col-product-reviews .star-average .woocommerce-product-rating .star_average {
    margin: 0;
    color: #a88c34;
    font-size: 36px;
    font-weight: normal;
}

.mh-col-product-reviews .star-average .woocommerce-product-rating a {
    color: #777777;
    font-size: 14px;
}

.mh-col-product-reviews .star-average .star-rating {
    font-size: 13px !important;
    margin: 10px 0 5px;
}

.mh-col-product-reviews span.devvn_stars_value,
.mh-col-product-reviews span.devvn_num_reviews,
.mh-col-product-reviews span.devvn_num_reviews b {
    font-size: 14px;
    color: #777777;
    font-weight: normal;
}

.mh-col-product-reviews span.devvn_stars_value i,
.mh-col-product-reviews .star-rating span:before {
    color: #FFB72F !important;
}

.mh-col-product-reviews #comments a.btn-reviews-now {
    background-color: #a88c34;
    color: #fff;
    font-weight: normal;
    min-width: 200px;
    line-height: 53px;
    padding: 0;
    font-size: 14px;
}

.mh-col-product-reviews span.devvn_scala_rating {
    height: 7px;
}

.mh-col-product-reviews .commentlist {
    max-width: 750px;
    margin: auto;
}

.mh-col-product-reviews .commentlist li {
    margin: 0 0 20px !important;
}

.mh-col-product-reviews .commentlist li:not(:first-child) {
    padding: 20px 0 0 !important;
}

.mh-col-product-reviews .commentlist li:last-child {
    margin-bottom: 0 !important;
}

.mh-col-product-reviews .commentlist .devvn_review_top p strong {
    font-weight: normal;
    margin: 0;
    color: #111111;
    font-size: 16px;
}

.mh-col-product-reviews .commentlist .devvn_review_mid {
    margin: 0;
}

.mh-col-product-reviews .commentlist .devvn_review_mid .star-rating {
    display: block;
    font-size: 13px;
    margin-bottom: 15px;
}

.mh-col-product-reviews .commentlist .devvn_review_mid .description {
    padding: 15px;
    background-color: #FBF2EE;
    font-size: 14px;
    display: block;
}

.mh-col-product-reviews .commentlist .devvn_review_bottom {
    display: none;
}

.mh-col-product-reviews .devvn_prod_cmt {
    max-width: 750px;
}

.mh-col-product-reviews .devvn_cmt_form input[type="text"],
.mh-col-product-reviews .devvn_cmt_form input[type="submit"],
.mh-col-product-reviews .devvn_cmt_form textarea,
.mh-col-product-reviews #devvn_cmt_search,
.mh-col-product-reviews .devvn_cmt_lheader_left span {
    font-size: 14px;
}

.mh-col-product-reviews .devvn_cmt_lheader_left span,
.mh-col-product-reviews .devvn_cmt_radio span {
    font-weight: normal;
}

.mh-col-product-reviews .devvn_cmt_radio span {
    line-height: 1.3;
}

.mh-col-product-reviews button#devvn_cmt_submit,
.mh-col-product-reviews button#devvn_cmt_replysubmit {
    font-weight: normal;
    text-transform: initial;
    font-size: 16px;
    background-color: #a88c34;
}

.mh-col-product-reviews .devvn_cmt_tool a {
    color: #a88c34;
}

.devvn_cmt_radio label input:checked~span:before,
.devvn_cmt_radio label input:checked~span::after {
    border-color: #a88c34;
}

.devvn_cmt_radio label input:checked~span::after {
    background-color: #a88c34;
}

.related-products-wrapper {
    border: 0;
}

.related-products-wrapper h3 {
    text-align: center;
    font-size: 30px;
    padding: 0;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 30px;
}

/* Đăng ký nhận báo giá */
.mh-form-stock-empty>.col>.col-inner {
    padding: 15px 20px;
}

.mh-form-stock-empty h3 {
    font-size: 18px;
    line-height: 1.3;
    font-weight: normal;
}

.mh-form-stock-empty .stock-header {
    border-bottom: 1px solid #DBDBDB;
}

.mh-form-stock-empty .stock-footer {
    border-top: 1px solid #DBDBDB;
}

.mh-form-stock-empty .stock-body .product-title {
    font-size: 18px;
    margin: 0 0 5px;
}

.mh-form-stock-empty .stock-body .product-title span {
    display: block;
    font-size: 13px;
}

.mh-form-stock-empty .stock-body .sku {
    font-size: 13px;
    color: #AAAAAA;
    margin: 0;
}

.mh-form-stock-empty .stock-body input[type="text"],
.mh-form-stock-empty .stock-body input[type="tel"],
.mh-form-stock-empty .stock-body input[type="email"] {
    font-size: 14px;
    display: inline-block;
    margin: 0;
    text-transform: capitalize;
    line-height: 40px;
    min-height: 40px;
    border-color: #dbdbdb;
}

.mh-form-stock-empty .stock-footer input[type="submit"] {
    background-color: #a88c34 !important;
    font-size: 16px;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    min-width: 180px;
    line-height: 45px;
    min-height: 45px;
    font-weight: normal;
    color: #fff;
    margin: 0;
}

.mh-form-stock-empty .stock-footer {
    padding: 15px 0;
}

.mh-form-stock-empty .stock-body .wpcf7-form > .row > .col:nth-child(1) > .col-inner {
    padding-left: 10px;
}

.mh-form-stock-empty .stock-body .wpcf7-form > .row > .col:nth-child(2) > .col-inner {
    padding-right: 10px;
}

.mh-form-stock-empty .stock-body .wpcf7-form input {
    margin: 0;
}

.mh-form-stock-empty .stock-body .wpcf7-form input.wpcf7-submit {
    font-size: 14px;
}

.mh-form-stock-empty .stock-body .wpcf7 .wpcf7-not-valid-tip {
    font-size: 13px;
}

.mh-form-stock-empty .stock-body .wpcf7 .wpcf7-response-output {
    margin: 0 0 20px !important;
    border-width: 1px;
    padding: 10px 15px !important;
    font-weight: bold;
}

/* Product size */
.size-products-wrapper>p {
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 5px;
}

.size-products-wrapper>p>span.absolute {
    right: 0;
    top: 8px;
    font-weight: normal;
    font-size: 17px;
    color: rgb(56 56 56);
}

.size-products-wrapper .head-table td {
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    font-size: 18px;
    padding: 15px 0;
}

.size-products-wrapper .head-table td span {
    color: #000;
    margin-right: 20px;
}

.size-products-wrapper .title-size {
    color: #000;
}

.size-products-wrapper .note-size {
    border: 0;
}

.size-products-wrapper td {
    border-color: rgb(228 228 228);
    color: rgb(56 56 56);
    font-size: 16px;
    padding: 15px 0;
}

/* Product wash */
.wash-note {
    border-top: 1px solid #acacac;
    padding: 30px 0 0;
}

.wash-note>p {
    font-weight: 600;
    margin: 0 0 15px;
    font-size: 18px;
}

.wash-inner p {
    color: #393939;
    margin: 0 0 5px;
}

.wash-icon {
    margin: 0 0 20px;
}

.wash-icon .icon-box-text p {
    font-size: 14px;
    line-height: 1.3;
    max-width: 80px;
    margin: auto;
}

/* Wish List */
#yith-wcwl-popup-message,
.blockUI {
    display: none !important;
}

/* Checkout page */
.woocommerce-checkout form.checkout h3,
.woocommerce-checkout label,
.woocommerce-checkout legend,
.woocommerce-checkout form th {
    font-weight: normal;
}

.woocommerce-checkout label,
.woocommerce-checkout legend,
.woocommerce-checkout form th {
    font-size: 15px;
}

/* Cart page */
.woocommerce-notices-wrapper>.message-wrapper {
    padding: 10px 15px;
    background-color: #f4f4fe;
    line-height: 1.3;
    font-size: 15px;
    margin: 0 0 15px;
}

.woocommerce-cart-form .shop_table thead th,
.cart-sidebar .cart_totals table tr th,
.cart-sidebar .widget-title {
    font-size: 17px !important;
    font-weight: normal;
}

.cart-sidebar .cart_totals table tr th.product-name {
    border-width: 3px !important;
}

.woocommerce-cart-form .product-name a,
.woocommerce-cart-form span.amount,
.woocommerce-cart-form .mobile-product-price {
    font-size: 17px;
}

.woocommerce-cart-form .variation dl,
.woocommerce-cart-form .variation dt,
.woocommerce-cart-form .variation dd,
.woocommerce-cart-form .variation dd p {
    font-size: 15px;
    text-transform: initial;
}

.cart-sidebar .cart-subtotal th,
.cart-sidebar .order-total th,
.cart-sidebar .cart-subtotal td,
.cart-sidebar .order-total td {
    padding: 15px 0 12px !important;
    font-size: 17px;
}

.cart-sidebar .checkout_coupon {
    margin-top: 35px;
}

.wc-proceed-to-checkout a,
.checkout_coupon .coupon .expand {
    margin: 0;
    border: 0;
    line-height: 50px;
    min-height: 50px;
    font-size: 15px;
}

.checkout_coupon .input-text {
    line-height: 50px;
    min-height: 50px;
    font-size: 15px;
}

.checkout_coupon .coupon .expand {
    background-color: #e6ebe6;
    color: #111;
}

/**
 * Blog
 */
/* Archive */
.blog-wrapper {
    padding-top: 0;
}

.blog-wrapper .is-divider {
    display: none;
}

.badge-circle-inside .badge-inner,
.badge-circle .badge-inner {
    background-color: #a88c34;
}

.blog-wrapper .badge {
    height: 3.2em;
    width: 3.2em;
}

.blog-wrapper .badge .badge-inner {
    line-height: 1;
}

.blog-wrapper .badge span.post-date-month {
    font-size: 13px;
    font-weight: normal;
}

.blog-wrapper .badge .badge-inner .post-date-day {
    font-size: 16px;
}

.blog-archive .col:not(.post-sidebar) .col.post-item .box-text {
    padding: 20px;
    vertical-align: top;
    background-color: #f2f2f2;
}

.blog-archive .col:not(.post-sidebar) .col.post-item .post-title,
.mh-grid-blog .col.post-item .box-text .post-title {
    font-weight: 600;
    margin: 0 0 5px;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-archive .col:not(.post-sidebar) .col.post-item .post-title {
    font-size: 20px;
    color: #111111;
    font-weight: normal;
    margin: 0 0 10px;
}

.blog-archive .col:not(.post-sidebar) .col.post-item .post-meta,
.mh-grid-blog .col.post-item .box-text .post-meta,
.blog-archive .col:not(.post-sidebar) .col.post-item .box-text .from_the_blog_excerpt,
.mh-grid-blog .col.post-item .box-text .from_the_blog_excerpt {
    opacity: 1;
    font-size: 15px;
    margin: 0;
    line-height: 1.3;
}

/* Single */
.blog-wrapper.blog-single .entry-header-text {
    padding-bottom: 10px;
}

.blog-wrapper.blog-single .entry-title {
    font-size: 24px;
    line-height: 32px;
    text-transform: initial;
    margin: 0 0 10px;
    color: #a88c34;
    font-weight: normal;
}

.blog-wrapper.blog-single .entry-category {
    display: none;
}

.blog-wrapper.blog-single .entry-meta span,
.blog-wrapper.blog-single .entry-meta a {
    opacity: 1;
    font-size: 13px;
}

.blog-wrapper.blog-single .entry-meta,
.blog-wrapper.blog-single .entry-meta a,
.blog-wrapper.blog-single .entry-meta span {
    opacity: 1;
    font-size: 15px;
    color: #111111;
}

.blog-wrapper.blog-single .entry-excerpt {
    margin: 0 0 20px;
}

.blog-wrapper.blog-single .entry-share>span {
    font-size: 14px;
    margin-right: 10px;
}

.blog-wrapper.blog-single .entry-share .share-icons>a {
    margin-bottom: 0;
}

.blog-wrapper.blog-single .entry-content {
    text-align: justify;
    padding: 0;
}

.blog-wrapper.blog-single .kk-star-ratings.kksr-valign-top {
    margin-bottom: 10px;
}

.blog-wrapper.blog-single .kk-star-ratings .kksr-legend {
    font-size: 15px;
}

.blog-wrapper.blog-single .kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon,
.blog-wrapper.blog-single .kk-star-ratings .kksr-stars .kksr-star .kksr-icon,
.blog-wrapper.blog-single .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover~.kksr-star .kksr-icon {
    width: 17px !important;
    height: 17px !important;
}

.blog-wrapper.blog-single .entry-content p {
    font-size: 15px;
    margin: 0 0 5px;
}

.blog-wrapper.blog-single .entry-content h1,
.blog-wrapper.blog-single .entry-content h2,
.blog-wrapper.blog-single .entry-content h3,
.blog-wrapper.blog-single .entry-content h4,
.blog-wrapper.blog-single .entry-content h5,
.blog-wrapper.blog-single .entry-content h6 {
    font-weight: normal;
}

.blog-wrapper.blog-single .entry-content h2 {
    font-size: 20px;
}

.blog-wrapper.blog-single .entry-content h3,
.blog-wrapper.blog-single .entry-content h4 {
    font-size: 18px;
}

.blog-wrapper.blog-single .entry-content h5,
.blog-wrapper.blog-single .entry-content h6 {
    font-size: 16px;
}

.blog-wrapper.blog-single .blog-share {
    margin: 30px 0 0;
}

#related-posts {
    background-color: #f7f7f7;
    padding: 0 0 15px;
    border: 1px solid #a88c34;
    margin: 20px 0;
}

.relatedcat {
    padding: 0;
}

.relatedcat .relatedtitle {
    background-color: #a88c34;
    color: #fff;
    padding: 10px 15px;
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}

.relatedcat ul {
    padding-left: 25px;
    margin-bottom: -10px;
}

.parent-cate .category-page-title {
    display: none;
}

/**
 * Sidebar
 */
aside.widget .is-divider {
    display: none;
}

aside.widget>ul>li+li {
    border: 0;
}

aside.widget ul {
    border: 0;
}

aside.widget ul li a {
    font-size: 14px;
    font-weight: normal !important;
}

aside.widget ul li.active>ul.children {
    margin: 0;
    border: 0;
    padding-left: 25px;
}

.mh-shop-page-title, .mh-shop-page-title p {
    font-size: 14px;
}

.mh-shop-page-title{
    margin-bottom: 20px;
}

.mh-shop-page-title .woocommerce-ordering select {
    height: 40px;
}

.post-sidebar .widget-title {
    background-color: #444444;
    display: block;
    color: #fff;
    padding: 10px;
    text-transform: uppercase !important;
    font-weight: normal !important;
}

.post-sidebar .widget ul {
    background: #f9f9f9 !important;
}

.post-sidebar .widget ul li {
    padding: 5px 10px;
    border-top: 1px solid #ececec;
}

.post-sidebar .widget ul li a {
    color: #444444 !important;
    font-size: 95% !important;
}

.post-sidebar .widget ul li:hover a {
    color: #a88c34 !important;
}

.cam-nhan-khach-hang-home {
    margin-left: -5px;
    margin-right: -5px;
}

.cam-nhan-khach-hang-home .col {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

.cam-nhan-khach-hang-home .col-inner .img {
    margin-bottom: 10px;
}

.collection-box {
    margin-bottom: 20px;
}

.collection-category-title {
    border: 0;
    padding: 0;
    margin: 0 0 10px 0;
    font-family: 'Roboto', sans-serif !important;
    font-size: 1.3rem;
}

.collection-item {
    text-align: center;
}

.collection-item .image {
    margin-bottom: 7px;
}

.mh-col-introduce {
    text-align: left;
}

.back-to-top {
    bottom: 203px;
    right: 12px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
}

.sp-yeu-thich p {
    margin-bottom: 0;
}

.product-small .ux-swatch--image, .product-small .ux-swatch--color {
    width: 14px;
    height: 14px;
    border: 1px solid #AAAAAA;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: none;
    display: none;
}

.left-check-list .list-check li {
    margin-bottom: 28.5px !important;
}

.image-icon img {
    max-width: 18px !important;
}

.mh-col-product-info .woocommerce-variation-add-to-cart .button {
    padding: 0 0.5em !important;
}

.hd_chon_size .button.primary:not(.is-outline) {
    color: #000;
    border: 1px solid #000;
    background: #FFF;
    border-radius: 3px;
    width: 100%;
    margin: 0;
    padding: 3px 15px;
}

.hd_chon_size .button.primary:not(.is-outline):hover {
    background: #000;
    color: #FFF;
}

@media(max-width: 849px) {
    .cam-nhan-khach-hang-home .col-inner .img {
        margin-bottom: 0px;
    }

    .cam-nhan-khach-hang-home .timage .img:first-child {
        padding-right: 5px;
    }

    .cam-nhan-khach-hang-home .timage .img:last-child {
        padding-left: 5px;
    }

    .timage .img {
        width: 50% !important;
        float: left;
    }

    .introduce-images {
        min-height: 400px !important;
    }

    .introduce-images>.images-item-1 {
        top: 90px;
        max-width: 300px;
        left: 50% !important;
        margin-left: -150px;
    }

    .introduce-images>.images-item-2 {
        max-width: 280px !important;
        top: 290px !important;
        right: 20px !important;
        left: auto !important;
    }

    .introduce-images .caption-item {
        right: auto !important;
        top: -20px !important;
        left: 50% !important;
        max-width: 180px !important;
        margin-left: -90px;
    }

    .mh-product-like.small-columns-1 .flickity-slider>.col {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .sp-yeu-thich {
        padding-left: 4px;
        padding-right: 4px;
    }

    .sp-yeu-thich .row .row {
        margin-left: -4px;
        margin-right: -4px;
    }

    .sp-yeu-thich .row .col {
        padding-left: 4px;
        padding-right: 4px;
    }

    .sp-yeu-thich .col {
        padding-bottom: 8px;
    }

    .off-canvas .nav-vertical>li>a, .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        font-size: 12px !important;
        font-weight: bold !important;
        color: #000 !important;
    }

    .nav-slide-header .toggle {
        font-weight: bold !important;
        color: #000 !important;
    }

    #top-bar p, #top-bar a {
        font-size: 13px;
    }

    .mh-col-checklist .mh-head-check p {
        font-size: 14px;
    }

    .mh-col-checklist>.col-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .mh-col-checklist .text h5, .list-check li p:nth-child(1) {
        font-weight: bold !important
    }

    .mh-head-check {
        padding-bottom: 7px;
    }

    .vertical-thumbnails .col {
        position: relative !important;
        left: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin-left: 1px;
        width: 95% !important;
        right: 0 !important;
        padding: 0 0 15px !important;
    }

    .vertical-thumbnails .flickity-slider, .vertical-thumbnails .flickity-viewport {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        overflow: visible !important;
        height: auto !important;
    }
}

@media(max-width: 1300px) and (min-width: 849px) {
    .introduce-images .caption-item {
        left: 0;
    }
}

@media only screen and (min-width: 320px) and (max-width: 425px) {
    .introduce-images .caption-item {
        top: -15px;
        left: 50%;
        margin-left: -90px;
        text-align: center;
        line-height: 1.2;
    }

    .introduce-images>.images-item-2 {
        top: 335px !important;
        right: 50% !important;
        margin-right: -140px !important;
    }
}

/* [Homepage] Slideshow */
.slick-prev, .slick-next{
    z-index: 999 !important;
}

.slick-prev:before, .slick-next:before{
    font-size: 30px !important;
    color: lightgrey !important;
}

.slick-prev{
    left: 25px !important;
}

.slick-next{
    right: 35px !important;
}

.slick-dots{
    bottom: 24px !important;
}

.slick-dots li button:before{
    font-size: 13px !important;
}

.slick-dots li button:before{
    color: lightgrey !important;
}

.slick-dots li.slick-active button:before{
    color: grey !important;
}
.slick-dotted.slick-slider{
    margin-bottom: 0 !important;
}

.slideshow .slick-slide img{
    width: 100%;
}

.why-choose-us .icon-box-text .title{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 15px;
}

.mh-col-footer .widget-title {
    font-weight: bold !important;
    color: #ffc410;
    text-transform: uppercase;
    font-size: 17px;
    margin: 0 0 15px;
}

.related-products-title{
    padding-top: 20px;
}

.blog-archive .page-numbers {
    margin: 5px 0;
    font-size: .85em;
}
.blog-archive .page-numbers {
    text-align: center;
}
.blog-archive .page-numbers li:first-child {
    margin-left: 0;
}
.blog-archive .page-numbers li {
    margin: 0 0.4em;
    display: inline-block;
}
.blog-archive .page-numbers li a {
    color: currentColor;
}
.blog-archive .page-numbers>li>span, .blog-archive .page-numbers>li>a {
    font-size: 1.1em;
    display: block;
    height: 2.25em;
    text-align: center;
    width: auto;
    min-width: 2.25em;
    padding: 0 7px;
    border-radius: 99px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    vertical-align: top;
}

.post-sidebar .widget_nav_menu>ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-inner .entry-header-text {
    padding: 0;
}
.page-inner .entry-title{
    margin: 0;
}

/*
 * CUSTOM CSS
*/
/* Header */
.header-main {
    background-color: #040404;
}

.main-menu-logo{
    float: left;
    width: 100px;
    padding: 0;
}
.main-menu-logo img{
    width: 100%;
    height: auto;
    padding: 5px 5px 5px 0;
}
.header-bottom-nav{
    float: left;
    width: inherit !important;
    margin: 20px;
}
.header-wrapper .header-bottom {
    background-color: #040404;
}
#wide-nav .header-nav>li a:hover{
    color: #ffc410;
}

/* Search form */
.search-box{
    position: relative;
    float: left;
    margin: 27px;
}
.search-box .search-box-icon{
    cursor: pointer;
}
.search-box .search-box-icon:hover i{
    color: #FFB50D;
}
.search-box .search-box-icon i{
    color: #fff;
}

.search-box .search-form{
    display: none;
    position: absolute;
    top: 61px;
    right: 0;
    width: 250px;
}
.search-box .search-form form{
    position: relative;
}
.search-box .search-form form input[type=text]{
    float: left;
}
.search-box .search-form form button{
    color: #000;
    background: transparent;
    border: 0;
    position: absolute;
    right: -10px;
    top: 0;
    width: 20px;
}

/* About us */
.section.about-us, .section.product-category, .section.image-feedback, .section.project{
    background: #040404;
}
.section.about-us .section-content{
    padding-top: 30px;
    padding-bottom: 30px;
}
.section.about-us .section-title-main, .section.product-category .section-title-main, .section.image-feedback .section-title-main, .section.project .section-title-main{
    color: #ffc410;
}
.section.about-us .mh-col-introduce p{
    color: #fff;
}

/* Why choose us */
.section.why-choose-us .icon-box-img img{
    height: auto;
}
.section.why-choose-us .featured-box .title{
    color: #a88c34;
}

/* Product category */
.section.product-category{
    padding-top: 35px;
    padding-bottom: 35px;
}
.section.product-category .vertical-cat .box-text .cat-name{
    color: #ffc410;
}
.section.product-category .box-image{
    border-radius: 5px;
}

@media (min-width: 550px) {
    .section.product-category {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

@media (min-width: 850px) {
    .section.product-category {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

/* Projects */
.section.project{
    margin-bottom: 80px;
}

.project-slide{
  width: 100%;
}

.section.project .project-slide-description p, .section.project .project-slide-title{
    color: #fff;
}
.section.project .project-slide-title{
    font-weight: bold;
}

/*
.project-slide .project-slide-item .project-slide-content .project-slide-title{
    font-weight: bold !important;
    color: #a88c34;
}
*/

.project-slide .flickity-page-dots{
    bottom: -10px;
}

.section.news .flickity-page-dots{
    bottom: -40px;
}

.project-slide .flickity-page-dots>li, .section.news .flickity-page-dots>li{
    box-shadow: inherit;
}

.project-slide .flickity-page-dots>li.is-selected, .section.news .flickity-page-dotss>li.is-selected{
    background-color: #ffc410 !important;
}

/* Customer */
.section.customer .section-content{
    padding-top: 20px;
    padding-bottom: 30px;
}

/* Advise */
.section.advise .mh-carousel-grid-post .post-title{
    color: #ffc410;
}

@media (min-width: 550px) {
    .section.advise {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

@media (min-width: 850px) {
    .section.advise {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* News */
.section.news{
   margin-bottom: 30px;
}

.section.news .news-slide{
    padding-left: 15px;
}

.section.news .news-item .news-title{
    font-weight: bold !important;
    margin-top: 15px;
    color: #a88c34;
}

.section.news .news-image{
    text-align: center;
}

/* Image feedback */
.section.image-feedback .image-feedback-item{
    float: left;
}
.section.image-feedback .image-feedback-item img{
    border-radius: 5px;
}

/* Content and video */
.image-wrapper-for-video {
    position: relative;
    padding-bottom: 56.2%;
}
.image-wrapper-for-video img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.image-wrapper-for-video .play-button-wrapper{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}
.image-wrapper-for-video .play-button-wrapper i{
    font-size:1.5em;
    color: #fff;
}
.play-button-wrapper .button{
    line-height: 45px;
    width: 70px;
    border-radius: 15%;
    background: #FF0200;
}
.play-button-wrapper .button:hover{
    background: #fa605f;
}

/* Footer */
.dark .mh-col-footer a {
    color: #fff;
}

.copyright-footer{
    margin-top: 20px;
}

.copyright-footer-text{
    color: #ccc;
}

/*----- Contact bar -----------*/
#contact-bar {
    position: fixed;
    text-align: center;
    width: 45px;
    bottom: 60px;
    right: 20px;
    z-index: 99999;
}
#contact-bar ul{
    list-style: none;
}
#contact-bar ul li {
    margin: 14px 0;

}
#contact-bar ul li a:hover img{
    opacity: 0.5;
}
#contact-bar ul li img {
    padding: 10px;
    border-radius: 100%;
    box-shadow: 0 3px 10px #888;
}

.ctb-fbm img {
    background: #0080f7;
}

.ctb-fbm img:hover {
    background: #0572d8;
}

.ctb-zalo img {
    background: #0065f7;
}

.ctb-zalo img:hover {
    background: #055cda;
}

.ctb-phone img {
    background: #4bd963;
}

.ctb-phone img :hover {
    background: #36c14e;
}

.ctb-mail img {
    background: #d32d2c;
}

.ctb-mail img:hover {
    background: #b31918;
}

#contact-bar-mobile {
    position: fixed;
    text-align: center;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background: #040404;
    padding: 10px 0;
}

#contact-bar-mobile ul {
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

#contact-bar-mobile ul li {
    margin: 0 21px;
    border-radius: 100%;

}

#contact-bar-mobile ul li img {
    padding: 5px;
    max-width: 30px;
    border-radius: 100%;
    box-shadow: 0 3px 10px #888;
}

#contact-bar-mobile span {
    color: #000;
    font-size: 13px;
    display: block;
    text-align: center;
    padding-top: 3px;
}

.mobile-nav>li>a{
    color: #fff;
}

.header-main.show-for-medium{
    width: 100%;
}

.mobile-sidebar ul li a{
    text-transform: inherit !important;
}

.mobile-sidebar-levels-2 .nav-slide li ul.children li:not(.nav-slide-header){
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #ececec;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}
.mobile-sidebar-levels-2 .nav-slide li ul.children li:not(.nav-slide-header) a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    text-transform: uppercase;
    font-size: .8em;
    letter-spacing: .02em;
    color: rgba(102,102,102,.85);
}

.slideshow-section{
    padding-top: 0px;
    padding-bottom: 0px;
}

.back-to-top{
    bottom: 25px;
    right: 20px;
}

.section.news .flickity-prev-next-button.previous, .section.news .flickity-prev-next-button.next{
    top: 0;
}

/* Product gallery image */
.product-gallery-image .show {
    width: 100%;
    height: auto;
    cursor: pointer;
}

.product-gallery-image .small-img {
    width: 350px;
    height: 105px;
    margin-top: 10px;
    position: relative;
    left: 25px;
}

.product-gallery-image .small-img .icon-left, .product-gallery-image .small-img .icon-right {
    width: 12px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.product-gallery-image .small-img .icon-left { transform: rotate(180deg) }

.product-gallery-image .small-img .icon-right { right: 0; }

.product-gallery-image .small-img .icon-left:hover, .product-gallery-image .small-img .icon-right:hover { opacity: .5; }

.product-gallery-image .small-container {
    width: 310px;
    /*height: 70px;*/
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.product-gallery-image .small-container div {
    width: 800%;
    position: relative;
}

.product-gallery-image .small-container .show-small-img {
    width: 70px;
    /*height: 70px;*/
    margin-right: 6px;
    cursor: pointer;
    float: left;
}

.product-gallery-image .small-container .show-small-img:last-of-type { margin-right: 0; }

.entry-meta .posted-on{
    font-style: italic;
    color: #a88c34 !important;
}

.hide{
    display: none;
}

.product-description-title{
    font-size: 17px;
    font-weight: bold;
    margin: 30px 0 15px 0;
}

.woocommerce-product-gallery__image.slide{
    width: 100%;
    height: auto;
}

.mh-col-product-info .amount{

}
.mh-col-product-info .amount del{
    color: #707070;
}
.mh-col-product-info .amount ins{
    color: #ff3a3a;
    font-size: 25px;
    font-weight: bold;
}

.price-wrapper .price del{
    color: #707070;
}
.price-wrapper .price ins{
    color: #ff3a3a;
}

.row .products.row-small:not(.row-collapse){
    margin-left: 0;
    margin-right: 0;
}

.mh-box-news-image .image-cover{
    background-color: #fff;
}

/* CSS for other screen */
@media (min-width:320px)  {
    /* smartphones, iPhone, portrait 480x320 phones */
    .section.why-choose-us .icon-box-img img{
        width: 50%;
    }
}
@media (min-width:481px)  {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}
@media (min-width:641px)  {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}
@media (min-width:961px)  {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
}
@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
}
@media (min-width:1281px) {
    /* hi-res laptops and desktops */
    .section.why-choose-us .icon-box-img img{
        width: 190px;
    }
}