/* Custom Colors
#1c4c24
#b2b360
#4c241c (text)
#c3c259
*/

body {
    background:
    url(../images/header-bg.png) no-repeat top center,
    url(../images/body.png) repeat;
    font-family: 'Roboto', sans-serif;
}
.single {
    background: url(../images/body.png) repeat;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
}
iframe {
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 16/9;
    height: 100%;
    width: 100%;
    border-radius: .5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.btn-primary {
    color: #fff !important;
    border-color: #1c4c24;
    background-color: #1c4c24;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    font-size: 1.8rem;
}
.btn-primary:hover {
    color: #1c4c24 !important;
    border-color: #b2b360;
    background-color: #b2b360;
}
.header-middle {
    border-bottom: none;
}
.header-bottom {
    letter-spacing: 0;
}
.header, .header-search input.form-control {
    font-family: 'Roboto', sans-serif;
}
.header-search input.form-control {
    font-size: 1.5rem;
}
.header-search .btn-search {
    color: #aeaf59;
}
.header-search.hs-expanded .select-box::after {
    background: #aeaf59;
}
.header-search .btn-search:active, .header-search .btn-search:focus, .header-search .btn-search:hover {
    color: #fff;
    background-color: #aeaf59;
}
.header-search.hs-round .select-box, .header-search.hs-round .btn-search {
    border-radius: 0;
}
.header-search.hs-expanded .select-box, .header-search input.form-control, .header-search .btn-search {
    border-color: #aeaf59;
    background: #d9d0ae;
    border-width: 1px;
}
.header, .header-middle {
    background: transparent;
}
.header-bottom {
    background: #1c4c24;
}
.category-menu {
    padding: 0;
}
.category-dropdown .dropdown-box {
    background-color: rgba(255, 255, 255, .6);
}
.category-dropdown > a {
    background: #b2b360;
}
.category-dropdown.show > a, .category-dropdown:hover > a {
    background-color: #b2b360;
}
.category-dropdown.show-dropdown .dropdown-box .category-menu, .category-dropdown.dropdown-box .category-menu {
    background-color: transparent;
    border-radius: 0 !important;
}
.category-menu {
    min-height: 25.3rem;
}
.menu_icon {
    width: 20px;
    height: auto;
}
.home .category-menu {
    min-height: 36rem;
}
.fixed .category-menu {
    min-height: 25.3rem;
}
.menu_brand {
    padding: 0;
    margin: 0;
    width: 100%;
}
.menu_brand img {
    width: 70%;
}
.vertical-menu > li {
}
.category-dropdown.show-dropdown .dropdown-box::before, .category-dropdown .dropdown-box::before {
    border-bottom: 10px solid #bab1a9
}


.category-menu > li:not(:last-child) > a {
    border-bottom: 1px solid #bbb2ab;
}
.category-menu > li:not(:last-child) > a:hover {
    border-color: #a2a157;
}
.category-menu li:hover > a:not(.menu-title) {
    color: #1c4c24;
}

.category-dropdown.show-dropdown .dropdown-box .category-menu {
    position: relative;
}
.category-dropdown.show-dropdown .dropdown-box .category-menu:before, .category-dropdown .dropdown-box .category-menu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background-image: url('../images/menu-top.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    z-index: 1;
}
.category-dropdown.show-dropdown .dropdown-box .category-menu:after, .category-dropdown .dropdown-box .category-menu:after  {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background-image: url('../images/menu-footer.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    z-index: 1;
}

.vertical-menu {
    padding-top: 10px; /* add space for the header background */
    padding-bottom: 0; /* add space for the footer background */
    background-image: url('../images/menu-body.png');
    background-repeat: repeat-y; /* repeat the image vertically */
    background-size: contain;
    background-position: center top; /* center the image vertically */
}
.sticky-content.fixed {
    z-index: 999999;
}
.dropdown.show .dropdown-box, .dropdown:hover .dropdown-box {
    background-color: #efe8e2;
}
.swiper-theme .swiper-button-next, .swiper-theme .swiper-button-prev {
    margin: 0;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    width: 30px;
    height: 30px;
    border-radius: 0;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #b9b0a8;
}
.swiper-button-prev:not(.swiper-button-disabled):hover {
    background-color: #b9b0a8;
}
.intro-wrapper .swiper-container:hover .swiper-button-prev {
    left: 0 !important;
}
.swiper-theme .swiper-button-next {
    right: 0 !important;
}
.vertical-menu > li {
    z-index: 9;
}

.vertical-menu > li > a {
    color: #1c4c24 !important;
    font-weight: 700;
}
.vertical-menu > li:hover {
    background-color: transparent;
}
.vertical-menu > li:first-child:hover .megamenu, .vertical-menu > li:first-child:hover > ul {
    top: 0;
}
.vertical-menu > li:first-child:hover .megamenu, .vertical-menu > li:first-child:hover > ul {
    top: -10px;
    background-color: #efe8e2
}
.megamenu ul {
    color: #222;
}
.menu > li > a {
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 400;
}
.menu > li:hover > a:not(.menu-title) {
    color: #aeaf59;
}
.menu > li.active > a:not(.menu-title) {
    color: #b2b360;
}


.link-banner-newsletter {
    border: 1px solid #fff;
}
.link-banner-newsletter .btn {
    border-radius: 0;
}
.home_cat_banner img {
    max-height: 360px;
}
.banner_promo img {
    height: 140px;
    object-fit: contain;
}
.category-group-image .category-content {
    padding: 1rem;
}

/* Heading */
.site_heading {
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.site_heading::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border: solid 1px #b2b360;
    position: absolute;
    z-index: 2;
    top: calc(50% - 2px);
    left: 0;
    background: #efe8e2;
}
.site_heading::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border: solid 1px #b2b360;
    position: absolute;
    z-index: 2;
    top: calc(50% - 2px);
    right: 0;
    background: #efe8e2;
}
.site_heading_content {
    position: relative;
    z-index: 1;
    height: 47px;
    border-top: solid 1px #1c4c24;
    border-bottom: solid 1px #1c4c24;
    border-color: #1c4c24;
    display: inline-block;
    color: #fff;
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    margin-left: 14px;
    margin-right: 14px;
}
.site_heading_content:hover {
    color: #b2b360;
}
.site_heading_content::before {
    background-image: url(../images/heading-left.png);
    width: 14px;
    left: -14px;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
}
.site_heading_content::after {
    background-image: url(../images/heading-right.png);
    width: 14px;
    right: -14px;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -1px;
    bottom: -1px;
}
.line_before {
    display: block;
    height: 1px;
    background: #b2b360;
    width: 1000px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: calc(100% + 14px);
}
.site_heading_text {
    background-color: #1c4c24;
    display: block;
    height: calc(100% - 2px);
    padding: 0 25px;
    margin-top: 1px;
    margin-bottom: 1px;
    line-height: 43px;
}
.line_after {
    display: block;
    height: 1px;
    background: #b2b360;
    width: 1000px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: calc(100% + 14px);
}

/* Icon Box */
.icon-box-wrapper {
    border: 1px solid #2c5832;
    background: #ffebda;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,calc(100% / 4));
}
.product-grid .product-wrap {
    grid-column-end: span 1;
    grid-row-end: span 1;
}
.product-grid .grid-item3 {
    grid-column-end: span 2;
    grid-row-end: span 2;
}
.product-wrap {
    margin-bottom: 2rem;
}
.tab-pane p {
    font-size: 1.2em;
    color: #222;
}

/* Home Banner */
.intro-slide {
    min-height: 36rem;
}
@media (max-width: 767px) {
    .intro-slide {
        min-height: 150px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .intro-wrapper {
        margin-top: 0.5rem;
    }
    .header-middle {
        padding-bottom: 0.5rem;
    }
    .site_heading_text {
        font-size: 15px;
    }
    .footer-center {
        justify-content: flex-start;
    }
}

.slick-list .slick-slide {
    opacity: .5;
}
.slick-list .slick-slide.slick-active {
    opacity: 1;
}
.slick-dots li button::before {
    font-size: 12px;
}
.slick-dots li.slick-active button::before, .slick-dots li button:hover, .slick-dots li button:focus {
    color: #d1ce7d !important;
}
.banner_bestselling .banner-content {
    background-color: rgba(178, 179, 96, .8);
    padding: 40px 20px;
}
.link-banner-newsletter {
    padding: 0;
}
.intro-banner .banner-content {
    left: 0;
    border: 1px solid #fff;
    margin: 5px;
}


.product_item {
    border: 1px solid #b2b360;
    border-radius: 0;
    padding: 10px 10px 20px 10px;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.01),0 2px 6px 2px rgba(60,64,67,.015);
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 5px 0;
}
.product_item:hover {
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);
}

