/* roboto-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/roboto-v30-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-v30-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/roboto-v30-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v30-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/roboto-v30-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* almendra-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Almendra';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/almendra-v23-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/almendra-v23-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* almendra-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Almendra';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/almendra-v23-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/almendra-v23-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root {
    --header-height: 0;
}

body { font-family: 'Roboto', sans-serif; font-weight: 400; color: #000; background: #fff; }

.btn { text-transform: uppercase; --fd-btn-padding-x: 1.6rem; --fd-btn-padding-y: .66rem; --fd-btn-font-weight: 700; --fd-btn-font-size: 13px; --fd-btn-border-radius: 100vw; }
.btn-primary { --fd-btn-color: #fff; }
.btn-secondary { --fd-btn-hover-bg: var(--fd-gray-700); --fd-btn-hover-color: #fff;
    --fd-btn-active-color: #fff; --fd-btn-active-bg: var(--fd-gray-700);
}
.btn-link { text-decoration: none; --fd-btn-color: var(--fd-vanilla-dark); --fd-btn-hover-color: var(--fd-orange) }
.btn-icon { display: inline-flex; justify-content: center; align-items: center; width: 44px; height: 44px; --fd-btn-padding-x: 0; --fd-btn-padding-y: 0; }
.btn-icon svg { width: 16px; height: 16px; }

.btn-sm { --fd-btn-padding-y: 6px; --fd-btn-padding-x: 10px; --fd-btn-font-size: 10px; font-weight: 400; }

.btn-favorite-active { --fd-btn-hover-bg: var(--fd-danger); color: #fff; }

.btn-offcat { text-transform: none; }
.btn-offcat svg { display: inline-block; width: 14px; height: 14px; margin-left: 5px; vertical-align: top; }

.form-control { border-radius: 100vw; font-size: 15px; padding: .375rem 1.5rem; }
textarea.form-control { border-radius: 8px; }

header .container-lg { max-width: 1550px; }

header { background-color: rgba(0,0,0,.55); }
header .navbar { --fd-navbar-padding-y: 1.1rem; }
header .navbar-brand { padding: 0 0; }
header .navbar-expand-lg .navbar-collapse { justify-content: flex-end; }
header .top-menu { --fd-navbar-nav-link-padding-x: 0; }
header .top-menu .nav-item + .nav-item { margin-left: clamp(1px, 2.1vw, 40px); }
header .top-menu .nav-link { --fd-nav-link-padding-x: 5px; --fd-nav-link-padding-y: 6px; --fd-nav-link-color: #fff; --fd-nav-link-hover-color: var(--fd-orange); --fd-nav-link-font-size: 1rem; --fd-nav-link-font-weight: 400;
    --fd-navbar-active-color: #fff;
    border-bottom: 1px solid transparent;
}
header .top-menu .nav-link.active { border-bottom-color: var(--fd-orange); }

.dropdown-menu { --fd-dropdown-link-color: #000; --fd-dropdown-font-size: .88rem;
    --fd-dropdown-link-active-color: #fff; --fd-dropdown-link-active-bg: var(--fd-vanilla-dark)
}


.quick-nav { --fd-nav-link-padding-x: 10px; --fd-nav-link-padding-y: 10px; }
.quick-nav .nav-link { --fd-nav-link-color: var(--fd-orange); --fd-nav-link-hover-color : #fff;}
.quick-nav .nav-link.show { color: var(--fd-nav-link-hover-color); }
.quick-nav .nav-link svg { display: block; width: 20px; height: 20px; }
.quick-nav .dropdown-toggle::after { content: inherit; }

.header-spacer { min-height: var(--header-height); }

.promobox,
.promobox * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none; }

/* .main-title { margin: 0 0 1.5rem 0; font-size: 2.3rem; font-weight: 400; color: #000; font-family: 'Almendra', sans-serif; line-height: 1; } */
.main-title { margin: 0 0 1.5rem 0; font-size: 2.3rem; font-weight: 400; color: #000; font-family: 'Libre Baskerville', sans-serif; line-height: 1; }
.main-title span { display: block; color: var(--fd-vanilla-dark); }

.title-lg { font-size: clamp(1rem, 4.7vw, 5rem); }

/* .subtitle { margin: 0 0 1rem 0; font-size: 1.25rem; font-weight: 400; font-family: 'Almendra', sans-serif; text-transform: uppercase; } */
.subtitle { margin: 0 0 1rem 0; font-size: 1.25rem; font-weight: 400; font-family: 'Libre Baskerville', sans-serif; text-transform: uppercase; }

.category-grid {}
.category-grid .list-wrapper { display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: clamp(10px, 2.0493vw, 39px);
    grid-row-gap: clamp(10px, 2.0493vw, 39px);
}
.category-grid .list-wrapper .item.lg { grid-area: 1 / 1 / 3 / 2; background: url(../images/bg-categorylist.jpg) 50% 0 no-repeat scroll transparent; background-size: cover; }

.category-grid .item { position: relative; overflow: hidden; }

.category-grid .item:not(.lg) img { transition: all .15s ease-in-out; }
.category-grid .item:not(.lg):hover img { transform: scale(1.1); opacity: .9; }
.category-grid .item.lg {  }
.category-grid .item.lg .header { padding: 2rem; }
.category-grid .item .header { position: absolute; z-index: 2; top: 0; left: 0; right: 0; background-color: rgba(var(--fd-light-rgb), .8); padding: 1rem; }
.category-grid .item .header .title { margin: 0; font-size: 1.2rem; font-weight: 500; color: inherit; }
.category-grid .item img { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.category-grid a.item { text-decoration: none; color: var(--fd-vanilla-dark); }
.category-grid a.item:hover { color: var(--fd-orange) }

.product-slider { position: relative; }
.product-slider .swiper { border: 1px solid #c7c7c7; }
.product-slider .swiper-slide { display: flex; height: auto; }
.product-slider .item { border-left: 1px solid transparent; transition: border-color .3s ease-in-out; }
.product-slider .swiper-slide-visible .item { border-left-color: #c7c7c7; }
.product-slider .swiper-slide-active .item { border-left-color: transparent; }

.swiper-button { width: 44px; height: 44px; border-radius: 100vw; background-color: var(--fd-light); color: #c2c2c2; justify-content: center; align-items: center;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.swiper-button:after { content: inherit; }
.swiper-button svg { width: 30px; }
.swiper-button-prev { left: -50px; right: auto; }
.swiper-button-next { left: auto; right: -50px; }
.swiper-button:hover { background-color: #d1dfdf; color: #000; }

.product-widget-slide { overflow: hidden; }
.product-widget-slide .nav-tabs { border: 0 none; margin-bottom: 2rem; justify-content: center; }
.product-widget-slide .nav-tabs .btn { white-space: nowrap; border-radius: 0; flex: 0; border: 1px solid #c7c7c7; font-size: 1rem; font-weight: 500; color: #000; padding: 1.2rem 2rem; text-transform: none; }
.product-widget-slide .nav-tabs .btn.active { background-color: var(--fd-vanilla); color: #fff; }

.product-list:not(.product-slider):not(.mini-list) .item {
    height: 100%; background-color: #fff;
    box-shadow:
            1px 0 0 0 #c7c7c7,
            0 1px 0 0 #c7c7c7,
            1px 1px 0 0 #c7c7c7,
            1px 0 0 0 #c7c7c7 inset,
            0 1px 0 0 #c7c7c7 inset;
}

.product-list .item { display: flex; flex-direction: column; height: 100%; padding: 1rem;  }
.product-list .image { border: 1px solid #c7c7c7; padding: 1rem; margin-bottom: 1rem; }
.product-list .inner { display: flex; flex-direction: column; width: 100%; height: 100%; text-align: center; }
.product-list .title { margin: 0 0 1rem 0; font-size: 1rem; font-weight: 500; }
.product-list .title a { color: inherit; text-decoration: none; }
.product-list .title a:hover { color: var(--fd-orange); }
.product-list .price { font-size: 1.3rem; font-weight: 500; color: var(--fd-vanilla-dark); margin-top: auto; }
.product-list .price .old-price { line-height: 1; font-size: 14px; color: #495057; font-weight: 400; text-decoration: line-through; }
.product-list .button-wrapper.top { margin-bottom: 1rem; }
.product-list .button-wrapper.bottom { margin-top: 1rem; }
.product-list .button-wrapper.bottom .btn + .btn { margin-left: 5px; }


.product-list.lg-list .item { padding: 1.375rem 1.4rem; }
.product-list.lg-list .image { padding: 1.3rem; margin-bottom: 1.5rem; }

.product-list.mini-list {  }
.product-list.mini-list .item { position: relative; height: inherit; flex-direction: row;flex-wrap: nowrap; align-items: flex-start; padding: 0; margin-right: 1rem;  }
.product-list.mini-list .item .stretched-link::after { content: inherit; }
.product-list.mini-list .item + .item  { margin-top: .5rem; padding-top: .5rem; border-top: 1px solid var(--fd-gray-400); }
.product-list.mini-list .item .image { flex: 0 0 auto; padding: 6px; max-width: 120px; margin: 0 15px 0 0; }
.product-list.mini-list .item .product-data {  }
.product-list.mini-list .item .product-data .title { margin: 0; }
.product-list.mini-list .item .product-data .price { margin: 0; font-size: 1.2rem; }
.product-list.mini-list .item .product-data .btn { margin-top: 10px; line-height: 1; --fd-btn-font-size: 11px; --fd-btn-padding-x: 18px; --fd-btn-padding-y: 10px; }

.product-view {}
.product-title { font-family: 'Roboto', sans-serif; font-weight: 500;text-transform: none; }
.product-view .product-image {}
.product-view .product-image .pic { display: block; padding:1rem; border: 1px solid #c7c7c7; }
.product-view .product-image .pic:hover { border-color: var(--fd-orange); }
.product-view .product-image.images-sm { margin-bottom: 1rem; }
.product-view .product-image.images-sm .pic { padding: 5px; }
.product-view .product-image .pic img { display: block; margin: 0 auto; }
.product-view .price {}
.product-view .price { margin: 1rem 0; font-size: 1.3rem; font-weight: 500; color: var(--fd-vanilla-dark); }
.product-view .price .old-price { line-height: 1; font-size: 14px; color: #495057; font-weight: 400; text-decoration: line-through; }
.product-view .product-action { margin-bottom: 1rem; }
.product-view .product-action form { }
.product-view .product-action .form-control { padding: .5rem .5rem; max-width: 60px; text-align: center; }
.product-view .product-action .btn { --fd-btn-padding-x: 1rem; }
.product-view .product-action .btn svg { width: 20px; height: 20px; }
.product-view .product-action .btn-atc svg { margin-right: 1rem; }
.product-view .content-body {}
.product-view .content-body .title { text-transform: uppercase; margin-bottom: 1rem ;padding-bottom: 1rem; border-bottom: 1px solid #c7c7c7; font-weight: 700; color: var(--fd-orange)}


.sidebar-header { margin-top: 0; margin-bottom: 1rem; font-size: 1.25rem; font-weight: 700; color: var(--fd-vanilla-dark) }
.sidebar-header:first-child { margin-top: 0; }
.sidebar-header .help-block { font-weight: 400; }
.category-nav .nav-link.active,
.category-nav .show>.nav-link { color: inherit; background-color: inherit; }
.category-nav .nav-link { white-space: normal; display: flex; align-items: center; color: #282828; margin-bottom: 4px; padding: .5rem .5rem; font-size: 1rem; line-height: 1; font-weight: 500; border-radius: 0; }
.category-nav .nav-link>i { }
.category-nav .nav-link>i img { }
.category-nav .nav-link .icon { display: block; width: 75px; height: 75px; margin-right: 8px; }
/*.category-nav .nav-item>.nav-link { background-color: var(--fd-gray-400); }*/
.category-nav .nav-link[aria-expanded="false"] { background-color: transparent; }
.category-nav .nav-link[aria-expanded="true"] { background-color: var(--fd-vanilla); color: #fff; }
/*.category-nav .nav-link.collapsed { background-color: transparent; color: var(--fd-dark); }*/
.category-nav .nav-link.dropdown-toggle::after { transition: all 0.1s 0s ease;  }
.category-nav .nav-link.collapsed.dropdown-toggle::after { transform: rotate(0);  }
.category-nav .nav-link:hover { background-color: var(--fd-vanilla); color: #fff; }
/*.category-nav .nav-link.active { color: red; font-weight: 700; }*/
.category-nav .nav-link.active:not(.dropdown-toggle) { color: var(--fd-vanilla-dark); }
.category-nav .nav-collapse>.nav-link:hover { background-color: transparent; color: var(--fd-vanilla-dark) }
.category-nav .nav-collapse>.nav-link.active:hover { background-color: transparent; }
.category-nav>.nav-item>.nav-link.active { color: #fff; background-color: var(--fd-vanilla) }

.category-nav .nav-collapse { position: relative; padding-left: calc(32px + 8px); }

.category-nav .nav-collapse::before { content: ''; position: absolute; top: .25rem; bottom: .25rem; left: calc(.5rem + (32px / 2)); width: 2px; /*height: calc(100% - .25rem)*/; background-color: var(--fd-gray-400); }
.category-nav .dropdown-toggle::after { transform: rotate(-180deg);
    color: red; margin-left: auto; border: 0 none; width: 1rem; height: 1rem;
    background: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='%23282828' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.block-workshop { background: url(../images/bg-workshop.jpg) 50% 50% no-repeat scroll transparent; background-size: cover; }

.block-newsletter { min-height: clamp(100px, 26.3vw, 500px); background: url(../images/bg-nl.jpg) 50% 50% no-repeat scroll transparent; background-size: cover; }
.block-newsletter .main-title { margin-bottom: 3rem; color: #fff; }

.block-news {}

.news-list .item { display: flex; flex-direction: column; width: 100%; height: 100%; background-color: #fff; text-align: center; }
.news-list .item a:not(.btn) { color: inherit; text-decoration: none; }
.news-list .item a:not(.btn):hover { color: var(--fd-orange); }
.news-list .item .image {  }
.news-list .item .image img { image-rendering: -webkit-optimize-contrast; transform: translate3d(0, 0, 0); }
.news-list .item .inner { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; padding: 2rem 2rem 1rem 2rem; }
.news-list .item .inner .label { position: absolute; top: 0; left: 50%;
    transform: translate(-50%,-50%);
}
.news-list .item .inner .title { margin: 0 0 1rem 0; font-size: 1.1rem; font-weight: 700; text-transform: uppercase; }
.news-list .item .inner .text { margin-bottom: .5rem; }
.news-list .item .inner .button-wrapper { margin-top: auto; }
.news-list .item .inner .button-wrapper .btn {  }

.block-news .label .btn { pointer-events: none; cursor: default; }
.block-news .label .btn:hover,
.block-news .label .btn:active { background-color: var(--fd-orange); color: #fff; }

.trends-list .item { text-align: left; }
.trends-list .item .inner { padding: 1.5rem 0 0 0; }

.news-view {}
.news-view .pic { display: flex; justify-content: center; }
.news-view .pic a { display: block; padding: 1rem; border: 1px solid #c7c7c7; }
.news-view .pic a:hover { border-color: var(--fd-orange); }
.news-view .content-lead { margin-bottom: 1.5rem; }
.news-view .content-body { margin-top: 1.5rem; }
.news-view .label { margin-bottom: 1rem; }

.swiper-pagination { position: static; margin-top: 1.5rem; text-align: right; }
.swiper-pagination-bullet { width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; text-align: center;
    line-height: 1; font-size: 1rem; font-weight: 700; color: #000; opacity: 1; background-color: #fff; border: 1px solid #d4d4d4;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--fd-orange); color: #fff; }

.block-slider { overflow-x: hidden; }

.block-trends {}
.block-trends .list-header { display: flex; width: 100%; height: 100%; justify-content: flex-end; align-items: center;
    background: url(../images/bg-trends.jpg) 50% 50% no-repeat scroll transparent; background-size: cover;
}
.block-trends .list-header .box { background-color: rgba(var(--fd-light-rgb), .8); padding: clamp(10px, 3.15vw, 60px); text-align: center; }

.block-brands {}
.block-brands .item { display: flex; justify-content: center; align-items: center; height: 100%; border: 1px solid #c7c7c7; background-color: #fff; padding: 15px 14px;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.block-brands .item .image {}
.block-brands .item .image img {}
.block-brands .item:hover { background-color: #f8f9fa; border-color: var(--fd-gray-700) }
.brands-slider .swiper-slide { height: auto; }

.block-testimonials {}
.block-testimonials .main-title { position: relative; margin-bottom: 0; }
.block-testimonials .main-title:after { content: ''; position: absolute; top: 0; right: 0; width: 100px; height: 100%;
    background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23d1dfdf' class='bi bi-chat-quote' viewBox='0 0 16 16'%3E%3Cpath d='M2.678 11.894a1 1 0 0 1 .287.801 10.97 10.97 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8.06 8.06 0 0 0 8 14c3.996 0 7-2.807 7-6 0-3.192-3.004-6-7-6S1 4.808 1 8c0 1.468.617 2.83 1.678 3.894zm-.493 3.905a21.682 21.682 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a9.68 9.68 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105z'/%3E%3Cpath d='M7.066 6.76A1.665 1.665 0 0 0 4 7.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 0 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 7.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 0 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z'/%3E%3C/svg%3E");
}

.testimonials-list {  }
.testimonial-wrapper { background: url(../images/bg-testimonials.jpg) 50% 180px no-repeat scroll var(--fd-light); }
.testimonial-wrapper .container {   }
.testimonial-wrapper .button-wrapper { transform: translateY(50%) }
.testimonial-wrapper .button-wrapper .btn { min-width: 200px; }

.testimonials-list .item,
.testimonials-list .item * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none; }
.testimonials-list .item { width: 100%; background-color: #fff; overflow: hidden; padding: 3rem 2rem; text-align: center;
    transition: border-radius .3s ease-in-out, box-shadow .3s ease-in-out;
}
.testimonials-list .item .name { font-size: 1.8rem; line-height: 1; font-weight: 700; color: var(--fd-vanilla-dark); margin-bottom: 1rem; }
.testimonials-list .item .date { font-size: 1.2rem; }
.testimonials-list .item .rating { display: flex; justify-content: center; gap: 5px; color: var(--fd-orange); margin-bottom: 1.5rem; }
.testimonials-list .item .rating div {  }
.testimonials-list .item .rating div svg { width: 16px; }
.testimonials-list .item .text { max-height: 0; transition: max-height .3s ease-in-out; overflow: hidden; font-size: 1rem; font-style: italic; padding: 0 1rem; border-left: 5px solid var(--fd-orange); }
.testimonials-slider { padding: 0 79px 0 80px; }
.testimonials-slider .swiper-wrapper { align-items: center; }
.testimonials-slider .swiper-slide { min-height: 520px; display: flex; align-items: center; padding: 20px 0; }
.testimonials-slider .swiper-slide-active { position: relative; z-index: 10; }
.testimonials-slider .swiper-slide-active .item { z-index: 10; border-radius: 22px; box-shadow: 0 0 20px 0 rgba(0,0,0,.3) }
.testimonials-slider .swiper-slide-active .item .text { max-height: 135px; transition-delay: .75s; }
.testimonials-slider .swiper-slide-prev .item { border-radius: 22px 0 0 22px; }
.testimonials-slider .swiper-slide-next .item { border-radius: 0 22px 22px 0; }


.team { margin-bottom: 4rem; }
.team .group-title { margin: 0 0 2rem 0; font-size: 2rem; font-weight: 500; }
.team .group:not(:last-child) { margin-bottom: 4rem; }
.team .group:not(:first-child) { margin-top: 4rem; }
.team .card { flex-direction: row; height: 100%; --fd-card-spacer-y: .75rem; --fd-card-spacer-x: .75rem; }
.team .card-image { flex: 0 0 auto; padding: var(--fd-card-spacer-y) var(--fd-card-spacer-x);  }
.team .card-body { display: flex; flex-direction: column; }
.team .card-title { color: var(--fd-vanilla-dark); font-weight: 700; font-size: 1.125rem; margin-bottom: 0; }
.team .card-subtitle { font-weight: 700; font-size: 0.825rem; margin-bottom: 0; }
.team .card-info { margin-top: .5rem; font-size: 13px; }
.team .card-info a { color: inherit; text-decoration: none; }
.team .card-info a:hover { color: var(--fd-orange); text-decoration: underline; }
.team .card-text:not(:last-child) { margin-bottom: .5rem; }

footer { background-color: #e7ded6;  font-size: 13px; }
footer .nav { --fd-nav-link-padding-x: 0; --fd-nav-link-padding-y: 0; --fd-nav-link-color: #000; --fd-nav-link-hover-color: var(--fd-orange); }
footer .nav-item+.nav-item { margin-top: .75rem; }
footer .nav-link { text-transform: uppercase;
    background-size: 16px; background-position: 0 50%; background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e96c1c' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E");
    padding-left: 25px;
}
footer .subtitle { padding-bottom: .5rem; border-bottom: 1px solid var(--fd-orange); }
footer .top { padding: 2rem 0; }
footer .bottom { border-top: 1px solid var(--fd-orange); padding: .85rem 0; font-weight: 700; }


.modal-search { --fd-light: var(--fd-gray-400); --fd-modal-width: 630px; }
.modal-search .modal-content { border: 0 none; box-shadow: 0 0 12px 0 rgba(0,0,0,.5); }
.modal-search .modal-header { position: relative; color: var(--fd-gray-700); padding: 10px 15px 10px 10px; border-bottom: 0 none; }
.modal-search .modal-header>svg.icon { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 1.5rem; }
.modal-search .modal-header .form-control { padding: 5px 5px 5px calc(2rem + 1rem); background-color: transparent; border-radius: 0; border: 0 none; border-bottom: 1px solid var(--fd-gray-700); color: #000; font-size: 1.2rem; font-weight: 400; }
.modal-search .modal-header .form-control:focus { box-shadow: none; }
.modal-search .btn-close { font-size: 1.5rem; opacity: .7; margin-left: 15px; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23282828'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }
.modal-search .btn-close:hover { opacity: 1; }
.modal-search .btn-close:focus { box-shadow: none; }
.modal-search .modal-body { position: relative; padding: 0 1rem 1rem 1rem; overflow: hidden; display: flex; flex-direction: column; }

.modal-search .mini-list { display: flex; flex-direction: column; max-height: 100%; overflow: hidden; background-color: #fff; }
.modal-search .product-item-wrapper { max-height: 100%; }

.scroll-wrapper { overflow-y: auto; }
.scroll-wrapper::-webkit-scrollbar { width: 7px; background-color:rgba(0,0,0,0.2); border-radius: 7px; }
.scroll-wrapper::-webkit-scrollbar-track { background-color: transparent; }
.scroll-wrapper::-webkit-scrollbar-thumb { border-radius: 7px; background-color:rgba(0,0,0,0.4); }
.scroll-wrapper::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,0.7); }

.page-image { height: clamp(80px, 11vw, 210px); background: 50% 0 no-repeat scroll transparent; background-size: cover; }

.user-form .card { border-radius: 0; }
.user-info .card { border-radius: 0; }

.user-form.contact .card { font-size: 16px; }
.user-form.contact textarea { height: 150px; }

.sidebar-header { margin-top: 0; margin-bottom: 1.5rem; padding-bottom: .5rem; border-bottom: 1px solid #c7c7c7; font-size: 1.25rem; font-weight: 700; }
.sidebar-header:first-child { margin-top: 0; }
.sidebar-header .help-block { font-weight: 400; }
.card-title { font-size: 16px; font-weight: 700; }
.help-block { font-size: 14px; font-weight: 400; }

/**/
.cart .basket { font-size: 14px }
.cart .basket thead { font-size: 13px; }
.cart .basket thead .pic { width: 76px; }
.cart .basket thead .name { }
.cart .basket thead .price { width: 100px; text-align: right; }
.cart .basket thead .qty { width: 90px; text-align: center; }
.cart .basket thead .price-sum { width: 100px; text-align: right; }
.cart .basket thead .delete { width: 20px; }

.cart .basket tbody td { vertical-align: middle; }
.cart .basket tbody .pic { }
.cart .basket tbody .pic a { }
.cart .basket tbody .pic img { max-width: 60px; }
.cart .basket tbody .name { }
.cart .basket tbody .name a { color: #000; font-weight: 500; }
.cart .basket tbody .name a:hover { color: var(--fd-primary); text-decoration: underline; }
.cart .basket tbody .name .modifiers { }
.cart .basket tbody .name .modifiers .modifier { }
.cart .basket tbody .name .modifiers .modifier span { }
.cart .basket tbody .prices { text-align: right; }
.cart .basket tbody .prices .price { }
.cart .basket tbody .prices .price.old { }
.cart .basket tbody .prices .price.sale { }
.cart .basket tbody .prices .price.regular { }
.cart .basket tbody .qty { text-align: center; }
/*.cart .basket tbody .qty .form-control { display: inline-block; width: 40px; text-align: center; padding: 6px; }*/
.cart .basket tbody .qty .form-control { text-align: center; }
.cart .basket tbody .qty .btn svg { width: 16px; }
.cart .basket tbody .price-sum { text-align: right; }
.cart .basket tbody .delete { text-align: center; }
/*.cart .basket tbody .delete a { display: inline-block; }*/

.cart .basket .totals { }
.cart .basket .totals td { background: transparent; }
.cart .basket .totals td { font-weight: bold; }
.cart .basket .totals .text-right { border-left: 0 none; }
.cart .basket .totals .hidden-xs { border-right: 0 none; }

.cart .msg textarea { height: 120px; resize: none; }

.cart .summary-user { margin-bottom: 30px; }
.cart .summary-user > a.edit { float: right; }
.cart .summary-user > div { margin-bottom: 10px; }
.cart .summary-user > div > .title { font-size: 16px; font-weight: bold; margin: 5px 0 10px 0; }
.cart .summary-user .user-info { }
.cart .summary-user .user-billing { }
.cart .summary-user .user-shipping { }

.cart .buttons { }
.cart .buttons .btn {}
.cart .buttons .btn.back { }
.cart .buttons .btn.modify { }
.cart .buttons .btn.empty { }


.cart-breadcrumb .breadcrumb-item+.breadcrumb-item { padding-left: 0; }
.cart-breadcrumb .breadcrumb-item+.breadcrumb-item::before { content: none; }
.cart-breadcrumb { padding: 0 0 0 0; margin-bottom: 30px; border: 1px solid #c7c7c7; list-style: none; background: #f5f5f5; border-radius: 0; }
/*.cart-breadcrumb>li { float: left; }*/
.cart-breadcrumb>li>a, .cart-breadcrumb>li>span { position: relative; display: block; padding: 12px 10px 12px 26px; text-align: center; font-size: 13px; line-height: 16px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.cart-breadcrumb>li:first-child>a, .cart-breadcrumb>li:first-child>span { padding: 12px 10px 12px 16px; }
.cart-breadcrumb>li>a:before, .cart-breadcrumb>li>a:after, .cart-breadcrumb>li>span:before, .cart-breadcrumb>li>span:after {
    content:''; position: absolute; top: 0; left: 100%; z-index: 1; display: block; width: 0; height: 0;
    border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 16px solid transparent;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.cart-breadcrumb>li>a:before, .cart-breadcrumb>li>span:before { margin-left: 1px; border-left-color: #d5d5d5; }
.cart-breadcrumb>li>a:after, .cart-breadcrumb>li>span:after { border-left-color: #f5f5f5; }
.cart-breadcrumb>li.active { color: #fff; }
.cart-breadcrumb>li.active>span { background: var(--fd-orange); font-weight: bold; }
.cart-breadcrumb>li.active>span:after { border-left-color: var(--fd-orange); }
.cart-breadcrumb>li>a { font-weight: 700;}
.cart-breadcrumb>li>span { cursor: default; }
.cart-breadcrumb>li>a:hover, .cart-breadcrumb>li>a:focus { background: #ddd; }
.cart-breadcrumb>li>a:hover:after, .cart-breadcrumb>li>a:focus:after { border-left-color: #ddd; }

.pager-container { margin-top: 1.5rem; }
.pagination { --fd-pagination-border-radius: 100vw; flex-wrap: wrap; justify-content: flex-end; }
.page-item { margin: 5px; }
.page-item .page-link { border-radius: var(--fd-pagination-border-radius); }
.page-link { width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; text-align: center;
    line-height: 1; font-size: 1rem; font-weight: 700; color: #000; opacity: 1; background-color: #fff; border: 1px solid #d4d4d4;
    padding: 0;
}
.page-link svg { width: 16px; }


@media (min-width: 576px) {
    html { font-size: 14px; }
}
@media (min-width: 768px) {
    html { font-size: 14px; }
}
@media (min-width: 992px) {
    html { font-size: 14px; }
    .block-news .g-4 { --fd-gutter-x: 2.5rem; }
    .block-trends .g-4 { --fd-gutter-x: 2.5rem; }
    .category-grid .item:not(.lg) { height: clamp(100px, 17.3vw, 330px);}

    .offcanvas-category { transition: none; transform: none; visibility: visible!important; position: relative; z-index: 1; width: auto; top: auto; left: auto; bottom: auto; }
    .offcanvas-category .offcanvas-body { padding: 0; overflow-y: visible; }
    .offcanvas-category .btn-close { display: none; }

    .info-bar.sticky-top { position: static; }

}
@media (min-width: 1200px) {
    html { font-size: 16px; }
}
@media (min-width: 1400px) {
    html { font-size: 18px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .testimonials-slider .swiper-slide { min-height: 380px; }
}
@media (min-width: 390px) and (max-width: 575.98px) {

}
@media (min-width: 576px) and (max-width: 767.98px) {

}
@media (min-width: 576px) and (max-width: 991.98px) {
    .category-grid .item:not(.lg) { height: 180px;}
}
@media (min-width: 576px) and  (max-width: 1199.98px) {

}
@media (min-width: 992px) and  (max-width: 1199.98px) {
    .testimonials-slider { padding: 0 0; }
    .testimonial-wrapper { background-position: 50% 130px }
    .testimonials-slider .swiper-slide { min-height: 400px; }
    .team .card-image { width: 100px; }
}

@media (max-width: 389.98px) {

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

    header .navbar-brand { max-width: 130px; }

    .swiper-pagination { text-align: center; }

    .category-grid .item:not(.lg) { height: 140px;}

    .news-list .item { max-width: 360px; margin: 0 auto; }

    .product-slider .swiper-slide-active .item { border-left-color: #c7c7c7 }

}
@media (max-width: 767.98px) {
    .category-grid .list-wrapper { display: flex; flex-wrap: wrap; grid-row-gap: 0; grid-column-gap: 0; gap: 10px; }
    .category-grid .list-wrapper .item.lg { padding: 1rem; background-position: 50% 50%; }
    .category-grid .list-wrapper .item:not(.lg) { width: calc(50% - (10px / 2))}
    .category-grid .list-wrapper .item:not(.lg) img { position: relative; }
    .category-grid .item.lg .header { position: static; }

    .testimonials-slider .swiper-slide { padding: 20px; min-height: 280px; }
    .testimonial-wrapper .button-wrapper { padding-bottom: 1rem; transform: translateY(0); flex-direction: column; align-items: center; gap: 10px; }

    .block-trends .list-header { padding: 1rem; justify-content: center; }

    .news-list:not(.trends-list) .item { max-width: 360px; margin: 0 auto; }

    .swiper-button { display: none!important; }

    /*section.py-5 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; }*/

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

    header .navbar { --fd-navbar-padding-y: 5px; }
    .quick-nav { --fd-nav-link-padding-x: 6px; --fd-nav-link-padding-y: 6px; }
    .quick-nav .nav-link svg { width: 24px; height: 24px; }
    .main-title { font-size: 2rem; }


    .category-grid .item.lg .header { padding: 1rem; }
    .category-grid .item .header { padding: .5rem; }
    .category-grid .item .header .title { font-size: 1rem; }

    .testimonials-slider { padding: 0 0; }
    .testimonials-list .item { padding: 1.5rem 1rem; }
    .testimonials-list .item .name { font-size: 1.5rem; }
    .testimonials-list .item .text { border-width: 2px; padding: 0 .75rem; }
    .testimonials-slider .swiper-slide-active .item .text { max-height: 170px; }


    .testimonial-wrapper { background-position: 50% 140px; }

    .news-list .item .inner { padding: 2rem 1rem 1rem 1rem; }
    .trends-list .item .inner { padding: 1rem 0 0 0; }

    .offcanvas-navigation.offcanvas-end { width: 80%; max-width: 400px; }
    .offcanvas-navigation { background-color: rgba(0,0,0,.8); color: #fff; }
    .offcanvas-navigation .offcanvas-header { /*border-bottom: 1px solid var(--fd-gray-800);*/ }
    .offcanvas-navigation .offcanvas-header .btn-close { opacity: 1; }
    .offcanvas-navigation .offcanvas-title img { max-width: 120px; }
    .offcanvas-navigation .collapse:not(.show) { display: block; }
    .offcanvas-navigation ul .nav-link { font-size: 1rem; font-weight: 400; }
    .offcanvas-navigation .info-list .nav-link { font-weight: 400; }
    .offcanvas-navigation .nav-link.active { background-color: var(--fd-orange); color: #fff; margin-right: calc(var(--fd-offcanvas-padding-x) * -1); margin-left: calc(var(--fd-offcanvas-padding-x) * -1); padding-right: var(--fd-offcanvas-padding-x); padding-left: var(--fd-offcanvas-padding-x); }
    .offcanvas-navigation .nav-link:focus-visible { outline: none!important; box-shadow: none!important; }
    .offcanvas-navigation .dropdown-menu { --fd-dropdown-padding-y: 5px; }
    .offcanvas-navigation .dropdown-menu li + li { border-top: 1px solid var(--fd-border-color-translucent); }
    .offcanvas-navigation .dropdown-item { font-size: 1rem; white-space: normal }
    .offcanvas-navigation .dropdown-item.active,
    .offcanvas-navigation .dropdown-item:active,
    .offcanvas-navigation .dropdown-item:focus,
    .offcanvas-navigation .dropdown-item:hover { color: #fff; background-color: var(--fd-vanilla-dark); }

    .offcanvas-start-lg { top: 0; transition: transform .3s ease-in-out; left: 0; width: 80%; max-width: 400px; transform: translateX(-100%); }
    .offcanvas-category .offcanvas-header .btn-close { margin-left: auto; }
    .offcanvas-category .offcanvas-body { padding-top: 0; }
    .offcanvas-category .sidebar-header { position: sticky; top: 0; z-index: 10; background-color: #fff; margin-bottom: .5rem; }

    .info-bar { top: var(--header-height); margin: -1.5rem calc(-.5 * var(--fd-gutter-x)) 0 calc(-.5 * var(--fd-gutter-x));
        display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; background-color: rgba(255,255,255,1); box-shadow: 0 0 5px 0 rgba(0,0,0,.3); padding: 1rem; }
    .info-bar .main-title { flex: 1; margin-bottom: 0; font-size: 1.25rem; }
    .info-bar .btn {  }

    .team .card { flex-direction: column; --fd-card-spacer-y: .5rem; --fd-card-spacer-x: .5rem; }
    .team .card { text-align: center; }
    
}
@media (max-width: 1199.98px) {

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

}

#product_recommended_body {
    font-size: 1rem;
    font-weight: 500;
}

#continuemodal .buttons {
    text-align: center;
}
#continuemodal .buttons button {
    margin: 0 10px 10px 10px;
}
#continuemodal .buttons a {
    margin: 0 10px 10px 10px;
}
#continuemodal .text {
    text-align: center;
    margin: 30px 20px 20px 20px;
}

@media (min-width:992px) {
    #continuemodal .modal-lg,
    #continuemodal .modal-xl {
        --fd-modal-width:500px;
    }
}

#continuemodal .m-title {
    text-transform: uppercase;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #c7c7c7;
    font-weight: 700;
    color: var(--fd-orange);
    margin-top:20px;
}

#continuemodal .sa-icon {
    width:80px;
    height:80px;
    border:4px solid gray;
    -webkit-border-radius:40px;
    border-radius:50%;
    margin:20px auto;
    padding:0;
    position:relative;
    box-sizing:content-box
}

#continuemodal .sa-icon.sa-success {
    border-color:#A5DC86
}
#continuemodal .sa-icon.sa-success::after,
#continuemodal .sa-icon.sa-success::before {
    content:'';
    position:absolute;
    width:60px;
    height:120px;
    background:#fff
}
#continuemodal .sa-icon.sa-success::before {
    -webkit-border-radius:120px 0 0 120px;
    border-radius:120px 0 0 120px;
    top:-7px;
    left:-33px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:60px 60px;
    transform-origin:60px 60px
}
#continuemodal .sa-icon.sa-success::after {
    -webkit-border-radius:0 120px 120px 0;
    border-radius:0 120px 120px 0;
    top:-11px;
    left:30px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 60px;
    transform-origin:0 60px
}
#continuemodal .sa-icon.sa-success .sa-placeholder {
    width:80px;
    height:80px;
    border:4px solid rgba(165,220,134,.2);
    -webkit-border-radius:40px;
    border-radius:50%;
    box-sizing:content-box;
    position:absolute;
    left:-4px;
    top:-4px;
    z-index:2
}
#continuemodal .sa-icon.sa-success .sa-fix {
    width:5px;
    height:90px;
    background-color:#fff;
    position:absolute;
    left:28px;
    top:8px;
    z-index:1;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#continuemodal .sa-icon.sa-success .sa-line {
    height:5px;
    background-color:#A5DC86;
    display:block;
    border-radius:2px;
    position:absolute;
    z-index:2
}
#continuemodal .sa-icon.sa-success .sa-line.sa-tip {
    width:25px;
    left:14px;
    top:46px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
#continuemodal .sa-icon.sa-success .sa-line.sa-long {
    width:47px;
    right:8px;
    top:38px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}