/*
	Table of Contents
	update on Wed Sep 11 2024 16:27:28 GMT+0300 (GMT+03:00)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Bootstrap resets -------------------------
	         Container --------------------------------
	     04. Fonts ------------------------------------
	     05. Helpers ----------------------------------
	         Column 5 ---------------------------------
	         Border -----------------------------------
	         Font-family ------------------------------
	         Font-size --------------------------------
	         Colors -----------------------------------
	         Navbar-toggler animation -----------------
	         Favorite button animation ----------------
	         Homepage offers animation ----------------
	II.  Regions --------------------------------------
	     01. Breadcrumb -------------------------------
	     02. Filters ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	     05. Sidebar ----------------------------------
	     06. Swiper -----------------------------------
	         Swiper slide -----------------------------
	     07. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Badge ------------------------------------
	     02. Button -----------------------------------
	     03. Card -------------------------------------
	     04. Form Elements ----------------------------
	     05. Form -------------------------------------
	     06. List -------------------------------------
	         Navbar-search ----------------------------
	     07. Nav --------------------------------------
	     08. pagination -------------------------------
	     09. Rating -----------------------------------
	     10. Section ----------------------------------
	     11. Slider -----------------------------------
	     12. Table ------------------------------------
	     13. Widget -----------------------------------
 */

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; }