/** Banner Full Slider **/
.category-group-image {
    background: #ffebda;
    border: 1px solid #b2b360;
    margin: 1rem;
}
.category-group-image .category-name {
    font-size: 1.6em;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #1c4c24;
}
.category p {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #000;
}
/** Pages / Archives **/
/*-------------------------
    Page Header
        - Page Header
        - Page Title
        - Page Subtitle
--------------------------*/
.page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 18rem;
    background-color: transparent;
    text-align: center;
    text-transform: capitalize;
}

.page-title {
    font-family: 'Roboto', sans-serif;
    font-size: 3.4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.1;
    margin-bottom: 0.2rem;
    color: #1c4c24;
}
@media (max-width: 767px) {
	.page-title {
  font-size: 1.6em;
	}
}
.page-subtitle {
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.6;
    color: #666;
}

.cart .page-header,
.checkout .page-header {
    height: 134px;
    background: #fff;
}

/*---------------------------
    Breadcrumb
--------------------------*/
#coupon_code {
    width: 100%;
}
.coupon button {
    width: 100%;
}
.breadcrumb {
    border-bottom: none;
}
.rank-math-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 1.5rem 0.2rem 1.6rem;
}
.rank-math-breadcrumb a {
    color: inherit;
}
.rank-math-breadcrumb li:not(:last-child) {
    padding-right: 0.4rem;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.8;
}
.rank-math-breadcrumb li:not(:last-child)::after {
    content: "";
    position: relative;
    display: inline-block;
    margin-left: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-family: "wolmart";
}
.rank-math-breadcrumb li:not(:last-child):hover {
    opacity: 1;
}
.rank-math-breadcrumb li:last-child {
    color: #333333;
}

