body {
    font-family: "Outfit", sans-serif !important;
}

h1, h2, h3, h4, h5, .h4 {
    font-family: "Outfit", sans-serif !important;
}

a, p {
    font-family: "Outfit", sans-serif !important;
}

ul li, ol li {
    font-family: "Outfit", sans-serif !important;
}

.type-index .faq-block {
    display: none !important;
}

.top-navigation-bar {
    display: none !important;
}

.search .btn.btn-default:before {
    color: #000000 !important;
    transition: all 0.2s ease-in-out;
}

.search .btn.btn-default:hover:before {
    color: #20E868 !important;
}

.search.is-searching .search-form {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.search-whisperer {
    top: 120% !important;
}

.search.is-searching .search-form input[type="search"] {
    padding-left: 12px !important;
}

.search-whisperer.active {
    border: 1px solid #20E868 !important;
    border-radius: 20px !important;
}

.search-whisperer ul li a:hover {
    background-color: transparent !important;
}

.search.is-searching input[type="search"].form-control {
    background-color: #20E868 !important;
}

.search-whisperer-empty {
    color: #000000 !important;
}

.search-results-groups .search-results-header__count,
.search-whisperer .p-name {
    color: #20E868 !important;
}

.search.is-searching .btn.btn-default {
    color: transparent !important;
}

.search-results-groups .search-results-group-list ul li a {
    background-color: #20E868 !important;
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
}

.search-results-groups .search-results-group-list ul li a:after {
    color: #FFFFFF !important;
}

a.btn.cart-count.full:before {
    content: '' !important;
}

.btn.btn-conversion {
    color: #000000 !important;
    font-family: "Outfit", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
}

.btn.btn-conversion:hover {
    color: #ffffff !important;
    border-color: #000000 !important;
}

.cart-widget-button {
    background-color: #ffffff !important;
}

.p-info-wrapper .btn.btn-conversion,
.btn-cart {
    color: #000000 !important;
    font-family: "Outfit", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
}

.p-info-wrapper .btn.btn-conversion:after,
.btn-cart:after {
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8732 5.04167C11.8732 5.92572 11.522 6.77357 10.8969 7.39869C10.2718 8.02381 9.42391 8.375 8.53986 8.375C7.6558 8.375 6.80796 8.02381 6.18284 7.39869C5.55771 6.77357 5.20653 5.92572 5.20653 5.04167M1.56754 4.54282L0.984207 11.5428C0.858893 13.0466 0.796236 13.7985 1.05043 14.3785C1.27376 14.8881 1.66072 15.3086 2.15001 15.5735C2.70692 15.875 3.46141 15.875 4.97039 15.875H12.1093C13.6183 15.875 14.3728 15.875 14.9297 15.5735C15.419 15.3086 15.806 14.8881 16.0293 14.3785C16.2835 13.7985 16.2208 13.0466 16.0955 11.5428L15.5122 4.54282C15.4044 3.24896 15.3504 2.60203 15.0639 2.11238C14.8116 1.6812 14.4359 1.3355 13.9853 1.11987C13.4735 0.875001 12.8243 0.875001 11.526 0.875001L5.55372 0.875C4.25538 0.875 3.60621 0.875 3.09446 1.11987C2.64381 1.3355 2.26811 1.6812 2.0158 2.11238C1.72927 2.60203 1.67536 3.24896 1.56754 4.54282Z' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    transition: all 0.2s ease-in-out;
}

.p-info-wrapper .btn.btn-conversion:hover,
.btn-cart:hover {
    color: #ffffff !important;
}

.p-info-wrapper .btn.btn-conversion:hover:after,
.btn-cart:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8732 5.04167C11.8732 5.92572 11.522 6.77357 10.8969 7.39869C10.2718 8.02381 9.42391 8.375 8.53986 8.375C7.6558 8.375 6.80796 8.02381 6.18284 7.39869C5.55771 6.77357 5.20653 5.92572 5.20653 5.04167M1.56754 4.54282L0.984207 11.5428C0.858893 13.0466 0.796236 13.7985 1.05043 14.3785C1.27376 14.8881 1.66072 15.3086 2.15001 15.5735C2.70692 15.875 3.46141 15.875 4.97039 15.875H12.1093C13.6183 15.875 14.3728 15.875 14.9297 15.5735C15.419 15.3086 15.806 14.8881 16.0293 14.3785C16.2835 13.7985 16.2208 13.0466 16.0955 11.5428L15.5122 4.54282C15.4044 3.24896 15.3504 2.60203 15.0639 2.11238C14.8116 1.6812 14.4359 1.3355 13.9853 1.11987C13.4735 0.875001 12.8243 0.875001 11.526 0.875001L5.55372 0.875C4.25538 0.875 3.60621 0.875 3.09446 1.11987C2.64381 1.3355 2.26811 1.6812 2.0158 2.11238C1.72927 2.60203 1.67536 3.24896 1.56754 4.54282Z' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.carousel-control:before,
.swiper-arrow-content {
    background: #20E868 !important;
}

.carousel-control:hover:before,
.swiper-arrow-content:hover {
    background: #000000 !important;
}

.products-block.products .p .name {
    font-size: 20px;
    line-height: 24px;
    font-family: "Outfit", sans-serif !important;
}

.navigation-buttons>a.top-nav-button-login span {
    text-transform: capitalize !important;
    font-weight: 700 !important;
}

.responsive-tools>a[data-target="login"]::before,
.navigation-buttons>a[data-target="login"]:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z' stroke='%2320E868' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}

.benefitBanner .benefitBanner__item {
    flex-direction: column !important;
    align-items: center !important;
}

.benefitBanner__picture {
    padding-left: 0 !important;
}

.benefitBanner .benefitBanner__picture {
    height: 100px !important;
}

.benefitBanner__picture img {
    max-height: 100px !important;
    max-width: 100px !important;
}

.benefitBanner__content strong {
    color: #000000 !important;
    font-size: 28px !important;
    line-height: 30px !important;
    text-transform: none !important;
    font-weight: 700 !important;
}

.btn.cart-count::before, a.btn.cart-count::before {
    color: transparent;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00014 13H17.1359C18.1487 13 18.6551 13 19.0582 12.8112C19.4134 12.6448 19.7118 12.3777 19.9163 12.0432C20.1485 11.6633 20.2044 11.16 20.3163 10.1534L20.9013 4.88835C20.9355 4.58088 20.9525 4.42715 20.9031 4.30816C20.8597 4.20366 20.7821 4.11697 20.683 4.06228C20.5702 4 20.4155 4 20.1062 4H3.50014M1 1H2.24844C2.51306 1 2.64537 1 2.74889 1.05032C2.84002 1.09463 2.91554 1.16557 2.96544 1.25376C3.02212 1.35394 3.03037 1.48599 3.04688 1.7501L3.95312 16.2499C3.96963 16.514 3.97788 16.6461 4.03456 16.7462C4.08446 16.8344 4.15998 16.9054 4.25111 16.9497C4.35463 17 4.48694 17 4.75156 17H18M6.5 20.5H6.51M15.5 20.5H15.51M7 20.5C7 20.7761 6.77614 21 6.5 21C6.22386 21 6 20.7761 6 20.5C6 20.2239 6.22386 20 6.5 20C6.77614 20 7 20.2239 7 20.5ZM16 20.5C16 20.7761 15.7761 21 15.5 21C15.2239 21 15 20.7761 15 20.5C15 20.2239 15.2239 20 15.5 20C15.7761 20 16 20.2239 16 20.5Z' stroke='%2320E868' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}

.search input[type="search"].form-control {
    border-radius: 40px !important;
    background-color: #DBFFE8 !important;
    color: #000000;
}

.search input[type="search"].form-control::placeholder {
    color: #000000;
}

.search .btn.btn-default {
    background-color: transparent !important;
    border-radius: 40px !important;
}

.search input[type="search"].form-control {
    border: 1px solid #20E868;
}

.search .btn.btn-default:before {
    color: #9F85AA;
}

.search input[type="search"].form-control:focus  {
    border: 1px solid #20E868;
}


.has-third-level .menu-level-3 {
    display: none !important;
}


.has-third-level:hover .menu-level-3 {
    display: block !important;
}

.click-cart a:after ,
.navigation-buttons>a:after,
.cart-price,
.navigation-buttons>a {
    color: #000000 !important;
}

.cart-price {
    font-weight: 700 !important;
}

.products-block .p-bottom .p-desc {
    color: #000000 !important;
}

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

.welcome-wrapper .welcome {
    background: transparent !important;
}

.welcome__left-panel {
    padding: 0 !important;
}

.mosaic-custom-item {
    margin-bottom: 50px;
}

.mosaic-custom-item:last-child {
    margin-bottom: 0;
}

.mosaic-custom-item-image img {
    border-radius: 20px !important;
    max-height: 380px !important;
    min-height: 380px !important;
    width: 100%;
    object-fit: cover;
}

.mosaic-custom-item h2 {
    font-size: 32px !important;
    line-height: 1.2;
    margin-top: 0;
}


.mosaic-custom-item h3 {
    font-size: 20px !important;
    line-height: 24px;
}

.mosaic-custom-item a {
    padding: 5px 20px;
    display: flex;
    align-items: center;
    width: fit-content;
    color: #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 25px;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 1px;
    min-height: 50px !important;
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    transition: all 0.2s ease-in-out;
}

.mosaic-custom-item a:hover {
    color: #ffffff !important;
    border-color: #000000;
}

/*Sidebar*/
.sidebar h4,
.sidebar h4:before {
    color: #000000 !important;
    font-weight: 700 !important;
}

.expanded a:hover {
    transition: all 0.2s ease-in-out;
}

.expanded .expandable>a,
.expanded a:hover,
.sidebar .topic.active a {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.expandable.expanded>a>span:before {
    color: #ffffff !important;
}

.sidepanel-rating__content .sidepanel-rating__btn.btn.btn-secondary {
    color: #000000 !important;
    font-weight: 700 !important;
}

.sidepanel-rating__content .sidepanel-rating__btn.btn.btn-secondary:hover {
    color: #000000 !important;
}

.topic.child-active a span:before,
.topic.child-active a {
    color: #000000 !important;
}

.topic.child-active a:hover,
.topic.child-active a:hover span:before {
    color: #ffffff !important;
}

/*Load more*/

#content .loadMore .btn.loadMore__button {
    font-family: "Outfit", sans-serif !important;
    color: #000000 !important;
    font-weight: 700 !important;
}

#content .loadMore .btn.loadMore__button:hover {
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/*Subcategorie*/

.subcategories li a {
    transition: all 0.2s ease-in-out;
}

.subcategories li a:hover {
    color: #ffffff !important;
    background-color: #20E868 !important;
}

/*Filter*/

.slider-wrapper h4,
.filter-headline {
    color: #000000 !important;
}

.row-filter.multiple-columns-body .filters-wrapper .filters .slider-wrapper h4,
.row-filter.multiple-columns-body .filters-wrapper .filters .filter-sections .filter-section h4 {
    border-radius: 20px !important;
    border: 1px solid #20E868 !important;
}

.row-filter.multiple-columns-body .filters-wrapper .filters .slider-wrapper h4:after,
.row-filter.multiple-columns-body .filters-wrapper .filters .filter-sections .filter-section h4:after {
    color: #20E868 !important;
}

.row-filter.multiple-columns-body .filters-wrapper .filters .filter-sections .filter-section .filter-count,
.row-filter.multiple-columns-body .filters-wrapper .filters .filter-sections .filter-section form fieldset div label,
.row-filter.multiple-columns-body .filters-wrapper .filters .filter-sections .filter-section.open h4:after,
.row-filter.multiple-columns-body .filters-wrapper .filters .slider-wrapper.open h4:after,
.row-filter.multiple-columns-body .filters-wrapper .filters .filter-sections .filter-section.open h4,
.row-filter.multiple-columns-body .filters-wrapper .filters .slider-wrapper.open h4 {
    color: #ffffff !important;
}

.price-filter {
    background-color: #ffffff !important;
    border: 1px solid #20E868 !important;
}

.price-filter .from,
.price-filter .to {
    color: #000000 !important;
}

.category-header button {
    color: #000000 !important;
    transition: all 0.2s ease-in-out;
}

.category-header button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.category-header button.listSorting__control--current {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.listItemsTotal {
    color: #000000 !important;
}

/*Breadcramp*/
.breadcrumbs>span>a:after,
.breadcrumbs span {
    color: #20E868 !important;
}

/*Detail Product*/
.p-detail-info span,
.p-short-description-block p {
    color: #000000 !important;
}

/*Form*/

input {
    border: 1px solid #20E868 !important;
    border-radius: 40px !important;
    background-color: #DBFFE8 !important;
    color: #000000 !important;
}

textarea {
    border: 1px solid #20E868 !important;
    border-radius: 40px !important;
    background-color: #DBFFE8 !important;
    color: #000000 !important;
}

input.btn.btn-primary {
    background-color: #20E868 !important;
    font-family: "Outfit", sans-serif !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out;
}

input.btn.btn-primary:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

.form-control[disabled], select[disabled] {
    border-radius: 40px !important;
    background-color: #DBFFE8 !important;
    border: 1px solid #20E868 !important;
    color: #000000 !important;
    opacity: 0.5 !important;
}

.co-box.co-contact-information h4::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0001 19C17.0001 17.6044 17.0001 16.9067 16.8278 16.3389C16.44 15.0605 15.4396 14.06 14.1612 13.6722C13.5934 13.5 12.8956 13.5 11.5001 13.5H6.50009C5.10452 13.5 4.40674 13.5 3.83894 13.6722C2.56054 14.06 1.56012 15.0605 1.17232 16.3389C1.00008 16.9067 1.00008 17.6044 1.00008 19M13.5001 5.5C13.5001 7.98528 11.4854 10 9.00008 10C6.5148 10 4.50008 7.98528 4.50008 5.5C4.50008 3.01472 6.5148 1 9.00008 1C11.4854 1 13.5001 3.01472 13.5001 5.5Z' stroke='%2320E868' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    color: transparent;
}

.co-box.co-billing-address h4::before {
    color: #20E868;
}

.box-sm.co-contact-information .btn-secondary {
    color: #000000 !important;
}

.box-sm.co-contact-information .btn-secondary:hover {
    color: #ffffff !important;
}

/*Quantity*/
.quantity .increase,
.quantity .decrease {
    background-color: transparent !important;
}

/*Basket*/
.radio-wrapper input[type="radio"]:checked+label {
    background-color: #DBFFE8 !important;
    border-color: #20E868 !important;
    border-radius: 40px !important;
}

.radio-wrapper input[type="radio"]+label {
    border-color: #20E868 !important;
    transition: all 0.2s ease-in-out;
    border-radius: 40px !important;
}

.radio-wrapper input[type="radio"]+label:hover {
    background-color: #DBFFE8 !important;
}

.co-box.co-delivery-method h4::before {
    color: #20E868 !important;
}

.cart-content.summary-wrapper.checkout-box-wrapper,
.extras-wrap .extra-item.is-free-shipping .extra-content {
    background-color: #ffffff !important;
}

.btn-conversion.next-step-forward {
    background-color: #20E868 !important;
    font-family: "Outfit", sans-serif !important;
    color: #000000 !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out;
}

.btn-conversion.next-step-forward:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.co-box.co-payment-method h4::before,
.recapitulation-shipping-billing-info span,
.extra.delivery strong,
.extra.delivery:before,
.price-wrapper .price.price-primary {
    color: #20E868 !important;
}

.order-summary-bottom,
.next-step--step-1,
.order-summary-top {
    background-color: #ffffff !important;
}

.payment-shipping-price,
.radio-wrapper.active label>.payment-shipping-price,
.order-summary h4 {
    color: #000000 !important;
}

.next-step-back {
    color: #000000 !important;
    text-transform: uppercase !important;
    border: 1px solid #20E868 !important;
    letter-spacing: 1px !important;
    background-color: transparent !important;
    font-weight: 700 !important;
}

.next-step-back:hover {
    border: 1px solid #000000 !important;
}

.cart-content .next-step-back:before {
    color: #000000 !important;
    font-weight: 700 !important;
}

.next-step--step-2,
.cart-inner .consents {
    background-color: #ffffff !important;
}

.next-step-finish {
    background-color: #20E868 !important;
    font-family: "Outfit", sans-serif !important;
    color: #000000 !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out;
}

.next-step-finish:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.extras-wrap .price-range,
.extras-wrap .price-range>div,
.extras-wrap .extra-content {
    background: transparent !important;
}

/*Footer menu*/
#footer ul a {
    color: #000000 !important;
}

#footer ul a:hover {
    color: #20E868 !important;
}