details, menu { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { appearance: none; }

textarea { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

table { width: 100%; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

article ul,
article ol,
.article ul,
.article ol  { list-style-type: disc !important; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: white; font-family: 'Lato Regular', sans-serif; font-size: 1rem; line-height: 1.5; color: #292626; }

a { color: inherit; }
a:hover { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.75em; }

h1,
.h1,
h2,
.h2 { font-size: 2rem; line-height: 1.25; }
h3,
.h3 { font-size: 1.5rem; line-height: 1.35; }
h4,
.h4 { font-size: 18px; line-height: 1.35; }

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

@media (max-width: 1499px) {
    html { font-size: 14px; }
}

/* $breakpoint-mobile {
	html { font-size: 12px; }
} */

@media (max-width: 767px) {
    h1,
    .h1,
    h2,
    .h2 { font-size: 1.75rem; line-height: 1.25; }
}

@media (max-width: 575px) {
    h3,
    .h3 { font-size: 18px; line-height: 1.35; }
    h4,
    .h4 { font-size: 16px; line-height: 1.2; }
}

/* ------------------------------------------------------------ *\
	Bootstrap resets
\* ------------------------------------------------------------ */

/* Container */
@media(min-width: 1200px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl { max-width: 1360px !important; }
}

@media(max-width: 1200px){
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl { max-width: 1300px !important; }
}

@media(max-width: 992px){
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl { max-width: 1280px !important; }
}

@media(max-width: 767px){
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl { max-width: 1140px !important; }
}

@media(max-width: 575px){
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl { max-width: 100% !important; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Lato Regular';
    src: url('../fonts/lato-regular-webfont.woff') format('woff'),
    url('../fonts/lato-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Bold';
    src: url('../fonts/lato-bold-webfont.woff') format('woff'),
    url('../fonts/lato-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Regular';
    src: url('../fonts/poppins-regular-webfont.woff') format('woff'),
    url('../fonts/poppins-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Bold';
    src: url('../fonts/poppins-bold-webfont.woff') format('woff'),
    url('../fonts/poppins-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Medium';
    src: url('../fonts/poppins-medium-webfont.woff') format('woff'),
    url('../fonts/poppins-medium-webfont.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

@media( min-width: 1024px ) {
    body.open { overflow: hidden; }
    .wrapper { overflow: auto; height: 100%; }
}

/* Column 5 */
@media( min-width: 1199px ) {
    .col-1of5 { -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; }
}

/* Border */
.border-bottom-c { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #F3F3F3; }

/* Font-family */
.ff-pr { font-family: 'Poppins Regular', sans-serif !important; font-weight: 400 !important; }

/* Font-size */
.fs-md { font-size: 14px; line-height: 29px; }
.fs-sm { font-size: 12px; line-height: 18px; }

/* Colors */
.text-gold { color: #DAB070 !important; }
.text-danger { color: #DB4444 !important; }
.text-secondary-c { color: #656565 !important; }

@media (max-width: 767px):	{
                             .fs-md { font-size: 16px; line-height: 1.5; }
                             .fs-sm { font-size: 16px; line-height: 1.5; }
                         }

/* Navbar-toggler animation */
@keyframes toMinusAndX1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(5px) rotate(0deg);
    }
    100% {
        transform: translateY(5px) rotate(45deg);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media(min-width: 1280px) {
    @keyframes toMinusAndX3 {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-10px) rotate(0deg);
        }
        100% {
            transform: translateY(-3px) rotate(-45deg);
        }
    }

}

@media(max-width: 1280px) {
    @keyframes toMinusAndX3 {
        0% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-10px) rotate(0deg);
        }
        100% {
            transform: translateY(-9px) rotate(-45deg);
        }
    }
}

@keyframes toInitial1 {
    0% {
        transform: translateY(5px) rotate(45deg);
    }
    50% {
        transform: translateY(5px) rotate(0deg);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes toInitial3 {
    0% {
        transform: translateY(-8px) rotate(-45deg);
    }
    50% {
        transform: translateY(-7px) rotate(0deg);
    }
    100% {
        transform: translateY(0);
    }
}

/* Favorite button animation */
@keyframes fillHeart {
    0% {
        color: transparent;
        transform: scale(0);
    }
    100% {
        color: #DAB070;
        transform: scale(1.02);
    }
}

@keyframes unfillHeart {
    0% {
        color: #DAB070;
        transform: scale(1.02);
    }
    100% {
        color: transparent;
        transform: scale(0);
    }
}

@keyframes fillBg {
    0% {
        transform: translate(-50%, -50%) scale(0);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes unfillBg {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        transform: translate(-50%, -50%) scale(0);
    }
}

@keyframes moveUpDown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(5px);
    }
}

@keyframes moveInLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(5px);
    }
}

/* Homepage offers animation */
/* @keyframes text-clip {
  from {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

@keyframes outer-left {
  from {
    transform: translateX(50%);
  }
  to {
    transform: none;
  }
}

@keyframes inner-left {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: none;
  }
}

@keyframes image-in {
    from {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}


@keyframes logoFadeIn {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes pathStroke {
    from {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dasharray: 1000;
        stroke-dashoffset: 0;
    }
} */

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Breadcrumb
\* ------------------------------------------------------------ */

.breadcrumb .breadcrumb-item { font-size: 16px; color: #656565; }
.breadcrumb .breadcrumb-item a { text-decoration: none; }
.breadcrumb .breadcrumb-item a:hover { color: #656565; }
.breadcrumb .breadcrumb-item i { margin-right: 4px; }
.breadcrumb-item + .breadcrumb-item::before { float: none !important; }

/* ------------------------------------------------------------ *\
	Filters
\* ------------------------------------------------------------ */

/* .filters-inner.hide { transition: none !important; opacity: 0; visibility: hidden; } */
.filters-inner { z-index: 2000; }
.filters-inner .offcanvas-body::-webkit-scrollbar { width: 6px; }
.filters-inner .offcanvas-body::-webkit-scrollbar-track { background: #F3F3F3; }
.filters-inner .offcanvas-body::-webkit-scrollbar-thumb { border-radius: 8px; background: #DAB070; }
.filters-inner .offcanvas-header .btn-close { width: 16px; height: 16px; background: none; opacity: 1; }
.filters-inner .offcanvas-header .btn-close i { font-size: 18px; color: black; }
.filters-inner .offcanvas-header .btn-close:focus { box-shadow: none !important; }
.filters-inner .offcanvas-header .btn-close:hover { opacity: 1; }

.filters-inner .offcanvas-body { padding: 0; }
.filters-inner .btn-transparent { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; padding-bottom: 1rem; border-bottom: none !important; font-weight: 700; }
.filters-inner .btn-transparent:hover { border-bottom: none !important; }
.filters-inner .btn-transparent img { margin-right: 6px; }
.filters-group  .icon-inner { position: relative; }
.filters-group  .icon-inner i { position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); transition: opacity 0.3s ease; }
/* .filters-group  .icon-inner .fa-angle-down { opacity: 0; } */
.filters-inner .btn-transparent.collapsed,
.filters-inner .btn-transparent.btn-close-c { padding-bottom: 0; }
/* .filters-inner .btn-transparent.collapsed .fa-angle-down,
.filters-inner .btn-transparent.btn-close-c .fa-angle-down, {  opacity: 1; }
.filters-inner .btn-transparent.collapsed .fa-angle-up,
.filters-inner .btn-transparent.btn-close-c .fa-angle-up, { opacity: 0; } */
.filters-group { overflow-y: auto; overflow-x: hidden; max-height: 456px; margin-bottom: 1rem; padding: 1rem 1.25rem;  border: 1px solid; border-color: #F3F3F3; border-radius: 8px; }
.filters-group::-webkit-scrollbar { width: 6px; }
.filters-group::-webkit-scrollbar-track { background: #F3F3F3; }
.filters-group::-webkit-scrollbar-thumb { border-radius: 8px; background: #DAB070; }
.filters-group .collapse-c.show { width: 100%; padding: 0; border: none !important; }
.filters-group .filters-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 1rem .25rem; border-bottom: 1px solid #F3F3F3; }
.filters-group .filters-item:first-child { border-top: 1px solid #F3F3F3; }
.filters-group .filters-item:last-child { padding-bottom: 0; border-bottom: none; }
.filters-group .filters-item input:focus { box-shadow: none; }
.filters-group .filters-item .form-check-input { -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; height: 16px; border-radius: 3px; border-color: #292626; }
.filters-group .filters-item .form-check-input:checked { background-color: #DAB070; border-color: #DAB070; box-shadow: none; }
.filters-group .filters-item .form-check-input:checked ~ label { color: #DAB070; }
.filters-group .filters-item .form-check-label { flex: 1; margin-right: 1rem; }
.filters-group .form-control { padding: 1rem; border-color: #F3F3F3; border-radius: 0; }
.filters-group .form-control:-ms-input-placeholder { font-size: 16px; color: #656565; }
.filters-group .form-control::placeholder { font-size: 16px; color: #656565; }
.filters-group .line { margin: 0 7px; }

.filters-selected { margin-bottom: 1.5rem; padding: 1rem; background-color: #EAE1D1; }
.filters-selected span { display: inline-block; margin-right: 1rem; color: #656565; }
.filters-selected span i { font-size: 12px; color: #656565; }

.filters-result { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 1.5rem; }
.filters-result p { font-size: 16px; }
.filters-result .custom-select { background:  url('../css/images/assets/product-list/24x24-8.png') no-repeat 4% 50%,
url('../css/images/assets/product-list/arrow.png') no-repeat 92% 50%;; }
.filters-result .custom-select select:focus { outline: none; }
.filters-result .form-select { min-width: 313px; padding: 1rem 2rem 1rem 2.75rem; border-color: #E6E6E6; background: transparent; background-image: none; font-size: 16px; }
.filters-result .form-select:focus { box-shadow: none; outline: none; }

/* @media(min-width: 991px) {
    .filters-inner { position: relative; z-index: 200; top: unset; bottom: unset; left: unset; max-width: 259px; -ms-transform: none !important; transform: none !important; border: none !important; visibility: visible; }
    .filters-inner .offcanvas-header { padding: 0; }
} */

/* @media (max-width: 991px) {
    .filters-inner { z-index: 2000; }
    .filters-inner::-webkit-scrollbar { width: 6px; }
    .filters-inner::-webkit-scrollbar-track { background: #F3F3F3; }
    .filters-inner::-webkit-scrollbar-thumb { border-radius: 8px; background: #DAB070; }
    .filters-inner .offcanvas-header .btn-close:focus { box-shadow: none; }
} */

@media (max-width: 767px) {
    .filters-result { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; }
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background-color: #292626; }
.footer-inner { border-bottom: 1px solid white; }
.footer-top { padding: 4rem 0; }
.footer-top .social-inner { margin-top: 2rem; }
.footer-top .social-inner a { margin-right: 22px; }
.footer-top .social-inner svg { color: white; transition: .3s ease-in; }
.footer-top .social-inner svg:hover { color: #DAB070; }
.footer-top .footer-title { margin-bottom: 1rem; font-family: 'Poppins Bold', sans-serif; font-weight: 700; color: white; }
.footer-top .tel { display: block; margin-bottom: 1rem; font-family: 'Poppins Bold', sans-serif; font-weight: 700; color: #DAB070; text-decoration: none; transition: .3s ease; }
.footer-top .tel:hover { color: white; }
.footer-top .mail { color: white; transition: .3s ease; text-decoration: none; }
.footer-top .mail i { margin-right: 4px; }
.footer-top .mail:hover { color: #DAB070; }
.footer-bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 2rem 0; color: white; }
.footer-bottom img { margin-left: 8px; }

@media (max-width: 1199px) {
    .footer-top .logo { max-width: 87%; }
}

@media (max-width: 575px) {
    .footer-top { padding: 2rem 0; }
    .footer-bottom { padding: 2rem 0rem; }

    .footer-top .logo { max-width: 40%; }

    .footer-top .mail,
    .footer-top .tel { font-size: 16px; }
}

@media(max-width: 480px){
    /* .footer-top .logo { max-width: 40%; } */
}

@media(max-width: 360px) {
    .footer-bottom { -ms-flex-direction: column; flex-direction: column; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { z-index: 1050; background-color: white; }
.header-inner .offcanvas-backdrop-c { display: none; opacity: 0; }
.header-inner .offcanvas-backdrop-c.show { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: block; opacity: 1; background-color: rgba(41, 38, 38, 0.9); }
.header-inner .custom-offcanvas { position: absolute; left: -12px; border-bottom: none; max-width: 385px; height: 782px; }
.header-inner .nav-offcanvas { display: block; max-width: 385px; height: 67.5vh; background-color: white; }
.header-inner .offcanvas-menu { height: 100%;  }

@media(max-width: 1280px) {
    /* .header-inner .nav-offcanvas { overflow: auto; height: 100vh; } */
}

@media(min-width: 991px){
	.header-inner .btn-offcanvas:hover ~ .dropdown-m { display: block !important; /*left: auto !important;*/ transform: translateY(0) !important; opacity: 1 !important; }
	/* .header-inner .btn-offcanvas:hover ~ .offcanvas-backdrop-c { background: red; } */
}

@media (max-width: 767px) {
    /* .header-inner .nav-offcanvas { max-width: 90vw; } */

    .header-inner .nav-offcanvas { max-width: 100%; }
    .header-inner .offcanvas-backdrop.show { z-index: 1078; opacity: 1; background-color: rgba(41, 38, 38, 0.9); }
}

@media(min-width: 1281px) {
    .dropdown-menu-custom {
        overflow-y: auto;
        overflow-x: clip;
        width: calc(100vw - 22px);
    }

    .dropdown-menu .list-group {
        background: transparent;
    }

    .dropdown-menu .btn-group {
        position: static;
    }

    .header-inner .btn-offcanvas:hover ~ .dropdown-m {
        left: 0!important;
        transform: translateY(0)!important;
        width: calc(100vw - 22px);
    }

    .header-inner .nav-offcanvas {
        overflow-x: clip;
        width: calc(100vw - 22px);
        background-color: transparent;
        height: unset;
        max-height: calc(100vh - var(--header-height) - 20px);
        max-height: calc(100svh - var(--header-height) - 20px);
    }

    .header-inner .nav-offcanvas li.list-item {
        max-width: 387px;
    }

    .header-inner .nav-offcanvas .custom-dropdown .dropdown-menu {
        z-index: 2!important;
        top: 0!important;
        height: 100%;
        overflow: unset!important;
        min-width: unset!important;
        width: calc(100vw - 387px - 30px);
    }
}

@media(min-width: 1360px) {
    .dropdown-menu-custom {
        width: calc(1360px - 12px);
    }

    .header-inner .btn-offcanvas:hover ~ .dropdown-m {
        width: calc(1360px - 12px);
    }

    .header-inner .nav-offcanvas {
        width: calc(1360px - 12px);
    }

    .header-inner .nav-offcanvas .custom-dropdown .dropdown-menu {
        width: calc(1360px - 387px - 30px);
    }
}


/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {  }

/* ------------------------------------------------------------ *\
	Swiper
\* ------------------------------------------------------------ */

/* Swiper slide */
.swiper-3d { overflow: visible; padding: 2rem 0; }
.swiper-3d .swiper-slide { height: 100%; border-radius: 8px; transition: 0.3s all; text-align: center; }
.swiper-3d .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) { opacity: 0; }
.swiper-3d .swiper-slide-prev:not(.swiper-slide-active),
.swiper-3d .swiper-slide-next:not(.swiper-slide-active) { opacity: .5; filter: grayscale(1); }
.swiper-3d .swiper-slide-active { position: relative; z-index: 20; margin-top: .5rem; margin-bottom: 2rem; -ms-transform: scale(1.2) !important; transform: scale(1.2) !important; transition: 0.3s all; opacity: 1; box-shadow: 0 0 20px #00000036; }

.swiper-product { margin-bottom: 1rem; border: 1px solid #F3F3F3; border-radius: 8px; }
.swiper-product .swiper-slide { overflow: hidden; padding: 1rem; }
.swiper-product .swiper-slide,
.swiper-product .swiper-slide img { border-radius: 8px; }
.swiper-product .swiper-slide img { display: block; margin: 0 auto; transition: .3s ease; }
.swiper-product .swiper-slide img:hover { -ms-transform: scale(1.05); transform: scale(1.05); }

.swiper-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background-color: #F3F3F3; color: #656565; }
.swiper-arrow-gold { background-color: #DAB070 !important; color: white !important; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }

.swiper-product-2 .swiper-slide { margin-right: 1rem !important; margin-bottom: .5rem; padding-bottom: 1rem; }
.swiper-product-2 .swiper-slide img { width: 100%; }
.swiper-product-2 .swiper-scrollbar { margin-top: 1rem; }
.swiper-product-2 .swiper-scrollbar { background: #F3F3F3; }
.swiper-product-2 .swiper-scrollbar-drag { width: 109px !important; height: 6px; background: #DAB070; border-radius: 3px; }

.swiper-store .swiper-slide { overflow: hidden; margin-bottom: 2rem; border-radius: 8px; }
.swiper-store .swiper-slide img { display: block; margin: 0 auto; border-radius: 8px; transition: .3s ease; }
.swiper-store .swiper-slide img:hover { transform: scale(1.05); }
.swiper-store .swiper-horizontal>.swiper-scrollbar,
.swiper-store .swiper-scrollbar.swiper-scrollbar-horizontal { height: 6px; }
.swiper-store .swiper-scrollbar { border-radius: 3px; background-color: #F3F3F3; }
.swiper-store .swiper-scrollbar-drag { background: #DAB070; }
.swiper-store .swiper-wrapper { height: unset; }

@media (min-width: 1199px) {
    .swiper-3d .swiper-slide-active { width: 559px !important; }
}

@media (max-width: 767px) {
    .swiper-3d { padding: 0; }
    .swiper-3d .swiper-slide-active { margin: 0; -ms-transform: none !important; transform: none !important; }
    .swiper-3d .swiper-wrapper { transform-style: unset; }
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {  }

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Badge
\* ------------------------------------------------------------ */

.badge-c { position: absolute; z-index: 60; top: 1rem; left: 1rem; min-width: 52px; padding: 4px 12px; border-radius: 4px; color: white; text-align: center; }
.badge-sale { background-color: #DB4444; }
.badge-new { background-color: #656565; font-family: 'Poppins Bold', sans-serif; font-weight: bold; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { position: relative; padding: 1rem 2.25rem; border-radius: 8px; font-family: 'Poppins Bold', sans-serif; appearance: none; transition: .3s ease; }
.btn.show { border-color: transparent; }

.btn-qty { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 0 25px; flex: 0 0 25px; width: 25px; height: 25px; padding: 4px; border-radius: 0; background-color: #F3F3F3; border-color: transparent; }
.btn-qty i { font-size: 10px; }
.btn-qty:hover { border-color: transparent !important; background-color: #DAB070 !important; color: white !important; }
.btn-qty:hover i { color: #292626; }
.btn-qty i { color: #292626; }

.btn-secondary { border-color: transparent; background-color: #F3F3F3 !important; color: #292626 !important;  }
.btn-secondary:hover { background-color: #656565 !important; color: white !important; }
.btn-dark-c { font-family: 'Poppins Bold', sans-serif; font-size: 16px; font-weight: 700; background-color: #292626; color: #DAB070; }
.btn-dark-c:hover { background-color: #DAB070 !important; color: #292626 !important; }
.btn-secondary span,
.btn-dark-c span { font-weight: 700; }
.btn-offcanvas { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 0 1.25rem 0; border-radius: 0; transition: .3s ease; }
.btn-offcanvas .category-link { margin-left: 7px; padding-right: 1.25rem; font-family: 'Lato Bold', sans-serif; font-size: 18px; line-height: 1.35; }
.btn-offcanvas:active,
.btn-offcanvas:focus { border-color: transparent !important; }
.btn-offcanvas span { transition: .3s ease; }
/* .btn-offcanvas:hover span { color: #DAB070; }
.btn-offcanvas:hover .icon-bar { background: #DAB070; } */
/* .btn-offcanvas .btn-inner {margin-left: -.5rem; padding: .5rem 0 .5rem .5rem; } */

.btn-gold { position: relative; background-color: #DAB070; font-size: 16px; color: white; text-align: center; transition: all 0.5s; }
.btn-gold:hover { background-color: #DAB070 !important; color: white !important; }
.btn-transparent { display: inline-block; margin-bottom: 2px; padding: 0; border: none; border-radius: 0; border-bottom: 1px solid #292626; font-size: 16px; }
.btn-transparent:hover { border-bottom: 1px solid #292626 !important; color: #292626 !important; }

.btn-favorite { overflow: hidden; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 34px; height: 34px; border-radius: 50%; border-color: transparent; background-color: #F3F3F3; font-size: 16px; transition: background-color 0.4s ease; }
.btn-favorite i { position: relative; z-index: 20; color: #292626; transition: color 0.4s ease, transform 0.4s ease; }
.btn-favorite .filled { position: relative; z-index: 200; color: white !important; -ms-transform: scale(1.2); transform: scale(1.2); animation: fillHeart 0.4s forwards; font-weight: 400; }
.btn-favorite.filled-bg { background-color: #DAB070; }

.btn-add-to-card { padding: 9px; background-color: #F3F3F3; text-decoration: none; }
.btn-add-to-card:hover { background-color: #DAB070 !important; border-color: transparent !important; }
.btn-add-to-card img { transition: .3s ease; }
.btn-add-to-card:hover img { filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1290%) hue-rotate(259deg) brightness(125%) contrast(100%); }

.btn-secondary-c { background-color: #656565; color: white; transition: .3s ease; }
.btn-secondary-c:hover { background-color: #7c7c7c !important; color: white !important; }

.btn-live-chat { position: fixed; z-index: 50; right: 5rem; bottom: 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 72px; height: 72px; padding: 0; border-radius: 50%; background-color: #DAB070; }
.btn-live-chat:hover { background-color: #DAB070 !important; }
.btn-live-chat:active { border-color: transparent !important; }

.btn-social { margin-right: 8px; padding: 0; }
.btn-social:active { border-color: transparent !important; }

.btn-trash { margin-left: 1.25rem; padding: 0; color: #C9C9C9; }

@media (max-width: 1599px) {
    .btn-live-chat { right: .5rem; }
}

@media (max-width: 767px) {
    .btn-qty { -ms-flex: 0 0 25px; flex: 0 0 25px; width: 25px; height: 25px; }
    .btn-offcanvas-m { padding: 0; }
    .btn-offcanvas-m i { font-size: 1.75rem; }
    .btn-offcanvas-m:active { border-color: transparent !important; }
}

@media (max-width: 575px) {
    .btn-offcanvas-close { position: fixed; top: .5rem; right: 1rem; z-index: 1070; background-size: 0; opacity: 1; }
    .btn-offcanvas-close i { color: white; }
}

@media(max-width: 360px) {
    .btn-offcanvas-close { position: static; background-size: 16px; }
    .btn-offcanvas-close i { display: none; }
}

/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */
.card { position: relative; border-radius: 8px; text-decoration: none; }

.card-title { font-family: 'Poppins Bold', sans-serif; font-weight: 700; }

.card-square { overflow: hidden; text-decoration: none; text-align: center; transition: .3s ease-in-out; }
.card-square img { width: 100%; border-radius: 8px; transition: .3s ease-in-out; }
.card-square .overlay { position: absolute; left: 50%; -ms-transform: translate(-50%,0); transform: translate(-50%,0); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; padding: 2rem 1rem 1.5rem 1rem; }
.card-square .card-title { color: white; filter: drop-shadow(0px 2px 4px rgba(0,0,0,.5)); }
.card-square:hover { filter: drop-shadow(0px 2px 4px rgba(0,0,0,.5)); }
.card-square:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-square:hover .btn-gold { padding: 1rem 2.25rem; background-color: #DAB070 !important; color: white; }
.card-square:hover span .btn-gold { color: white; }
.card-square:hover .btn-gold::after { right: 10px; font-family: 'Poppins Bold', sans-serif; opacity: 1; }

.card-lg { overflow: hidden; background-color: #F3F3F3; border-color: transparent; transition: .3s ease-in-out; }
.card-lg:hover { color: #292626 !important; filter: drop-shadow(0px 2px 4px rgba(0,0,0,.5)); }
.card-lg .overlay { position: absolute; top: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; height: 100%; padding: 1.5rem; }
.card-lg:hover .card-title { color: white; }
.card-lg img { transition: .3s ease-in-out; }
.card-lg:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-lg::before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -ms-transform: translateX(-100%); transform: translateX(-100%); background-color: #DAB070; transition: transform 0.3s ease-in-out; }
.card-lg:hover::before { -ms-transform: translateX(0); transform: translateX(0); }
.card-lg:hover .btn { border-color: white !important; color: white; }
.card-lg-white .card-title,
.card-lg-white:hover .card-title,
.card-lg-white .btn,
.card-lg-white .btn:hover { color: white !important; }
.card-lg-white .btn { border-color: white !important; }
.card-lg-dark:hover .card-title { color: #292626; }
.card-lg-dark:hover .btn { border-color: #292626 !important; color: #292626 !important; }

.card-horizontal { border-color: transparent; }
.card-horizontal .card-head { margin-bottom: 1.5rem; padding: 1rem;background-color: #F3F3F3; }
.card-horizontal .card-body { padding: 0.5rem 1rem; }
.card-horizontal .card-title { margin-bottom: 0; font-family: 'Poppins Bold', sans-serif; font-weight: 700; }
.card-horizontal .card-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.card-horizontal .product-inner { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #E6E6E6; }
.card-horizontal .product-img { margin-right: 1rem; border-radius: 4px; }
.card-horizontal .product-title { margin-left: 1rem; font-family: 'Poppins Bold', sans-serif; font-weight: 700; font-size: 16px; color: #292626; }
.card-horizontal .product-title a { text-decoration: none; transition: .3s ease; }
.card-horizontal .product-title a:hover { color: #DAB070; }
.card-horizontal .price { margin-bottom: 8px; font-family: 'Poppins Medium', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.35; }
.card-horizontal .old-price { position: relative; display: inline-block; font-size: 16px; color: #BEBEBE; }
.card-horizontal .old-price::before { content: ''; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: #BEBEBE; }
.card-horizontal .qty-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.card-horizontal .qty-inner span { margin-right: 1rem; }
.card-horizontal .qty-inner span b { font-family: 'Poppins Medium', sans-serif; font-weight: 500; font-size: 18px; line-height: 1.35; }

.card-horizontal .form-control-input { min-width: 40px; width: auto; padding: 0; border: none; border-radius: 0; font-size: 18px; line-height: 1.35; text-align: center; }
.card-horizontal .total-price { display: inline; font-family: 'Poppins Medium', sans-serif; font-weight: 500; font-size: 18px; color: #292626; line-height: 1.35; }
.card-horizontal .card-bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1rem; }
.card-horizontal .card-bottom .delivered { margin-left: 8px; font-family: 'Poppins Medium', sans-serif; font-weight: 500; font-size: 18px; line-height: 1.35; color: #7DDDB7; }
.card-horizontal .card-group { display: block; padding: 0 1rem; border: 1px solid #E6E6E6; background-color: #FBFBFB; }
.card-horizontal .card-group .card-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid #E6E6E6; font-size: 16px; }
.card-horizontal .card-group .card-inner span:first-child:not(.twin-price-el) { color: #656565; }
.card-horizontal .total-amount { margin-bottom: 0; font-family: 'Poppins Bold', sans-serif; font-weight: 700; color: #292626; }
.card-horizontal .form-check-input-md { margin-left: -22px; border-color: #656565 !important; }
.card-horizontal .form-check-label-md { font-size: 16px !important; color: #656565; }

.card-product-teaser { height: 100%; margin: 0 .25rem; border: 1px solid #F3F3F3; border-radius: 8px; transition: .3s ease; }
.card-product-teaser:hover { filter: drop-shadow(0px 2px 4px rgba(0,0,0,.5)); }
.card-product-teaser .card-title { margin-bottom: 1rem; font-family: 'Poppins Bold', sans-serif !important; font-weight: 700; font-size: 16px; line-height: 1.5; }
.card-product-teaser .card-img-top { overflow: hidden; position: relative; padding: 0; }
.card-product-teaser .btn-favorite { position: absolute; top: 1rem; right: 1rem; }
.card-product-teaser a { text-decoration: none; }
.card-product-teaser a:hover { color: #292626 !important; }
.card-product-teaser .card-body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; }
.card-product-teaser .card-inner,
.card-product-teaser .card-inner div { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.card-product-teaser .card-inner { -ms-flex-align: end; align-items: flex-end; }
.card-product-teaser .card-inner div { -ms-flex-align: baseline; align-items: baseline; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.card-product-teaser .card-inner { -ms-flex-pack: justify; justify-content: space-between; }
.card-product-teaser .price { margin-right: 8px; margin-bottom: 0; font-family: 'Poppins Bold', sans-serif; font-size: 16px; line=height: 1.5; }
.card-product-teaser .price.promo { font-size: 17px; color: #DB4444; }
.card-product-teaser .old-price { position: relative; display: inline-block; font-size: 15px; color: #BEBEBE; line-height: 1.2; }
.card-product-teaser .old-price::before { content: ''; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: #BEBEBE; }
.card-product-teaser .card-img-top img { display: block; width: 100%; margin: 0 auto; transition: .3s ease-in-out; }
.card-product-teaser:hover .btn-add-to-card { background-color: #DAB070; }
.card-product-teaser:hover .btn-add-to-card img { filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1290%) hue-rotate(259deg) brightness(125%) contrast(100%); }

.card-sm { overflow: hidden; height: 100%; padding: 2rem; border-radius: 8px; border-color: #F3F3F3; color: #DAB070; text-align: center; transition: .3s ease-in-out; }
.card-sm svg { position: relative; z-index: 10; margin: 0 auto; margin-bottom: 1rem; transition: fill .3s; }
.card-sm .card-title { position: relative; z-index: 20; color: #292626; }
.card-sm:hover { color: white; }
.card-sm:hover svg { color: white; }
.card-sm:hover .card-title { color: white; }
.card-sm::before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -ms-transform: translateX(-100%); transform: translateX(-100%); background-color: #DAB070; transition: transform 0.3s ease-in-out; }
.card-sm:hover::before { -ms-transform: translateX(0); transform: translateX(0); }

.card-review { overflow: hidden; border-color: #F3F3F3; }
.card-review .card-head { display: block; width: 100%; height: 78px; padding: 0; background-color: #DAB070; }
.card-review .card-title { margin-bottom: 1.5rem; line-height: 1; }
.card-review .card-text { max-width: 88%; margin: 0 auto; color: #656565; }
.card-review .meta { color: #DAB070; }
.card-review .card-inner { position: relative; }
.card-review .meta { color: #DAB070; }
.card-review .quote { position: absolute; width: 33px; }
.card-review .quote-left { left: -.75rem; }
.card-review .quote-right { right: -.75rem; bottom: 4rem; }

.card-review .card-text-holder {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    margin-bottom: 1rem;
}

.cards-review .card-review {
    text-align: center;
    height: 100%;
}
.cards-review .card-review .card-text-holder {
    -webkit-line-clamp: 6;
    line-clamp: 6;
}
.cards-review .card-review .card-body {
    display: flex;
    flex-direction: column;
}
.cards-review .card-review .card-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.cards-review .card-review .card-text {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.cards-review .card-review .meta {
    margin-top: auto;
}

.js-show-more-holder:not(.no-trigger-needed) {
    cursor: pointer;
}
.js-show-more-holder .show-more,
.js-show-more-holder .show-less {
    margin-bottom: 1rem;
    color: #DAB070;
}
.js-show-more-holder .show-more {
    display: block;
}
.js-show-more-holder .show-less {
    display: none;
}
.js-show-more-holder.is-open .js-show-more-text {
    -webkit-line-clamp: unset;
    line-clamp: unset;
}
.js-show-more-holder.is-open .show-more {
    display: none;
}
.js-show-more-holder.is-open .show-less {
    display: block;
}
.js-show-more-holder.no-trigger-needed .show-more,
.js-show-more-holder.no-trigger-needed .show-less {
    display: none;
}


.card-blog-list { height: 100%; border-color: transparent; text-decoration: none; transition: .3s ease; }
.card-blog-list:hover { color: #292626; }
.card-blog-list .card-img-top { overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.card-blog-list .card-img-top img { width: 100%; transition: .3s ease-in-out; }
.card-blog-list .card-img-top img:hover { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-blog-list .card-body { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: baseline; align-items: baseline; padding: 1.5rem 0 0 0; }
.card-blog-list .card-title { margin-bottom: 1rem; }
.card-blog-list:hover .card-title { color: #292626; }
.card-blog-list .btn { padding: 0; border-bottom-color: #DAB070; border-radius: 0; color: #DAB070; }
.card-blog-list .btn:hover { border-bottom-color: #DAB070 !important; color: #DAB070 !important; }
.card-blog-list .card-img { flex: 0 0 42%; }

.card-product { border: none; }
.card-product .badge { position: absolute; z-index: 10; padding: .75rem 1.75rem; font-size: 16px; line-height: 24px; }
.card-product .card-inner { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; -ms-flex-pack: justify; justify-content: space-between; margin-right: 8px; margin-bottom: .75rem; }
.card-product .card-title { max-width: 70%; margin-right: 8px; margin-bottom: 0; }
.card-product .btn-favorite { -ms-flex: 0 0 48px; flex: 0 0 48px; width: 48px; height: 48px; margin-left: 1rem; }
.card-product .btn-favorite { font-size: 1.25rem; }
.card-product .card-body .collapse span { color: #656565; }
.card-product .meta { font-family: 'Lato Bold', sans-serif; font-weight: 700;  }
.card-product hr { border-top: 1px solid #E6E6E6; opacity: 1; }
.card-product .card-body { margin-bottom: 1rem; padding: 0; }
.card-product .card-body img { margin-right: 8px; }
.card-product .btn-collapse { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 1rem; padding: 0; border: none; }
.card-product .btn h4 { color: #292626; white-space: nowrap; }
.card-product .btn:active { border: none; }
.card-product .card-bottom .card-inner { -ms-flex-pack: normal; justify-content: normal; }
.card-product .card-bottom h2 { margin-right: 8px; }
.card-product .price { margin-right: 8px; font-family: 'Poppins Bold', sans-serif; font-size: 2.5rem; font-weight: 700; }
.card-product .old-price { position: relative; display: inline-block; font-family: 'Poppins Medium', sans-serif; font-size: 1.5rem; color: #656565; }
.card-product .old-price::before { content: ''; position: absolute; top: 50%; width: 100%; height: 1px; background: #292626; }
.card-product .qty-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }
.card-product .qty-inner h4 { margin-right: 1rem; margin-bottom: 0; font-family: 'Poppins Regular', sans-serif; }
.card-product .qty-group { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-width: 170px; padding: 1rem; border: 1px solid #E6E6E6; }
.card-product .qty-list { display: -ms-flexbox; display: flex; }
.card-product .qty-list .qty-inner { margin-right: 1.5rem; }
.card-product .qty-list .qty-inner:last-child { margin-right: 0; }
.card-product .btn-qty { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; background-color: white; }
.card-product .btn-qty.active,
.card-product .btn-qty:active { border: none; }
.card-product .btn-qty:hover { background-color: white !important; }
.card-product .qty-group .form-control { border: none; border-radius: 0; font-family: 'Poppins Regular', sans-serif; font-size: 18px; line-height: 1.35; }
.card-product .qty-group .form-control:focus { box-shadow: none; outline: none; }
.card-product .btn-dark-c,
.card-product .btn-gold { display: inline-block; border: none; font-family: 'Poppins Bold', sans-serif; font-size: 1.5rem; line-height: 1.35; font-weight: 700; }
.card-product .btn-dark-c img,
.card-product .btn-gold img { margin-right: 1rem; }
.card-product .btn-dark-c:hover,
.card-product .btn-gold:hover { border: none; color: white !important; }
.card-product .btn-favorite { position: absolute; top: .75rem; right: 1.75rem; z-index: 20; }
.card-product .btn-dark-c:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(15%) hue-rotate(228deg) brightness(103%) contrast(100%); }
.card-product .collapse-unit { margin-bottom: 1.5rem; border: 1px solid #E6E6E6; }
.card-product .collapse-unit .list-item { padding: 8px 1rem; border-bottom: 1px solid #E6E6E6; font-family: 'Poppins Regular', sans-serif; font-size: 18px; line-height: 1.35; color: #656565; }
.card-product .collapse-unit .list-item:last-child { border-bottom: 0; }
.card-product .collapse-unit .list-item.active { background-color: #F3F3F3; color: #DAB070; }
.card-product .collapse-unit .btn { padding: 1.25rem 1rem; }
.card-product .btn-collapse.btn-close { padding-bottom: 0; }

.card-product .sticky-lg-top { z-index: 100; }

.card-link { color: inherit; transition: color .3s; }
.card-link:hover { color: #DAB070; }

.card-advantages { overflow: hidden; height: 100%; padding: 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; }
.card-advantages img { display: inline-block; margin-bottom: 1rem; }
.card-advantages .tel { font-family: 'Poppins Bold', sans-serif; font-size: 1.5rem; color: #DAB070; font-weight: 700; line-height: 1.35; text-decoration: none; transition: .33s ease; }
.card-advantages .tel:hover { color: #656565; }
.card-advantages::before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -ms-transform: translateX(-100%); transform: translateX(-100%); background-color: #DAB070; transition: transform 0.3s ease-in-out; }
.card-advantages:hover::before { -ms-transform: translateX(0); transform: translateX(0); }
.card-advantages h4,
.card-advantages a { position: relative; z-index: 15; transition: .3s ease; }
.card-advantages:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(96%) saturate(15%) hue-rotate(228deg) brightness(103%) contrast(100%); }
.card-advantages:hover h4,
.card-advantages:hover a { color: white; }

.card-about-us { height: 100%; border: none; background-color: transparent; }
.card-about-us .card-img-top { overflow: hidden; display: inline-block; width: auto; margin: 0 auto; border-radius: 50%;  border: 8px solid white; }
.card-about-us .card-img-top img { border-radius: 50%; transition: .3s ease; }
.card-about-us:hover img { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-about-us .card-title { text-align: center; }
.card-about-us .card-text { font-size: 16px; text-align: center; }

.card-teaser { margin: 2.5rem 0; border-color: #F3F3F3; border-right: 8px solid #DAB070; }
.card-teaser .col-left { position: relative; }
.card-teaser .col-left::before { content: ''; position: absolute; top: -2.5rem; right: 22rem; bottom: -2.5rem; left: -1rem; background-color: #DAB070;  animation: moveInLeft 2s infinite alternate ease-in-out; }
.card-teaser .col-right { padding: 2.25rem 3.5rem 2.25rem 4rem; border-radius: 8px; }
.card-teaser .teaser-inner { margin-top: 1.25rem; }
.card-teaser .teaser-inner a { display: inline-block; margin-right: 2rem; font-family: 'Poppins Bold', sans-serif; font-weight: 700; font-size: 1.5rem; line-height: 1.35; text-decoration: none; transition: .3s ease; }
.card-teaser .teaser-inner a:hover  { color: #DAB070; }
.card-teaser .teaser-inner div { margin-bottom: 1.25rem; }

.card-payment { border: none; }
.card-payment .card-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem 8px; border-bottom: 1px solid #7C7C7C; }
.card-payment .card-body { padding: 0; }
.card-payment .card-inner:last-child { padding-bottom: 0; border-bottom: none; }
.card-payment .card-title { margin-bottom: 0; }
.card-payment .card-text { margin-bottom: 0; }
.card-payment .form-check-inner { display: -ms-flexbox; display: flex;  -ms-flex-pack: end;  justify-content: flex-end; }
.card-payment .form-check { margin-bottom: 1rem; }
.card-payment .form-check-label { margin-bottom: 0; font-family: 'Poppins Bold', sans-serif; font-weight: 700; }
.card-payment .form-check-input { overflow: hidden; position: relative; float: none; width: 20px; height: 20px; margin: 0.25rem 8px; border-width: 2px; border-color: #656565; background-color: white; }
.card-payment .form-check-input:checked { background-color: #DAB070; border-color: #656565; }
.card-payment .form-check-input:checked::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid white; border-radius: 50%; }
.card-payment .form-check-input:checked[type="radio"] { background-image: none; }
.card-payment .form-check-input:focus,
.card-payment .form-check-input:checked:focus { box-shadow: none; }

@media(min-width: 992px) {
    .card-teaser .col-left img { width: 100%; }
}

@media (max-width: 1199px) {
    .card-teaser { margin: 2rem 0; border-color: transparent; }
    .card-teaser .col-right { padding: 1.25rem 1.5rem 1.25rem 1rem; }
}

@media (max-width: 991px) {
    .card-lg img { width: 100%; }

    .card-teaser { margin-top: 2rem; }
    .card-teaser .col-left { margin-bottom: 3rem !important; }
    .card-teaser .col-left::before { top: 2rem; right: 0; bottom: 2rem; left: 100px; width: 250px; }
    .card-teaser .col-left img { display: block; margin: 0 auto; border-radius: 8px; }
}

@media (max-width: 767px) {
    .card-horizontal { position: static; }
    .card-horizontal .card-body,
    .card-horizontal .card-bottom { position: relative; padding: 0; }
    .card-horizontal .price-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .card-horizontal .product-title { margin-left: 0; }
    .card-horizontal .price { margin-bottom: 0; }
    .card-horizontal .total-price { text-align: end; }
    .card-horizontal .total-price span { margin-right: 4px; }

    .card-lg .overlay { padding: 1rem; }

    .card-review .card-head { height: 45px; }

    .card-product .price { font-size: 2rem; }

    .card-about-us .card-title { font-size: 18px; }

    .card-teaser .col-left::before { left: 20px; }
    .card-teaser .teaser-inner a { margin-bottom: .5rem; font-size: 18px; }
    .card-teaser .teaser-inner img { width: 20px; height: 20px; margin-right: 6px; }
}

@media (max-width: 575px) {
    .card-horizontal .col-left { width: 88px; padding-right: 0; }
    .card-horizontal .col-right { width: calc(100% - 88px); }
    .card-horizontal .product-title { line-height: 1; }
    .card-horizontal .total-price { margin-top: 6px; font-size: 16px; }
    .card-horizontal .card-bottom { -ms-flex-direction: column; flex-direction: column; }
    .card-horizontal .card-bottom .card-title { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 8px; }
    .card-horizontal .card-bottom .btn { width: 100%; }
    .card-horizontal .price-inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: baseline; align-items: baseline; }

    .card-product .card-inner { -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
    .card-product .card-title { max-width: 100%; }
    .card-product .btn-favorite { margin-bottom: 8px; margin-left: auto; }
    .card-product .card-bottom h2 { font-size: 1.5rem; }
    .card-product .old-price { font-size: 1.25rem; }
    .card-product .qty-group { min-width: 140px; }
    .card-product .qty-inner:first-child { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: normal; align-items: normal; }
    .card-product .qty-inner:first-child h4 { margin-bottom: 8px; }
    .card-product .qty-list { -ms-flex-align: end; align-items: flex-end; }
    .card-product .qty-list .qty-inner { margin-right: 1.5em; }

    .card-product-teaser .card-title { line-height: 1.25; }
    /*.card-product-teaser .card-img-top { padding: 1rem; }*/
    .card-product-teaser .card-body { padding: .5rem; }

    .card-about-us .card-img-top img { width: 200px; height: 200px; }

    .card-teaser { margin-top: 1.5rem; }
    .card-teaser .col-left::before { left: 0; top: -1.5rem; bottom: -1.5rem; width: 150px; }

    .card-lg .overlay { padding: .5rem; }
    .card-lg .card-title { line-height: 1; }

    .card-review .quote { width: 22px; }
}

@media(max-width: 420px) {
    .card-lg .card-title,
    .card-lg .btn { font-size: 15px; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { position: relative; }

.form-search { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.form-search .collapse-c { position: relative; min-width: 42rem; padding: 0 !important; border: none; background-color: transparent; }
.form-search .collapse-c li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.form-search .btn-submit { position: relative; margin-left: -4rem; padding: 0; background-color: #F3F3F3; border-color: transparent !important; font-size: 24px; }
.form-search .form-control { width: 42rem; padding: 1rem 1rem 1rem 2rem; border-radius: 28px; border-color: transparent; background-color: #F3F3F3; }
.form-search .form-control:focus { box-shadow: none; }

.form-login .form-control { transition: .3s ease; }
.form-login .form-control:focus { border-color: #DAB070; box-shadow: none; }

.form-subscribe .form-group { position: relative; margin-bottom: 1rem; }
.form-subscribe .form-control { padding: 12px 1rem; border-width: 1.5px; border-radius: 4px; background-color: transparent; font-size: 16px; color: white; transition: .3s ease; }
.form-subscribe .form-control:-ms-input-placeholder { font-size: 16px; }
.form-subscribe .form-control::placeholder { font-size: 16px; }
.form-subscribe .form-group::before { content: url('../css/images/icon-send.png'); position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); right: 2.5rem; width: 24px; height: 24px; cursor: pointer; }
.form-subscribe .form-group.active::before { content: ''; }
.form-subscribe .form-control:focus { border-color: #DAB070; box-shadow: none; }

/* .form-section { color: #7C7C7C; } */
.form-section .form-group { position: relative; margin-bottom: 1rem; }
.form-section .form-control { position: relative; padding: 1rem 1.25rem; border: 1px solid #E6E6E6; border-radius: 0; font-size: 16px; color: #656565; transition: .3s ease; }
.form-section .form-control:-ms-input-placeholder { font-size: 16px; color: #656565; }
.form-section .form-control::placeholder { font-size: 16px; color: #656565; }
.form-section .form-control:focus { border-color: #656565; box-shadow: none; }
.form-section .form-group .placeholder { position: absolute; z-index: 2; top: 17px; left: 1.5rem; background-color: transparent; font-size: 16px; color: #656565; opacity: 1; pointer-events: none; }
.form-section .placeholder span { font-size: 16px; color: #DB4444; }
.form-section .form-group.hide .placeholder { display: none; }
/* .form-section .form-check-input { width: 18px; height: 18px; margin-top: 0; margin-right: 7px; border-radius: 0; border-color: #E6E6E6; } */
.form-section .form-check-input:checked { background-color: #DAB070; border-color: #656565; }
.form-section .form-check-input:focus { box-shadow: none; }
.form-section .form-group a { text-decoration: none; transition: .3s ease; }
.form-section .form-group a:hover { color: #DAB070; }
.form-section .form-check-label { font-size: 12px; }
.form-section .form-check-label a { border-bottom: 1px solid #DAB070; text-decoration: none; }

@media (max-width: 1199px) {
    .form-search .form-control { width: 35rem; }
    .form-search .collapse-c { min-width: 35rem; }
}

@media (max-width: 991px) {
    .form-search { position: absolute; left: 50%; -ms-transform: translate(-50%); transform: translate(-50%); }
    .form-search .form-control { width: 18rem; }
    .form-search .collapse-c { min-width: 18rem; }
}

@media (max-width: 767px) {
    /* .form-search .form-control { width: 20rem; }
    .form-search .collapse-c { min-width: 20rem; } */
    /* .form-search { position: relative; left: auto; transform: none; margin-left: auto; } */
    .form-search { z-index: 50; top: 4.5rem; right: .75rem; left: .75rem; -ms-transform: none; transform: none; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
    .form-search .form-control { width: 100%; padding: .75rem 1rem .75rem 4rem; font-size: 16px; }
    .form-search .form-control:-ms-input-placeholder,
    .form-login .form-control:-ms-input-placeholder { font-size: 16px; }
    .form-search .form-control::placeholder,
    .form-login .form-control::placeholder { font-size: 16px; }
    .form-search .collapse-c { position: absolute; z-index: 20; right: 0; left: 50%; -ms-transform: translate(-58%,0); transform: translate(-58%,0); padding: 1rem !important; min-width: 25rem; border: 1px solid #F3F3F3; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); background-color: white; }
    .form-search .btn-search { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; margin-right: 1rem; padding: 0; border: none; }
    .form-search .btn-search i { font-size: 20px; color: #292626; }
    .form-search .btn-search:active { border: none; }
    .form-search .btn-submit { margin-right: -3.25rem; margin-left: auto; padding: 0 4px; background-color: #f3f3f3 !important; font-size: 20px; }

    .form-login .form-control { font-size: 16px }
}

@media (max-width: 575px) {
}

@media(max-width: 480px){
    .form-search { top: 4rem; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* Navbar-search */
.list-search-results.hide { display: none; }
.list-search-results { overflow-x: hidden; overflow-y: auto; position: absolute; top: 100%; left: 1rem; z-index: 200; display: block; width: 100%; max-height: 400px; padding: 1rem .5rem; border: 1px solid #F3F3F3; border-top: none; background-color: white; }
.list-search-results .search-result { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #F3F3F3; }
.list-search-results .search-result:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

/* .Footer */
/* .list-group-footer { display: block; column-count: 2; } */
.list-group-footer .list-item { margin-bottom: 8px; }
.list-group-footer .footer-link { display: inline; border-bottom: 1px solid white; color: white; text-decoration: none; transition: .3s ease; }
.list-group-footer .footer-link:hover { border-color: #DAB070; color: #DAB070; }

@media (max-width: 575px) {
    .list-search-results { right: 0; left: auto; min-width: 20rem; }
    .list-group-footer .list-item { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.navbar-main { position: relative; }

.navbar-main .dropdown-menu-custom { position: absolute; border: 1px solid #F3F3F3; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); }
.navbar-main .dropdown-m { padding-top: 0; border: none; box-shadow: none; }
.navbar-main .dropdown-item { transition: .3s ease; }
.navbar-main .dropdown-item:hover { background-color: transparent; color: #DAB070; }
.navbar-main .rotate { -ms-transform: rotate(180deg); transform: rotate(180deg);  transition: transform 0.3s ease; }

.navbar-top { padding: 1.25rem 0; background-color: white; }
.navbar-top .navbar-nav { -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; }
.navbar-top .navbar-nav .nav-item { margin-right: 1.5rem; }
.navbar-top .navbar-nav .nav-item:last-child { margin-right: 0; }

.navbar-top .navbar-brand .svg-elem-1 { animation: animate-svg-fill-1 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.2s both; }
.navbar-top .navbar-brand .svg-elem-2 { animation: animate-svg-fill-2 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.1s both; }
.navbar-top .navbar-brand .svg-elem-3 { animation: animate-svg-fill-3 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2s both; }
.navbar-top .navbar-brand .svg-elem-4 { animation: animate-svg-fill-4 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.9s both; }
.navbar-top .navbar-brand .svg-elem-5 { animation: animate-svg-fill-5 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.8s both; }
.navbar-top .navbar-brand .svg-elem-6 { animation: animate-svg-fill-6 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.7s both; }
.navbar-top .navbar-brand .svg-elem-7 { animation: animate-svg-fill-7 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.6s both; }
.navbar-top .navbar-brand .svg-elem-8 { animation: animate-svg-fill-8 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.5s both; }
.navbar-top .navbar-brand .svg-elem-9 { animation: animate-svg-fill-9 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.4s both; }
.navbar-top .navbar-brand .svg-elem-10 { animation: animate-svg-fill-10 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.3s both; }
.navbar-top .navbar-brand .svg-elem-11 { animation: animate-svg-fill-11 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2s both; }
.navbar-top .navbar-brand .svg-elem-12 { animation: animate-svg-fill-12 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.1s both; }
.navbar-top .navbar-brand .svg-elem-13 { animation: animate-svg-fill-13 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s both; }
.navbar-top .navbar-brand .svg-elem-14 { animation: animate-svg-fill-14 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s both; }
.navbar-top .navbar-brand .svg-elem-15 { animation: animate-svg-fill-15 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s both; }
.navbar-top .navbar-brand .svg-elem-16 { animation: animate-svg-fill-16 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s both; }
.navbar-top .navbar-brand .svg-elem-17 { animation: animate-svg-fill-17 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.6s both; }

.navbar-top .icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; padding: 0; }
.navbar-top .icon i { font-size: 40px; font-weight: 300; color: #292626; }
.navbar-top .nav-item .total { margin-left: .5rem; font-size: 42px; color: #DAB070; }
.navbar-top .nav-item .total sup,
.navbar-top .nav-item .total sub { display: inline-block; font-size: 1rem; color: #DAB070; text-indent: -6px; }
.navbar-top .nav-item .total sup { top: -1rem; left: -20px; }
.navbar-top .nav-item .total sub { bottom: 0; }
.navbar-top .nav-link { position: relative; }
.navbar-top .dropdown-menu { right: 0; width: 21rem; padding: 1.5rem; }
.navbar-top .dropdown-item { display: inline-block; padding-left: 0; }
.navbar-top .dropdown-item.active,
.navbar-top .dropdown-item:active { background-color: #e2e2e230; color: black; }
.navbar-top .dropdown-menu-user a { text-decoration: none; }
.navbar-top .dropdown-menu-user { min-width: 28rem; padding: 1rem; }
.navbar-top .dropdown-menu-user p { font-size: 16px; }
.navbar-top .dropdown-menu-scroll-inner::-webkit-scrollbar { width: 4px; }
.navbar-top .dropdown-menu-scroll-inner::-webkit-scrollbar-track { background-color: rgba(255,255,255,.95); }
.navbar-top .dropdown-menu-scroll-inner::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(108, 117, 125, 0.7); }
.navbar-top .dropdown-cart { padding: 1.5rem 1rem; }
.navbar-top .dropdown-cart .cart-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #E6E6E6; }
.navbar-top .dropdown-cart .cart-title { margin-bottom: 0; font-family: 'Poppins Bold', sans-serif; font-weight: 700; }
.navbar-top .login-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 1rem; }
.navbar-top .login-inner a { display: inline-block; width: 50%; padding: 1rem; border: 1px solid #DAB070; background-color: white; font-size: 16px; transition: .3s ease; }
.navbar-top .login-inner a:hover { color: #DAB070; }
.navbar-main .badge { overflow: hidden; position: absolute; top: -10px; right: -7px; z-index: 2000; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; padding: 0; border-radius: 50%; background-color: #DB4444; font-size: 1rem; color: white; box-shadow: 0px 0px 0px 2px white; }

.navbar-top .cart-head-md { display: -ms-flexbox; display: flex; }
.navbar-top .cart-inner { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: baseline; align-items: baseline; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 1rem; white-space: normal; line-height: 1; }
.navbar-top .cart-inner button { width: auto; }
.navbar-top .cart-inner i { font-size: 18px; color: #A6A6A6; }
.navbar-top .cart-preview-price { display: inline-block; margin-left: 1rem; }
.navbar-top .dropdown-menu-cart-list { overflow-x: hidden; overflow-y: scroll; max-height: 450px; }
.navbar-top .dropdown-menu-cart-list .dropdown-btn-remove { display: inline-flex; align-items: center; justify-content: flex-start; align-self: flex-start; width: 25px; height: 25px; line-height: 1; text-decoration: none; color: #292626; transition: color .3s; margin-bottom: 3px; }
.navbar-top .dropdown-menu-cart-list .dropdown-btn-remove:hover { color: #DAB070; }
.navbar-top .product { margin-bottom: 1rem; padding-right: 0; padding-bottom: 1rem; border-bottom-width: 1px; border-bottom-style: solid; border-color: #E6E6E6; }
.navbar-top .product:last-child { margin-bottom: 0; }
.navbar-top .product-title { display: block; margin-bottom: 5px; font-family: 'Poppins Bold', sans-serif; font-weight: 700; white-space: normal; color: #292626; text-decoration: none; }
.navbar-top .product .qty-text { margin-bottom: 9px; color: #656565; }
.navbar-top .product .qty-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; max-width: 46%; margin-bottom: 10px; }
.navbar-top .product .form-control { padding: 0; border-radius: 0; border-color: transparent; font-family: 'Poppins Regular', sans-serif; font-size: 18px; line-height: 1.35; }
.navbar-top .product .form-control:hover,
.navbar-top .product .form-control:focus { border-radius: 0; box-shadow: none; }
.navbar-top .price { margin-bottom: 0; font-family: 'Poppins Medium', sans-serif; font-size: 18px; font-weight: 500; color: #292626; line-height: 24px; }
.navbar-top .old-price { position: relative; display: inline-block; margin-left: 8px; margin-bottom: 0; color: #BEBEBE; line-height: 24px; }
.navbar-top .old-price::before { content: ''; position: absolute; top: 50%; right: 0; left: 0; width: 100%; height: 1px; background-color: #BEBEBE; }

.navbar-top .cart-bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-top: 1.5rem; }
.navbar-top .cart-bottom .btn { width: calc(50% - 1.5rem); margin-bottom: 1rem; }
.navbar-top .cart-bottom .btn:first-child { margin-right: 1.5rem; }

.navbar-bottom { padding-top: 0; padding-bottom: 0; border-bottom: 1px solid #F3F3F3; background-color: white; }
.navbar-bottom .nav-item.active { transition: .5s ease; }
.navbar-bottom .navbar-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
.navbar-bottom .nav-left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.navbar-bottom .nav-link { position: relative; font-size: 18px; color: #292626; line-height: 1.35; }
.navbar-bottom .nav-link:last-child { padding-right: 0; }
.navbar-bottom .nav-link-top { margin: 0 1.25rem; margin-bottom: 1.25rem; padding: .15rem .25rem; }
.navbar-bottom .nav-link:not(:first-child)::before,
.navbar-bottom .nav-link:not(:first-child)::after { content: ''; position: absolute; width: 0; height: 1px; background-color: #DAB070; opacity: 0; transition: .3s ease; }
.navbar-bottom .nav-link:not(:first-child)::before { top: 0; left: 0; }
.navbar-bottom .nav-link:not(:first-child)::after { right: 0; bottom: 0; }
.navbar-bottom .nav-link:not(:first-child):hover::before,
.navbar-bottom .nav-link:not(:first-child):hover::after { width: 100%; opacity: 1; }
.navbar-bottom .icon-bar { display: block; width: 30px; height: 2px; margin: 5px 0; background: #292626; transition: transform 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; }
.navbar-bottom .btn-offcanvas .icon-bar:nth-of-type(1) { -ms-transform: translateY(0); transform: translateY(0); animation: toInitial1 .5s forwards; }
.navbar-bottom .btn-offcanvas .icon-bar:nth-of-type(2) { opacity: 1; animation: fadeIn .5s forwards; }
.navbar-bottom .btn-offcanvas .icon-bar:nth-of-type(3) { -ms-transform: translateY(0); transform: translateY(0); animation: toInitial3 .5s forwards; }
.navbar-bottom .btn-offcanvas.active { border-color: transparent; }
.navbar-bottom .btn-offcanvas.active .icon-bar:nth-of-type(1) { animation: toMinusAndX1 .5s forwards; }
.navbar-bottom .btn-offcanvas.active .icon-bar:nth-of-type(2) { animation: fadeOut 0.5s forwards; }
.navbar-bottom .btn-offcanvas.active .icon-bar:nth-of-type(3) { animation: toMinusAndX3 .5s forwards; }
.navbar-bottom .btn-offcanvas::after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -1.25rem; }

.nav-item-phone .btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0; border: none; font-family: 'Lato Bold', sans-serif; font-size: 18px; line-height: 1.35; color: #292626; opacity: 1; }
.nav-item-phone .btn img { margin-right: 8px; }
.nav-item-phone .btn i { margin-left: 4px; font-size: 12px; }
.nav-item-phone .rotate { -ms-transform: rotate(90deg); transform: rotate(90deg); margin-right: 8px; font-size: 16px; }
.nav-item-phone .dropdown-menu { right: 0; left: auto; width: 100%; }
.nav-item-phone .btn:active { border-color: transparent; }

.nav-offcanvas .submenu-list a { text-decoration: none; }
.nav-offcanvas .submenu-list .title { display: inline-block; margin: 1rem 0; font-family: 'Lato Bold', sans-serif; font-size: 18px; line-height: 1.35; }
.nav-offcanvas .submenu-list .title:hover,
.nav-offcanvas .submenu-list .title.active { color: #DAB070; }
.nav-offcanvas .submenu-list .nav-link { padding: 0; font-size: 14px; line-height: 29px; color: #656565; }
.nav-offcanvas .submenu-list .nav-link.active,
.nav-offcanvas .submenu-list .nav-link:hover { color: #DAB070; }
.nav-offcanvas .btn-group .btn { display: flex; align-items: center; min-width: 385px; padding: 1rem 3rem; border: none; border-bottom: 1px solid #E6E6E6; border-radius: 0; background-color: white; font-family: 'Lato Bold', sans-serif;; font-weight: 700; color: #292626; text-align: start; transition: none; }
.nav-offcanvas .btn-group .btn img { margin-right: 8px; filter: brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(545%) hue-rotate(314deg) brightness(99%) contrast(86%); }
.nav-offcanvas .btn-group .btn.active,
.nav-offcanvas .btn-group .btn:hover { background-color: #F3F3F3; color: #DAB070; }
.nav-offcanvas .btn-group .btn i { display: block; margin-left: auto; font-size: 14px; color: #292626; }
.nav-offcanvas .btn-group .btn.active img,
.nav-offcanvas .btn-group .btn:hover img { filter: brightness(0) saturate(100%) invert(70%) sepia(82%) saturate(241%) hue-rotate(351deg) brightness(91%) contrast(87%); }
.nav-offcanvas .btn-group .btn.active,
.nav-offcanvas .btn-group .btn:hover i { color: #DAB070; }
.nav-offcanvas .dropdown-menu { padding: 1.5rem 2rem; }
.nav-offcanvas .custom-dropdown .dropdown-menu { overflow: auto; min-width: 1000px; height: 67.5vh; scrollbar-width: thin; scrollbar-color: #656565 #F3F3F3; }
.nav-offcanvas .custom-dropdown .dropdown-menu::-webkit-scrollbar { width: 10px; }
.nav-offcanvas .custom-dropdown .dropdown-menu::-webkit-scrollbar-track { background: #F3F3F3; }
.nav-offcanvas .custom-dropdown .dropdown-menu::-webkit-scrollbar-thumb { background-color: #656565; border-radius: 10px; border: 2px solid #F3F3F3; }

.navbar-bottom .nav-item-phone .dropdown-menu-custom { height: auto; padding-bottom: 1rem; }

@media(min-width: 1281px){
    .navbar-bottom .dropdown-m { left: -12px; }
    .navbar-bottom .icon-bar { width: 14px; margin: 2px 0; }
    .nav-offcanvas .custom-dropdown .dropdown-menu { z-index: -1; left: -2px !important;  border: none; border-radius: 0; inset: 0px auto auto 0px; margin: 0px; animation: fadeInRight .5s ease; transform: translate3d(387px, 0, 0) !important; }
    .nav-offcanvas .custom-dropdown .dropdown-inner { display: block; column-count: 4; }
    .nav-offcanvas .submenu-list { width: 85%; margin-bottom: 3rem; padding-left: 0; }
    .nav-offcanvas .submenu-list .list-group { break-inside: avoid-column; }
    .nav-offcanvas .btn-category .fa-angle-down { display: none !important; }
    .nav-offcanvas .list-item-sm { display: none; }

    .navbar-main .nav-item.dropdown .dropdown-menu-custom.show { z-index: 2000; left: auto; display: block; -ms-transform: translateY(0px); transform: translateY(0px); transition: all .5s; opacity: 1; }
    .navbar-main .dropdown-menu-custom { position: absolute; z-index: -1; left: 8000%; display: block; padding-bottom: 0; -ms-transform: translateY(25px); transform: translateY(25px); opacity: 0; transition: all .5s; }
    .navbar-main .dropdown-menu-user { padding-bottom: 1rem; }
}

/* @media(min-width: 991px){
    .navbar-bottom .btn-offcanvas:hover ~ .dropdown-m { display: block; left: auto; -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
} */

@media(min-width: 768px){
    .nav-offcanvas .list-item-top { display: none; }
    .navbar-top .dropdown-cart { min-width: 26rem; }
}

@media(max-width: 1280px) {
    .navbar-bottom .dropdown-menu-custom { overflow: auto; height: 100vh; padding-bottom: 2rem; }
    .navbar-bottom .btn-group { display: block; }

    .nav-offcanvas .custom-dropdown .dropdown-menu { position: relative; z-index: 5000; min-width: auto; height: auto; width: 100%; padding: 1rem 3rem; background-color: #F3F3F3; }
    .nav-offcanvas .dropdown-menu { padding: 1rem; }
    .nav-offcanvas .btn-category .fa-angle-right { display: none !important; }
    .nav-offcanvas .custom-dropdown .dropdown-inner .submenu-list:first-child .title { margin-top: 0; }
    .nav-offcanvas .custom-dropdown .dropdown-inner .submenu-list:last-child .title { margin-bottom: 0; }
    .nav-item-phone .dropdown-menu-custom { height: auto !important; right: 0; left: auto; width: 10rem !important; padding: .75rem; }
    .nav-item-phone .dropdown-menu-custom i { margin-right: .25rem; }
    .navbar-main .dropdown-menu-user,
    .navbar-main .dropdown-cart { left: auto; }
    .navbar-main .dropdown-m { position: fixed; bottom: 0; left: 0; height: auto; margin-top: -2px; padding-top: 0; }
}

@media (max-width: 1399px) {
    .navbar-top .product .qty-inner { max-width: 55%; }
    .nav-offcanvas .custom-dropdown .dropdown-menu { min-width: 905px; }
}

@media (max-width: 1199px) {
    .navbar-top { padding: 1.5rem 0; }
    .navbar-top .navbar-brand svg { max-width: 80%; }
    .navbar-top .navbar-nav .nav-item { margin-right: 1.25rem; }
    .navbar-top .icon { width: 35px; height: 35px; }
    .navbar-top .icon img,
    .navbar-top .icon svg { width: 30px; height: 30px; }
    .navbar-top .icon i { font-size: 30px; }
    .navbar-top .badge { top: -8px; }
    .navbar-main .badge { width: 20px; height: 20px; font-size: 13px; }

    .nav-offcanvas .custom-dropdown .dropdown-menu { min-width: 100%; }
    .nav-offcanvas .custom-dropdown .dropdown-inner { overflow: auto; }
}

@media (max-width: 991px) {
    .navbar-top .navbar-brand { max-width: 25%; }
    .navbar-top .dropdown-cart,
    .navbar-top .dropdown-menu-user  { right: 0; left: auto; }
    .navbar-top .dropdown-cart .cart-head { -ms-flex-align: normal; align-items: normal; }
    .navbar-top .dropdown-cart .cart-head i { padding-right: 1rem; }
    .navbar-top .dropdown-menu-user { min-width: 24rem; }
    .navbar-top .login-inner a { padding: .5rem; font-size: 15px; }
}

@media (max-width: 767px) {
    .navbar-main .offcanvas { z-index: 1080; padding-left: 0; }
    .navbar-main .offcanvas-body { padding: 0; }
    .navbar-main .list-item-top { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #E6E6E6; background-color: #eeeeee; }
    .navbar-top { z-index: 1070; padding: 1rem 0; }
    .navbar-top .navbar-brand { position: absolute; left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); max-width: 27%; }
    .navbar-top .navbar-brand svg { max-width: 65%; }
    .navbar-top .dropdown-menu { width: 26rem; }
    .navbar-top .navbar-nav { margin-left: auto; }
    .navbar-top .badge { top: -5px; right: -5px; }
    .navbar-top .navbar-nav .nav-item:last-child { margin-right: .5rem; }

    .navbar-brand { padding: 0; }

    .navbar-main .dropdown-m { top: 0 !important; }

    .nav-item-phone .btn { padding: 0; }
    .nav-item-phone .btn img { width: 27px; height: 27px; margin-right: 0; }

    .navbar-main .heart-icon i,
    .navbar-main .heart-icon i.active { font-size: 30px; }
    .navbar-main .heart-icon .badge { top: 0; right: -10px; }

    .navbar-bottom { margin-bottom: 1rem; padding-bottom: 4.25rem; }
    .navbar-bottom.active { z-index: 1070; }
    .navbar-bottom .btn-offcanvas { position: absolute; bottom: 15px; }
    .navbar-bottom .heart-icon { margin-top: .5rem; }
    .navbar-bottom .dropdown-menu-user { min-width: 22rem; height: auto; font-size: 16px; }
    .navbar-bottom .dropdown-menu-user .login-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

    .nav-offcanvas .btn-group { display: block; width: 100%; }
    .nav-offcanvas .btn-group .btn { min-width: 100%; padding: 1rem; font-size: 16px; }
    .nav-offcanvas .btn-group .nav-link-sm { font-size: 14px; }
    .nav-offcanvas .custom-dropdown .dropdown-menu { position: relative !important; transform: translate3d(0,0,0) !important; padding: 1rem; }
    .nav-offcanvas .dropdown-menu-user { min-width: 320px; }
}

@media (max-width: 575px) {
    .navbar-main .offcanvas { min-width: 320px; }


    .navbar-top .navbar-brand { max-width: 40%; }
    .navbar-top .navbar-brand svg { max-width: 100%; }
    .navbar-top .dropdown-menu-user { -ms-transform: translate(27%,0); transform: translate(27%,0); }
    .navbar-top .dropdown-cart { width: 24rem; }
    .navbar-top .product-title { font-size: 15px; text-wrap: balance; line-height: 1.2; }
    .navbar-top .product .qty-inner { max-width: 80%; }
    .navbar-top .product .qty-text { font-size: 14px; line-height: 1.2; }
    .navbar-top .price { font-size: 16px; }
    .navbar-top .navbar-nav .nav-item { margin-right: 0; }
    .navbar-top .cart-bottom .btn:first-child { margin-right: 1rem; }
}

@media(max-width: 480px){
    .navbar-main .offcanvas { width: 90%; }
    .navbar-top .navbar-brand { max-width: 37%; }
    .nav-item-phone .btn img { width: 25px; height: 25px; }
}

@media(max-width: 440px){
    .navbar-main .offcanvas { width: 85%; }
    .navbar-top .navbar-brand { max-width: 39%; }
    .navbar-top .main { width: 15px; height: 15px; font-size: 10px; }

    .nav-offcanvas .dropdown-menu-user { left: calc(-100% + .25rem); }
}

@media(max-width: 380px) {
    .navbar-top .dropdown-cart { width: 22rem; }
    .navbar-top .cart-bottom { justify-content: space-between; }
    .navbar-top .cart-bottom .btn { width: auto; padding: 1rem; }
}

@media(max-width: 360px){
    .navbar-main .offcanvas { width: 100%; }
    .navbar-top .dropdown-cart { width: 21rem; }
}

@media(max-width: 330px) {
    .navbar-top .dropdown-cart { width: 20rem; }
}

/* ------------------------------------------------------------ *\
	pagination
\* ------------------------------------------------------------ */

.pagination { justify-content: center;  margin-bottom: 4rem !important; }
.pagination .page-item.disabled { color: #656565; }
.pagination .page-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; margin-right: 7px; border-radius: 50%;  background-color: #F3F3F3; }
.pagination .page-item:first-child,
.pagination .page-item:last-child { width: auto; height: auto; background-color: transparent; }
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link { padding: 0; }
.pagination .page-item:first-child { margin-right: 1rem; }
.pagination .page-item:last-child { margin-left: 1rem; }
.pagination .page-item.active { background-color: #DAB070; }
.pagination .page-item.active .page-link { color: white; }
.pagination .page-item.arrow-active { color: #DAB070; }
.pagination .page-link { border: none; background-color: transparent; font-family: 'Poppins Regular', sans-serif; font-size: 1.5rem; line-height: 1.35; color: #656565; }
.pagination .page-link:focus { box-shadow: none; }
.pagination .page-item:not(:first-child) .page-link { margin-left: 0; }
.pagination .arrow-active i { color: #DAB070; }

@media (max-width: 767px)  {
    .pagination .page-item { width: 40px; height: 40px; }
}

/* ------------------------------------------------------------ *\
	Rating
\* ------------------------------------------------------------ */

.rating { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1rem; }
.rating i { margin-right: 6px; font-size: 1rem; color: #DAB070; }
.rating i:last-child { margin-right: 0;  }
.rating .unactive { color: #EAE1D1 !important; }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { overflow: hidden; position: relative; padding: 1.5rem 0; }

.section-head { position: relative; border-left: 8px solid #DAB070; }
.section-title { margin-bottom: 0; margin-left: 1rem; font-family: 'Poppins Bold', sans-serif; font-weight: 700; text-transform: uppercase; }
.section-body { padding-top: 1.5rem; }

.section-category-link { display: inline-block; margin-top: 8px; margin-bottom: 2px; margin-left: 1rem; border-bottom: 1px solid #DAB070; font-size: 16px; color:  #DAB070; text-decoration: none; transition: .3s ease; }
.section-category-link:hover { color: #656565; }

.section-offers .border-radius { border-radius: 8px; border-right: 8px solid #DAB070; }
.section-offers .image { position: relative; }
.section-offers .image::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.4) 40%); }
.section-offers .section-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; max-width: 1360px; max-height: 440px; padding: 8.25rem 5rem; border-radius: 8px; color: #292626; text-decoration: none; background-size: cover; transition:  color 0.3s ease-in-out; }
.section-offers .title-inner { display: inline-block; color: white; text-decoration: none; }
.section-offers .title-inner:hover { color: white; }
.section-offers .section-inner:hover .btn-gold { padding: 1rem 2.25rem; background-color: #DAB070 !important; color: white; }
.section-offers .section-inner:hover span .btn-gold { color: white; }

.section-product { padding-bottom: 0; overflow: unset; overflow-x: clip; }
.section-similar-product { background-color: #F3F3F3; }

.section-about-us { padding-bottom: 0; }
.section-about-us .section-top { min-height: 400px; margin-bottom: 4rem; padding: 5rem; border-radius: 8px; }
.section-about-us .section-top .section-text { max-width: 50%; font-size: 16px; }
.section-about-us .section-middle .img-inner { position: relative; border-radius: 8px; }
.section-about-us .section-middle .img-inner::before { content: ''; position: absolute; top: -1rem; right: 2rem; bottom: -1rem; left: 2rem; border-radius: 8px; background-color: #DAB070; animation: moveUpDown 2s infinite alternate ease-in-out; }
.section-about-us .section-middle .img-inner img { position: relative; border-radius: 8px; border: 4px solid white; }
.section-about-us .section-middle .section-text { max-width: 91%; padding-left: 3rem; font-size: 16px; }
.section-about-us .section-bottom { margin-top: 4rem; padding-bottom: 2rem; }

.section-blog-inner img { margin-bottom: 1.5rem; border-radius: 8px; }
.section-blog-inner .date { margin-bottom: 1.5rem; font-family: 'Poppins Bold', sans-serif; font-weight: 700; font-size: 16px; line-height: 1.5; color: #DAB070; }
.section-blog-inner .date i { margin-right: 4px; font-size: 17px; }
.section-blog-inner .date span { margin-right: 4px; color: #DAB070; }
.section-blog-inner p,
.section-blog-inner span,
.section-blog-inner b,
.section-blog-inner ul,
.section-blog-inner ol,
.section-blog-inner li { margin-bottom: 1.5rem; font-size: 16px; line-height: 1.5; color: #656565; }
.section-blog-inner ul { padding-left: 1rem; }
.section-blog-inner h1,
.section-blog-inner h2,
.section-blog-inner h3,
.section-blog-inner h4,
.section-blog-inner h5,
.section-blog-inner h6,
.section-blog-inner b  { font-family: 'Poppins Bold', sans-serif; font-weight: 700; color: #292626; }

.section-404 { text-align: center; }
.section-404 .img-error { display: block; margin-right: auto; margin-bottom: 1.5rem; margin-left: auto; }
.section-404 .section-title { text-transform: none; }
.section-404 .section-desc { margin-bottom: 0; font-size: 16px; line-height: 1.5; color: #656565; }
.section-404 .section-bottom { margin-top: 1.5rem; margin-bottom: 2rem; }
.section-404 .section-bottom .btn { display: inline-block; }

.section-checkout .note { margin-bottom: 1rem; padding: 1rem; background-color: #DAB070; font-family: 'Lato Bold', sans-serif; color: white; font-weight: 700; }
.section-checkout .note i { margin-right: 8px; font-size: 16px; color: white; }

.section-thnak-you .section-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; min-height: 435px; padding: 7.5rem; border-radius: 8px; }
.section-thnak-you .section-head { margin-top: 2rem; }

.section-delivery-address { padding-top: 0; }
.section-delivery-address .section-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem; border: none; background-color: #F3F3F3; }
.section-delivery-address .section-title { margin-left: 0; text-transform: none; }
.section-delivery-address .section-head span { margin-left: 1rem; font-size: 16px; color: #DAB070; text-decoration: none; }
.section-delivery-address .col-1of5 { padding: 0 .5rem; }

.section-terms .section-inner { max-width: 67%; }
.section-terms h1,
.section-terms h2,
.section-terms h3,
.section-terms h4 { margin-bottom: 1rem; font-family: 'Poppins Bold', sans-serif; font-weight: 700; }
.section-terms p { margin-bottom: 0; font-size: 16px; color: #656565; }
.section-terms .section-inner { margin-bottom: 1.5rem; }
.section-terms .section-inner a { border-bottom: 1px solid #DAB070; color: #DAB070; text-decoration: none; }
.section-terms a:hover { color: #DAB070; }
.section-terms .section-inner ol { padding-left: 1rem; }

.section-category .col-xl-3 { padding: 0 .5rem; }

.section-store { display: flex; gap: 5rem; justify-content: space-between; margin-top: 1rem; padding: 1.5rem; background-color: #EAE1D1; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.section-store::before { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; width: 154px; background-color: #DAB070; }
.section-store::after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; width: 12px; background-color: #DAB070; }
.section-store .section-left { position: relative; z-index: 2; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding-left: 3rem; }
.section-store .section-right { position: relative; z-index: 2; }
.section-store .img-content { overflow: hidden; border-radius: 8px; }
.section-store .img-content img { border-radius: 8px; transition: .3s ease-in-out; }
.section-store .img-content img:hover { transform: scale(1.05); }

/* .section-product-list .offcanvas-backdrop { position: static; display: none; width: 0; height: 0; background: transparent; } */

@media (min-width: 1199px){
	.section-blog .card-blog-list { flex-direction: row; }
	.section-blog .card-blog-list .card-body { padding-top: 0; padding-left: 1rem; }
}

/* @media  (min-width: 992px){
    .section-product-list { display: -ms-flexbox; display: flex; }
    .section-product-list .section-left { -ms-flex: 0 0 259px; flex: 0 0 259px; margin-right: 1.25rem; }
    .section-product-list .section-right { -ms-flex: 0 0 calc(100% - (259px + 1.25rem)); flex: 0 0 calc(100% - (259px + 1.25rem)); }
    .section-product-list .offcanvas-backdrop { position: static; display: none; width: 0; height: 0; background: transparent; }
} */

@media (max-width: 1399px) {
	.section-store { gap: 3rem; }
	.section-store .section-left { flex: 0 0 40%; }
}

@media (max-width: 1199px) {
    .section-about-us .section-top .section-text { max-width: 60%; }

    .section-terms .section-inner { max-width: 75%; }
}

@media (max-width: 991px) {
    .section-about-us .section-top .section-text { max-width: 80%; }
    .section-about-us .section-middle .img-inner img { width: 100%; }
    .section-about-us .section-middle .section-text { margin-top: 2rem; padding-left: 0; }
    .section-about-us .section-bottom { margin-top: 2rem; }

    .section-favorite .card-horizontal { position: static; }
    .section-favorite .card-horizontal .product-inner { position: relative; }
    .section-favorite .btn-trash { position: absolute; top: 0; right: 0; }

    .section-terms .section-inner { max-width: 80%; }
}

@media (max-width: 767px) {
    .section-offers .section-inner { padding: 4rem 2rem; }

    .section-about-us .section-top { margin-bottom: 3rem; padding: 0rem; min-height: auto;  background-size: 0; }
    .section-about-us .section-top .section-body { padding: 0 1rem 1rem 1rem; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background-color: #EAE1D1; }
    .section-about-us .section-top .section-text { max-width: 100%; text-align: center; }
    .section-about-us .section-top .img-inner { margin-top: 1rem; padding: 1rem 0; border-top-right-radius: 8px; border-top-right-radius: 8px; background: linear-gradient(0deg, rgba(234,225,209,1) 50%, rgba(218,176,112,1) 100%); }
    .section-about-us .section-top .img-inner img { display: block; margin: 0 auto; }
    .section-about-us .section-middle .section-text { text-align: center; }

    .section-terms .section-inner { max-width: 100%; }

    .section-store { flex-direction: column; gap: 1rem; justify-content: center; }
	.section-store .section-left { flex: 0 0 100%; }
}

@media (max-width: 575px) {
    .section-thnak-you .section-inner { -ms-flex-align: center; align-items: center; padding: 1rem; }

    .section-delivery-address .section-head { -ms-flex-direction: column; flex-direction: column; }
    .section-delivery-address .section-title { margin-bottom: 8px; }

    .section-store { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
	.section-store::before { width: 12px; }
    .section-store .section-left { padding-left: 1rem; }
}

@media(max-width: 460px){
    .section-offers .section-inner { padding: 2.5rem 2rem; }
    .section-offers .section-title { font-size: 1.45rem; }
}

@media(max-width: 380px){
    .section-offers .section-inner { padding: 2rem; }
    .section-offers .section-title { font-size: 1.25rem; }
    .section-offers .btn-gold { padding: .5rem 1.25rem !important; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { overflow: hidden; position: relative; }

.slider .slides { list-style: none outside none; }

.slider .slide-arrow { position: absolute; z-index: 40; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background-color: #F3F3F3; }
.slider .slide-arrow i { color: #656565; }

.slider-mobile .slide { padding-bottom: .5rem; }

.slider-product-teaser,
.slider-product-teaser-2 { display: -ms-flexbox; display: flex; }
.slider-product-teaser .slick-track,
.slider-product-teaser-2 .slick-track { height: 100%; }

.slider-product-teaser .slide,
.slider-product-teaser-2 .slide { padding: 0 .5rem .5rem .5rem; }

.slider-category-inner { padding: 1.5rem; background-color: #F3F3F3; }
.slider-category { overflow: visible; max-width: 90%; margin: 0 auto; }
.slider-category .slide { overflow: hidden; position: relative; min-height: 253px; margin: 0 1rem; border-radius: 8px; text-decoration: none; transition: .5s ease; }
.slider-category .slide::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: rgba(0, 0, 0, 0.2); -ms-transform: translateY(0); transform: translateY(0); transition: .5s ease; }
.slider-category .slide:hover::before { -ms-transform: translateY(100%); transform: translateY(100%);  content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: rgba(0, 0, 0, 0.2); }
.slider-category .slide img { width: 100%; border-radius: 8px; transition: .3s ease-in-out; }
.slider-category .slide h4 { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; font-family: 'Poppins Bold', sans-serif; font-weight: 700; color: white; text-align: center; }
.slider-category .arrow-prev { left: -5%; }
.slider-category .arrow-next { right: -5%; }
.slider-category .slick-disabled i { color: #656565 !important; }
.slider-category .slide-arrow i { font-size: 18px; color: #DAB070; }

@media (max-width: 1199px){
    .slider-blog-news { display: -ms-flexbox; display: flex; max-width: 90%; margin: 0 auto; margin-top: 1.5rem; }
    .slider-blog-news .slick-track { height: 100%; }
    .slider-blog-news .slide { padding: 0 .5rem; }
    .slider-blog-news .arrow-next { right: -4%; }
    .slider-blog-news .arrow-prev { left: -4%; }
}


@media (max-width: 767px) {
    .slider-mobile .slide { padding: 0 .5rem; }
    .slider-mobile >* { width: auto; }
    .slider-mobile { overflow: visible; max-width: 90%; margin: 0 auto; }
    .slider-mobile .arrow-prev { left: -7%; }
    .slider-mobile .arrow-next { right: -7%; }

    .slider-product-teaser .slick-list { padding: 0 15% 0 0 !important; }
}

@media (max-width: 575px) {
    .slider-blog-news { overflow: visible; }
    .slider-blog-news .slide img { display: block; width: 100%; margin: 0 auto; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table { position: relative; }
.table-responive-c { overflow: hidden; max-width: 100%; min-width: 300px; margin: auto; border-collapse: collapse; border-color: #E6E6E6; }
.table-responive-c tbody { border-top: 1px solid #E6E6E6; }
.table-responive-c .section-title { margin-left: 0; text-transform: none; }
.table-responive-c tr th { width: 25%; }
.table-responive-c tr:first-child { background-color: #F3F3F3; }
.table-responive-c th,
.table-responive-c td { font-family: 'Poppins Medium', sans-serif; font-weight: 500; font-size: 18px; color: #292626; line-height: 1.35; vertical-align: middle; }
.table-responive-c td:before { content: attr(data-th) ": "; display: inline-block; font-weight: bold; color: #292626; }
.table-responive-c th,
.table-responive-c td { padding: 1rem; }
.table-responive-c td:first-child { font-family: 'Poppins Bold', sans-serif; font-weight: 700; }
/* .table-responive-c .ff-ir { font-family: $ir; } */
.table-responive-c .delivered ,
.table-responive-c .canceled,
.table-responive-c .in-progress {  display: inline-block; margin-right: 8px; }
.table-responive-c .delivered { color: #41C08E; }
.table-responive-c .canceled { color: #DB4444; }
.table-responive-c .in-progress { color: #DAB070; }
.table-responive-c .btn-trash { display: inline-block; margin-left: 1rem; }

@media (max-width: 575px) {
    .table-responive-c tr:nth-child(2) { border-top: none; }
    .table-responive-c th { display: none; }
    .table-responive-c td { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 16px; }
    .table-responive-c td:before { width: 60%; margin-right: .5rem; font-size: 16px; }
}

@media (min-width: 575px) {
    .table-responive-c td:before { display: none; }
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Select2 validation
\* ------------------------------------------------------------ */

.select2.is-not-valid .select2-selection {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    border-color: #dc3545;
}

.select2.is-valid .select2-selection {
    border-color: #198754;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* ------------------------------------------------------------ *\
	Show more wrapper
\* ------------------------------------------------------------ */

.show-more-wrapper--type-div:not(.is-open) > p:nth-child(n + 5) {
    display: none;
}

.show-more-wrapper--type-ul:not(.is-open) > li:nth-child(n + 5) {
    display: none;
}

.show-more-wrapper--type-div:not(:has(p:nth-child(n + 5))) .btn-show-more,
.show-more-wrapper--type-div:not(:has(p:nth-child(n + 5))) .btn-show-less {
    display: none;
}

.show-more-wrapper--type-ul:not(:has(li:nth-child(n + 5))) .btn-show-more,
.show-more-wrapper--type-ul:not(:has(li:nth-child(n + 5))) .btn-show-less {
    display: none;
}

.show-more-wrapper .btn-show-more,
.show-more-wrapper .btn-show-less {
    color: #292626;
    font-family: 'Poppins Bold', sans-serif;
    text-decoration: none;
    font-weight: 700;
    margin-top: 10px;
}

.show-more-wrapper--type-ul .btn-show-more,
.show-more-wrapper--type-ul .btn-show-less {
    padding: 8px 1rem;
    margin-top: 0;
}

.show-more-wrapper .btn-show-more {
    display: block;
}

.show-more-wrapper .btn-show-less {
    display: none;
}

.show-more-wrapper.is-open .btn-show-more {
    display: none;
}

.show-more-wrapper.is-open .btn-show-less {
    display: block;
}

/* ------------------------------------------------------------ *\
    list ico stars
\* ------------------------------------------------------------ */

.list-ico-stars {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    color: gold;
}

/* ------------------------------------------------------------ *\
    Radios-colors
\* ------------------------------------------------------------ */

.radios-colors {

}

.radios-colors ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
    margin: -.3rem;
    max-height: 210px;
    overflow-y: auto;
    overflow-x: clip;
}

.radios-colors li {
    flex: 0 0 calc(100% / 7);
    max-width: calc(100% / 7);
    padding: .3rem;
}

@media (max-width: 1199px) {
    .radios-colors li {
        flex: 0 0 calc(100% / 6);
        max-width: calc(100% / 6);
    }
}

@media (max-width: 992px) {
    .radios-colors li {
        flex: 0 0 calc(100% / 8);
        max-width: calc(100% / 8);
    }
}

@media (max-width: 768px) {
    .radios-colors li {
        flex: 0 0 calc(100% / 6);
        max-width: calc(100% / 6);
    }
}

@media (max-width: 576px) {
    .radios-colors li {
        flex: 0 0 calc(100% / 5);
        max-width: calc(100% / 5);
    }
}

@media (max-width: 375px) {
    .radios-colors li {
        flex: 0 0 calc(100% / 5);
        max-width: calc(100% / 5);
    }
}

/* ------------------------------------------------------------ *\
    Radio-color
\* ------------------------------------------------------------ */

.radio-color {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.radio-color input {
    display: none;
}

.radio-color .radio__label-box {
    display: block;
    position: relative;
    flex: 1;
    width: 100%;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: border-color .3s ease;
    background-color: var(--color-hex);
    margin-bottom: .3rem;
}

.radio-color .radio__label-box img {
    width: 100%;
    margin-right: 0;
    border-radius: 5px;
}

.radio-color:hover .radio__label-box {
    border-color: #292626;
}

.radio-color:has(input:checked) .radio__label-box {
    border-color: #292626;
}

.radio-color .radio__label-text {
    display: block;
    text-align: center;
}

/* Product page colors */

.js-first-slide img.is-changed {
    object-fit: cover;
    object-position: center;
    width: var(--first-slide-width, unset);
    height: var(--first-slide-height, unset);
}

/* feature color */

.feature-color {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
}

.feature-color:not(:last-child) {
    margin-bottom: .5rem;
}

.qty-inner + .feature-color {
    margin-top: .5rem;
}

.feature-color figure {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    line-height: 1;
    margin-bottom: 0;
}

.feature-color figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.feature-color p {
    flex: 1;
    font-family: 'Lato Regular', sans-serif;
    color: #656565;
    font-size: 15px;
}

/* cards */

.card-product-teaser .item-twin-price {
    gap: .3rem 0;
}

.card-product-teaser .item-twin-price > div {
    flex: 1;
}

.card-product-teaser .item-twin-price > div .price-promo,
.card-product-teaser .item-twin-price > div .price {
    font-weight: 700;
}

.card-product-teaser .item-twin-price button {
    margin-left: auto;
    flex: 0 0 2.75rem;
}

@media(max-width: 1499px) {
    .card-product-teaser .item-twin-price button {
        flex: 0 0 3.14rem;
    }
}

@media(max-width: 475px) {
    .card-product-teaser .item-twin-price > div {
        flex: unset;
    }
}

/* cart preview */

.dropdown-cart .price.item-twin-price {
    font-weight: 700;
    white-space: normal;
}

/* cart */

.card-cart-twin-prices .item-twin-price .btn-trash {
    margin-left: 0;
}

.card-cart-twin-prices .item-twin-price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem 1rem;
}

@media (max-width: 767px) {
    .card-cart-twin-prices .item-twin-price {
        justify-content: flex-start;
    }
}

.card-cart-twin-prices .item-twin-price .total-price {
    margin: 0;
    padding: 0!important;
}

.card-cart-twin-prices-alt .price,
.card-cart-twin-prices-alt .total-amount + .total-amount {
    text-align: right;
    margin-bottom: 0;
}

/* checkout */

.section-checkout .product-inner .item-twin-price {

}

.section-checkout .form-section .item-twin-price .price,
.section-checkout .form-section .item-twin-price .total-amount + .total-amount {
    text-align: right;
    margin-bottom: 0;
}

.twin-price-el {
    white-space: nowrap;
}