.rank-math-breadcrumb.shop-breadcrumb {
    padding: 3rem 0;
    margin: 2.5rem 0 2.3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.rank-math-breadcrumb.shop-breadcrumb li {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    opacity: 1;
    color: #666;
}
.rank-math-breadcrumb.shop-breadcrumb li.active {
    color: #336699;
}
.rank-math-breadcrumb.shop-breadcrumb li.passed {
    color: #333;
}
.rank-math-breadcrumb.shop-breadcrumb li:not(:last-child)::after {
    margin-left: 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: #999;
    bottom: 3px;
    line-height: 1;
    vertical-align: middle;
}

.rank-math-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/** Archive **/
.post {
    font-family: 'Roboto', sans-serif;
}
.post-title {
    font-family: 'Roboto', sans-serif;
    color: #1c4c24;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.3;
    letter-spacing: 0;
}
.post-details {
    background: #efe8e1;
    padding: 20px;
    border: 1px solid #c5b89a;
}
.post-details p {
    font-size: 1.6rem;
}
.post-mask .post-details {
    background: transparent;
    border: none;
}
.readmore {
    color: #1c4c24 !important;
    font-size: 1.5rem;
}
.post-cats {
    color: #1c4c24;
}


/** Sidebar **/
.sidebar {
    border: solid 1px #af9d6a;
    background-color: rgba(255,255,255,.2);
    position: relative;
    z-index: 1;
}
.sidebar-content {
    background-color: transparent;
}
.sidebar::before, .sidebar::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    left: -1px;
    height: 10px;
    background: url(https://honglam.vn/Themes/Themes01/Assets/css/images/filter-corner.png) no-repeat top left,url(https://honglam.vn/Themes/Themes01/Assets/css/images/filter-corner-right.png) no-repeat top right;
}
.sidebar::after {
    top: auto;
    bottom: -1px;
    transform: rotate(180deg);
}
.widget ul {
    list-style: none;
    padding: 0;
}
.widget ul li {
    margin-bottom: 10px;
}
.widget ul li a {
    color: #1c4c24;
    font-size: 1.6rem;
}
.widget ul li a:hover {
    color: #000;
}


.post .post-title {
    -webkit-box-orient: horizontal;
}


/** Readmore **/
#get_ex p {
    font-weight: 500;
    font-style: italic;
}
#readmore_btn, #readless_btn {
    display: block;
    max-width: 150px;
    text-align: left;
}
.read_none {
    display: none;
}