#footer h4 {
    color: #000000 !important;
    font-family: "Outfit", sans-serif !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
}

#footer .contact-box a.btn {
    color: #000000 !important;
    font-family: "Outfit", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

#footer .contact-box a.btn:hover {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/*Blog*/
a.btn.btn-primary {
    color: #000000 !important;
    background-color: #20E868 !important;
    text-transform: uppercase !important;
    font-family: "Outfit", sans-serif !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out;
}

a.btn.btn-primary:hover {
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    background-color: #000000 !important;
}

.btn.btn-secondary {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #20E868 !important;
    text-transform: uppercase !important;
    font-family: "Outfit", sans-serif !important;
    font-weight: 700 !important;
    transition: all 0.2s ease-in-out;
}

.btn.btn-secondary:hover {
    border: 1px solid #000000 !important;
}

.homepage-blog-wrapper {
    display: none !important;
}

@media (min-width: 768px) {
    .mosaic-custom-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mosaic-custom-item:nth-child(even) {
        flex-direction: row-reverse;
    }

    .mosaic-custom-item-content {
        width: 49%;
    }

    .mosaic-custom-item-image {
        width: 49%;
    }

    .mosaic-custom-item-image img {
        max-height: 550px !important;
        min-height: 550px !important;
    }

    .benefitBanner .benefitBanner__picture {
        height: 150px !important;
    }

    .benefitBanner__picture img {
        max-height: 150px !important;
        max-width: 150px !important;
        height: 150px !important;
    }


}

@media (min-width: 992px) {
    .mosaic-custom-item-content {
        width: 45%;
    }

    .mosaic-custom-item-image {
        width: 45%;
    }
    .mosaic-custom-item h2 {
        font-size: 48px !important;
        line-height: 48px;
    }
    .popup-widget.cart-widget {
        top: 100px !important;
    }
}