.product-single .product-price {
    font-size: 1.6em;
}
.product-name {
    margin: 1.3rem 0;
    font-size: 1.6rem;
    color: #000;
    font-weight: 500;
    line-height: 110%;
}
.product-details {
    padding-top: 0;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #1c4c24;
    font-size: 1em;
}
.woocommerce .woocommerce-ordering select {
    background: #fff;
    min-height: auto;
    width: auto;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border-color: #d7d0ca;
    background: #f2f2f2;
    color: #222;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: #1c4c24;
    color: #fff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: #b2b360;
    color: #fff;
}
.widget-products .widget-body {
    padding: 2.6rem 0 2.3rem;
}
#product-tab-description figure {
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
    text-align: center;
    font-style: italic;
}
.single .featured-thumb {
    /* height: 400px; */
}

/** Single Product **/
.woocommerce .main-content {
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 100% !important;
}
.single-product {
    padding: 0;
    border: none;
}
.product-gallery {
    background-color: rgba(255,255,255,.3);
    border: 1px solid #ccbfa1;
    padding: 5px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 25%;
    display: inline-block;
    padding: 0;
    margin: 10px 5px 0;
}
.woocommerce-page div.product div.images {
    width: 100%;
}
.woocommerce div.product div.images {
    margin-bottom: 0;
}
.product-details {
    background-color: transparent;
    transition: none;
}
.tab-content {
    background-color: transparent;
}
/** Gian Hang Dam Bao **/
.product-special-action {
    background: #fff7de;
    padding: 15px;
    margin: 0;
    position: sticky;
    top: 5rem;
    border-radius: 3px;
}
.product-special-action ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.product-special-action li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}
.special-icon {
    width: 20px;
    margin-right: 10px;
    padding-top: 3px;
    color: #296795;
}
.special-text {
    width: calc(100% - 40px);
    text-align: left;
}
.product-special-action .store-name {
    cursor: pointer;
}
.product-special-action .product-rating {
    justify-content: left;
    display: flex;
}
.product-special-action li + li {
    margin-top: 8px;
}
.product-special-action .product-verify {
    padding: 10px 0;
    margin-top: 2px;
    border-top: 1px solid #ddd;
}
.rating-star {
    width: 16px;
    min-width: 16px;
    height: 16px;
    display: block;
    margin-right: 3px;
    background-color: #ffbc59;
    -webkit-mask-image: url(../images/rating-star.svg);
    mask-image: url(../images/rating-star.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
}
.woocommerce .cart .button, .woocommerce .cart input.button, #place_order, .woocommerce a.button, .single_add_to_cart_button {
    background: #1c4c24;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 10px 0 0;
    -webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.single-product .single_add_to_cart_button {
    margin: 0 !important;
}
.single_add_to_cart_button, .wpcsb-add-to-cart .wpcsb-btn {
    background: #1c4c24 !important;
    padding: 13px 20px !important;
}
.woocommerce .cart .button, .woocommerce .cart input.button, #place_order, .woocommerce a.button, .single_add_to_cart_button {
    background: #1c4c24;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 10px 0 0;
    -webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.loading:not(.load-more-overlay), .load-more-overlay.loading::after {
    -webkit-animation: unset;
    animation: none;
    border: unset;
    height: unset;
    top: unset;
    margin-top: unset;
    left: unset;
    margin-left: unset;
    right: unset;
    width: unset;
}
/** Footer **/
.footer {
    background: transparent;
}
.footer-newsletter .wpforms-submit {
    display: none !important;
}
.footer-newsletter .newsletter-submit {
    border-radius: 0 !important;
    background: #ebba16 !important;
    border: none !important;
    color: #fff;
    text-transform: uppercase !important;
    font-weight: 500;
    line-height: 18px;
    padding: 10px 15px !important;
    cursor: pointer;
}
div.wpforms-container-full {
    margin: 0 auto !important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    display: none;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
    color: #fff !important;
    margin-top: 5px !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner {
    border: none !important;
}
div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    border: none !important;
    border-radius: 0 !important;
}
.footer p {
    font-size: 1.5rem;
}
.footer .widget ul li a {
    color: #000;
}
.footer-newsletter {
    background-color: #b2b360 !important;
}
.footer .copyright {
    text-align: left;
}
.footer-bottom {
    color: #222;
}
.footer-bottom .footer-left, .footer-bottom .footer-right, .footer-center {
    display: flex;
    align-items: center;
}
.footer-center {
    align-items: center;
    justify-content: center;
    flex: auto;
}
.footer-bottom .footer-right {
    flex: 2;
}
.footer p {
    color: #222;
}
.payment {
    display: flex;
}
.payment img {
    margin: 3px;
}
.payment img {
    display: block;
}
/** Floating icons **/
.phone {
    position: fixed;
    z-index: 200000 !important;
}
.quick-alo-phone .quick-alo-show {
    visibility: visible;
}
.quick-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    height: 200px;
    width: 82px;
    height: 64px;
    right: 150px;
    top: 60%;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
}
.quick-alo-phone .quick-alo-green .quick-alo-ph-circle {
    border-color: #00A1FF;
    opacity: 0.5;
}
.quick-alo-ph-circle {
    position: fixed;
    width: 100px;
    height: 100px;
    bottom: 0;
    left: 0;
    border: 2px solid #00A1FF;
    background-color: transparent;
    border-radius: 100%;
    opacity: .1;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}
.quick-alo-phone .quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgb(246, 202, 98);
    opacity: .75 !important;
}
.quick-alo-ph-circle-fill {
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 15px;
    left: 15px;
    background-color: rgba(0, 161, 255, 0.5);
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #00A1FF;
}
.quick-alo-ph-img-circle {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 25px;
    left: 25px;
    background: #00A1FF url("../images/phone.png") no-repeat center center;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .99;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%;
}
.quick-alo-phone .quick-alo-green .quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
    background-color: #ff0101;
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}
@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}
@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}
@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
/* Floating icons */

#scroll-top i {
    background-color: #bab3ad;
    border: 2px solid #bab3ad;
}
#scroll-top svg circle {
    stroke: #d1cea2;
}
.swiper-theme .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #b2b360;
    border-color: #b2b360;
}
/** Mobile Menu **/
.mobile-menu-wrapper {
    z-index: 999999;
}
.mobile-menu-container {
    background: #1c4c24;
}
.mobile-menu-container .input-wrapper .form-control {
    border-color: #aeaf59;
    border-radius: 0;
    color: #aeaf59;
}
.mobile-menu-container .input-wrapper .btn-search {
    border-radius: 0;
    color: #fff;
    border: 1px solid #aeaf59;
    background: #aeaf59;
}
.mobile-menu-container .nav-item .nav-link.active, .mobile-menu-container .nav-item.show .nav-link {
    color: #aeaf59;
    border-color: #aeaf59;
}
.mobile-menu-container .mobile-menu {
    background: transparent;
}
.mobile-menu > li:not(:last-child) {
    border-bottom: none;
}
.mobile-menu {
    color: #fff;
    text-transform: none;
    font-size: 1.6rem;
}
/** PLugin **/
.product-action-horizontal {
    background-color: transparent;
    box-shadow: none;
}
.woosw-btn, .woosq-btn {
    background: #b2b360;
    border: none;
    color: #fff;
    margin: 2px;
    padding: 5px;
}
.view-details-btn {
    background-color: #1c4c24;
    text-transform: uppercase;
}
.view-details-btn:hover {
    background-color: #b2b360;
    color: #fff;
}
.mfp-close {
    top: -10px;
    right: 10px;
}
.mfp-close:hover {
    transform: none !important;
}
/*
.single-product .product-details {
  overflow: hidden;
}
*/
.post-content {
    font-size: 16px;
}
/*
Floating button
 */
#button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 99999;
}
/*phone*/
#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
}
.phone-bar a:hover {
    opacity: 0.8;color: #fff;
}
@media(max-width: 736px){
    .phone-bar{display: none;}
    #button-contact-vr {
        bottom: 70px;
    }
    #button-contact-vr .button-contact .phone-vr {
        width: 60px;
        height: 60px;
    }
    .phone-vr-circle-fill {
        width: 40px;
        height: 40px;
        box-shadow: none;
    }
    div#whatsapp-vr .phone-vr .phone-vr-circle-fill {
        box-shadow: none !important;
    }
    #zalo-vr .phone-vr-circle-fill {
        box-shadow: none !important;
    }
    .phone-vr-img-circle {
        top: 12px;
        left: 12px;
    }
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, 0.8);
}
#viber-vr .phone-vr-img-circle {
    background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#contact-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
div#whatsapp-vr .phone-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #0777e8;
    background-color: rgb(7 119 232 / 70%);
}
div#whatsapp-vr .phone-vr .phone-vr-img-circle {
    background: transparent;
}
div#whatsapp-vr .phone-vr .phone-vr-img-circle img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
}
.phone-bar a, #phone-vr .phone-vr-circle-fill, #phone-vr .phone-vr-img-circle, #phone-vr .phone-bar a {
    background-color: #dd3333;
}