@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500);
@import url(https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css);
@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500|Lato:700|Gupter:400);
@import url(https://fonts.googleapis.com/css2?family=Gupter&display=swap);

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    background: #ececec;
    color: #202020;
    font-family: DM Sans,sans-serif;
    font-size: 1pc;
    line-height: 1.5;
    margin: 0
}

a {
    color: #2020e0
}

button, input, optgroup, select, textarea {
    font: inherit
}

.fontSize__8 {
    font-size: 8px;
    line-height: 9pt
}

.fontSize__10 {
    font-size: 10px;
    line-height: 15px
}

.fontSize__12 {
    font-size: 9pt;
    line-height: 18px
}

.fontSize__14 {
    font-size: 14px;
    line-height: 20px
}

.fontSize__16 {
    font-size: 1pc;
    line-height: 20px
}

.fontSize__18 {
    font-size: 18px;
    line-height: 20px
}

.fontSize__20 {
    font-size: 20px;
    line-height: 20px
}

.fontSize__22 {
    font-size: 22px;
    line-height: 24px
}

.fontSize__24 {
    font-size: 24px;
    line-height: 30px
}

.fontSize__26 {
    font-size: 26px;
    line-height: 30px
}

.fontSize__28 {
    font-size: 28px;
    line-height: 30px
}

.fontSize__30 {
    font-size: 30px;
    line-height: 34px
}

.fontSize__32 {
    font-size: 2pc;
    line-height: 34px
}

.display-1 {
    font-size: 84px
}

.display-2 {
    font-size: 38px
}

.w-100 {
    width: 100%
}

@media screen and (min-width:993px) {
    .mt-0 {
        margin-top: 0 !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-0 {
        margin-top: 0 !important
    }
}

@media screen and (min-width:993px) {
    .pt-0 {
        padding-top: 0 !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-0 {
        padding-top: 0 !important
    }
}

@media screen and (min-width:993px) {
    .mb-0 {
        margin-bottom: 0 !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-0 {
        margin-bottom: 0 !important
    }
}

@media screen and (min-width:993px) {
    .pb-0 {
        padding-bottom: 0 !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-0 {
        padding-bottom: 0 !important
    }
}

@media screen and (min-width:993px) {
    .ml-0 {
        margin-left: 0 !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-0 {
        margin-left: 0 !important
    }
}

@media screen and (min-width:993px) {
    .pl-0 {
        padding-left: 0 !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-0 {
        padding-left: 0 !important
    }
}

@media screen and (min-width:993px) {
    .mr-0 {
        margin-right: 0 !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-0 {
        margin-right: 0 !important
    }
}

@media screen and (min-width:993px) {
    .pr-0 {
        padding-right: 0 !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-0 {
        padding-right: 0 !important
    }
}

@media screen and (min-width:993px) {
    .mt-2 {
        margin-top: 2px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-2 {
        margin-top: 2px !important
    }
}

@media screen and (min-width:993px) {
    .pt-2 {
        padding-top: 2px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-2 {
        padding-top: 2px !important
    }
}

@media screen and (min-width:993px) {
    .mb-2 {
        margin-bottom: 2px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-2 {
        margin-bottom: 2px !important
    }
}

@media screen and (min-width:993px) {
    .pb-2 {
        padding-bottom: 2px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-2 {
        padding-bottom: 2px !important
    }
}

@media screen and (min-width:993px) {
    .ml-2 {
        margin-left: 2px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-2 {
        margin-left: 2px !important
    }
}

@media screen and (min-width:993px) {
    .pl-2 {
        padding-left: 2px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-2 {
        padding-left: 2px !important
    }
}

@media screen and (min-width:993px) {
    .mr-2 {
        margin-right: 2px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-2 {
        margin-right: 2px !important
    }
}

@media screen and (min-width:993px) {
    .pr-2 {
        padding-right: 2px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-2 {
        padding-right: 2px !important
    }
}

@media screen and (min-width:993px) {
    .mt-4 {
        margin-top: 4px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-4 {
        margin-top: 4px !important
    }
}

@media screen and (min-width:993px) {
    .pt-4 {
        padding-top: 4px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-4 {
        padding-top: 4px !important
    }
}

@media screen and (min-width:993px) {
    .mb-4 {
        margin-bottom: 4px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-4 {
        margin-bottom: 4px !important
    }
}

@media screen and (min-width:993px) {
    .pb-4 {
        padding-bottom: 4px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-4 {
        padding-bottom: 4px !important
    }
}

@media screen and (min-width:993px) {
    .ml-4 {
        margin-left: 4px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-4 {
        margin-left: 4px !important
    }
}

@media screen and (min-width:993px) {
    .pl-4 {
        padding-left: 4px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-4 {
        padding-left: 4px !important
    }
}

@media screen and (min-width:993px) {
    .mr-4 {
        margin-right: 4px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-4 {
        margin-right: 4px !important
    }
}

@media screen and (min-width:993px) {
    .pr-4 {
        padding-right: 4px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-4 {
        padding-right: 4px !important
    }
}

@media screen and (min-width:993px) {
    .mt-6 {
        margin-top: 6px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-6 {
        margin-top: 6px !important
    }
}

@media screen and (min-width:993px) {
    .pt-6 {
        padding-top: 6px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-6 {
        padding-top: 6px !important
    }
}

@media screen and (min-width:993px) {
    .mb-6 {
        margin-bottom: 6px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-6 {
        margin-bottom: 6px !important
    }
}

@media screen and (min-width:993px) {
    .pb-6 {
        padding-bottom: 6px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-6 {
        padding-bottom: 6px !important
    }
}

@media screen and (min-width:993px) {
    .ml-6 {
        margin-left: 6px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-6 {
        margin-left: 6px !important
    }
}

@media screen and (min-width:993px) {
    .pl-6 {
        padding-left: 6px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-6 {
        padding-left: 6px !important
    }
}

@media screen and (min-width:993px) {
    .mr-6 {
        margin-right: 6px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-6 {
        margin-right: 6px !important
    }
}

@media screen and (min-width:993px) {
    .pr-6 {
        padding-right: 6px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-6 {
        padding-right: 6px !important
    }
}

@media screen and (min-width:993px) {
    .mt-8 {
        margin-top: 8px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-8 {
        margin-top: 8px !important
    }
}

@media screen and (min-width:993px) {
    .pt-8 {
        padding-top: 8px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-8 {
        padding-top: 8px !important
    }
}

@media screen and (min-width:993px) {
    .mb-8 {
        margin-bottom: 8px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-8 {
        margin-bottom: 8px !important
    }
}

@media screen and (min-width:993px) {
    .pb-8 {
        padding-bottom: 8px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-8 {
        padding-bottom: 8px !important
    }
}

@media screen and (min-width:993px) {
    .ml-8 {
        margin-left: 8px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-8 {
        margin-left: 8px !important
    }
}

@media screen and (min-width:993px) {
    .pl-8 {
        padding-left: 8px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-8 {
        padding-left: 8px !important
    }
}

@media screen and (min-width:993px) {
    .mr-8 {
        margin-right: 8px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-8 {
        margin-right: 8px !important
    }
}

@media screen and (min-width:993px) {
    .pr-8 {
        padding-right: 8px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-8 {
        padding-right: 8px !important
    }
}

@media screen and (min-width:993px) {
    .mt-10 {
        margin-top: 10px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-10 {
        margin-top: 10px !important
    }
}

@media screen and (min-width:993px) {
    .pt-10 {
        padding-top: 10px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-10 {
        padding-top: 10px !important
    }
}

@media screen and (min-width:993px) {
    .mb-10 {
        margin-bottom: 10px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-10 {
        margin-bottom: 10px !important
    }
}

@media screen and (min-width:993px) {
    .pb-10 {
        padding-bottom: 10px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-10 {
        padding-bottom: 10px !important
    }
}

@media screen and (min-width:993px) {
    .ml-10 {
        margin-left: 10px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-10 {
        margin-left: 10px !important
    }
}

@media screen and (min-width:993px) {
    .pl-10 {
        padding-left: 10px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-10 {
        padding-left: 10px !important
    }
}

@media screen and (min-width:993px) {
    .mr-10 {
        margin-right: 10px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-10 {
        margin-right: 10px !important
    }
}

@media screen and (min-width:993px) {
    .pr-10 {
        padding-right: 10px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-10 {
        padding-right: 10px !important
    }
}

@media screen and (min-width:993px) {
    .mt-12 {
        margin-top: 9pt !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-12 {
        margin-top: 9pt !important
    }
}

@media screen and (min-width:993px) {
    .pt-12 {
        padding-top: 9pt !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-12 {
        padding-top: 9pt !important
    }
}

@media screen and (min-width:993px) {
    .mb-12 {
        margin-bottom: 9pt !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-12 {
        margin-bottom: 9pt !important
    }
}

@media screen and (min-width:993px) {
    .pb-12 {
        padding-bottom: 9pt !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-12 {
        padding-bottom: 9pt !important
    }
}

@media screen and (min-width:993px) {
    .ml-12 {
        margin-left: 9pt !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-12 {
        margin-left: 9pt !important
    }
}

@media screen and (min-width:993px) {
    .pl-12 {
        padding-left: 9pt !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-12 {
        padding-left: 9pt !important
    }
}

@media screen and (min-width:993px) {
    .mr-12 {
        margin-right: 9pt !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-12 {
        margin-right: 9pt !important
    }
}

@media screen and (min-width:993px) {
    .pr-12 {
        padding-right: 9pt !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-12 {
        padding-right: 9pt !important
    }
}

@media screen and (min-width:993px) {
    .mt-14 {
        margin-top: 14px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-14 {
        margin-top: 14px !important
    }
}

@media screen and (min-width:993px) {
    .pt-14 {
        padding-top: 14px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-14 {
        padding-top: 14px !important
    }
}

@media screen and (min-width:993px) {
    .mb-14 {
        margin-bottom: 14px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-14 {
        margin-bottom: 14px !important
    }
}

@media screen and (min-width:993px) {
    .pb-14 {
        padding-bottom: 14px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-14 {
        padding-bottom: 14px !important
    }
}

@media screen and (min-width:993px) {
    .ml-14 {
        margin-left: 14px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-14 {
        margin-left: 14px !important
    }
}

@media screen and (min-width:993px) {
    .pl-14 {
        padding-left: 14px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-14 {
        padding-left: 14px !important
    }
}

@media screen and (min-width:993px) {
    .mr-14 {
        margin-right: 14px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-14 {
        margin-right: 14px !important
    }
}

@media screen and (min-width:993px) {
    .pr-14 {
        padding-right: 14px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-14 {
        padding-right: 14px !important
    }
}

@media screen and (min-width:993px) {
    .mt-16 {
        margin-top: 1pc !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-16 {
        margin-top: 1pc !important
    }
}

@media screen and (min-width:993px) {
    .pt-16 {
        padding-top: 1pc !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-16 {
        padding-top: 1pc !important
    }
}

@media screen and (min-width:993px) {
    .mb-16 {
        margin-bottom: 1pc !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-16 {
        margin-bottom: 1pc !important
    }
}

@media screen and (min-width:993px) {
    .pb-16 {
        padding-bottom: 1pc !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-16 {
        padding-bottom: 1pc !important
    }
}

@media screen and (min-width:993px) {
    .ml-16 {
        margin-left: 1pc !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-16 {
        margin-left: 1pc !important
    }
}

@media screen and (min-width:993px) {
    .pl-16 {
        padding-left: 1pc !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-16 {
        padding-left: 1pc !important
    }
}

@media screen and (min-width:993px) {
    .mr-16 {
        margin-right: 1pc !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-16 {
        margin-right: 1pc !important
    }
}

@media screen and (min-width:993px) {
    .pr-16 {
        padding-right: 1pc !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-16 {
        padding-right: 1pc !important
    }
}

@media screen and (min-width:993px) {
    .mt-18 {
        margin-top: 18px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-18 {
        margin-top: 18px !important
    }
}

@media screen and (min-width:993px) {
    .pt-18 {
        padding-top: 18px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-18 {
        padding-top: 18px !important
    }
}

@media screen and (min-width:993px) {
    .mb-18 {
        margin-bottom: 18px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-18 {
        margin-bottom: 18px !important
    }
}

@media screen and (min-width:993px) {
    .pb-18 {
        padding-bottom: 18px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-18 {
        padding-bottom: 18px !important
    }
}

@media screen and (min-width:993px) {
    .ml-18 {
        margin-left: 18px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-18 {
        margin-left: 18px !important
    }
}

@media screen and (min-width:993px) {
    .pl-18 {
        padding-left: 18px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-18 {
        padding-left: 18px !important
    }
}

@media screen and (min-width:993px) {
    .mr-18 {
        margin-right: 18px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-18 {
        margin-right: 18px !important
    }
}

@media screen and (min-width:993px) {
    .pr-18 {
        padding-right: 18px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-18 {
        padding-right: 18px !important
    }
}

@media screen and (min-width:993px) {
    .mt-20 {
        margin-top: 20px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-20 {
        margin-top: 20px !important
    }
}

@media screen and (min-width:993px) {
    .pt-20 {
        padding-top: 20px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-20 {
        padding-top: 20px !important
    }
}

@media screen and (min-width:993px) {
    .mb-20 {
        margin-bottom: 20px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-20 {
        margin-bottom: 20px !important
    }
}

@media screen and (min-width:993px) {
    .pb-20 {
        padding-bottom: 20px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-20 {
        padding-bottom: 20px !important
    }
}

@media screen and (min-width:993px) {
    .ml-20 {
        margin-left: 20px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-20 {
        margin-left: 20px !important
    }
}

@media screen and (min-width:993px) {
    .pl-20 {
        padding-left: 20px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-20 {
        padding-left: 20px !important
    }
}

@media screen and (min-width:993px) {
    .mr-20 {
        margin-right: 20px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-20 {
        margin-right: 20px !important
    }
}

@media screen and (min-width:993px) {
    .pr-20 {
        padding-right: 20px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-20 {
        padding-right: 20px !important
    }
}

@media screen and (min-width:993px) {
    .mt-22 {
        margin-top: 22px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-22 {
        margin-top: 22px !important
    }
}

@media screen and (min-width:993px) {
    .pt-22 {
        padding-top: 22px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-22 {
        padding-top: 22px !important
    }
}

@media screen and (min-width:993px) {
    .mb-22 {
        margin-bottom: 22px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-22 {
        margin-bottom: 22px !important
    }
}

@media screen and (min-width:993px) {
    .pb-22 {
        padding-bottom: 22px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-22 {
        padding-bottom: 22px !important
    }
}

@media screen and (min-width:993px) {
    .ml-22 {
        margin-left: 22px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-22 {
        margin-left: 22px !important
    }
}

@media screen and (min-width:993px) {
    .pl-22 {
        padding-left: 22px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-22 {
        padding-left: 22px !important
    }
}

@media screen and (min-width:993px) {
    .mr-22 {
        margin-right: 22px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-22 {
        margin-right: 22px !important
    }
}

@media screen and (min-width:993px) {
    .pr-22 {
        padding-right: 22px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-22 {
        padding-right: 22px !important
    }
}

@media screen and (min-width:993px) {
    .mt-24 {
        margin-top: 24px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-24 {
        margin-top: 24px !important
    }
}

@media screen and (min-width:993px) {
    .pt-24 {
        padding-top: 24px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-24 {
        padding-top: 24px !important
    }
}

@media screen and (min-width:993px) {
    .mb-24 {
        margin-bottom: 24px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-24 {
        margin-bottom: 24px !important
    }
}

@media screen and (min-width:993px) {
    .pb-24 {
        padding-bottom: 24px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-24 {
        padding-bottom: 24px !important
    }
}

@media screen and (min-width:993px) {
    .ml-24 {
        margin-left: 24px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-24 {
        margin-left: 24px !important
    }
}

@media screen and (min-width:993px) {
    .pl-24 {
        padding-left: 24px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-24 {
        padding-left: 24px !important
    }
}

@media screen and (min-width:993px) {
    .mr-24 {
        margin-right: 24px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-24 {
        margin-right: 24px !important
    }
}

@media screen and (min-width:993px) {
    .pr-24 {
        padding-right: 24px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-24 {
        padding-right: 24px !important
    }
}

@media screen and (min-width:993px) {
    .mt-26 {
        margin-top: 26px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-26 {
        margin-top: 26px !important
    }
}

@media screen and (min-width:993px) {
    .pt-26 {
        padding-top: 26px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-26 {
        padding-top: 26px !important
    }
}

@media screen and (min-width:993px) {
    .mb-26 {
        margin-bottom: 26px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-26 {
        margin-bottom: 26px !important
    }
}

@media screen and (min-width:993px) {
    .pb-26 {
        padding-bottom: 26px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-26 {
        padding-bottom: 26px !important
    }
}

@media screen and (min-width:993px) {
    .ml-26 {
        margin-left: 26px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-26 {
        margin-left: 26px !important
    }
}

@media screen and (min-width:993px) {
    .pl-26 {
        padding-left: 26px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-26 {
        padding-left: 26px !important
    }
}

@media screen and (min-width:993px) {
    .mr-26 {
        margin-right: 26px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-26 {
        margin-right: 26px !important
    }
}

@media screen and (min-width:993px) {
    .pr-26 {
        padding-right: 26px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-26 {
        padding-right: 26px !important
    }
}

@media screen and (min-width:993px) {
    .mt-28 {
        margin-top: 28px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-28 {
        margin-top: 28px !important
    }
}

@media screen and (min-width:993px) {
    .pt-28 {
        padding-top: 28px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-28 {
        padding-top: 28px !important
    }
}

@media screen and (min-width:993px) {
    .mb-28 {
        margin-bottom: 28px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-28 {
        margin-bottom: 28px !important
    }
}

@media screen and (min-width:993px) {
    .pb-28 {
        padding-bottom: 28px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-28 {
        padding-bottom: 28px !important
    }
}

@media screen and (min-width:993px) {
    .ml-28 {
        margin-left: 28px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-28 {
        margin-left: 28px !important
    }
}

@media screen and (min-width:993px) {
    .pl-28 {
        padding-left: 28px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-28 {
        padding-left: 28px !important
    }
}

@media screen and (min-width:993px) {
    .mr-28 {
        margin-right: 28px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-28 {
        margin-right: 28px !important
    }
}

@media screen and (min-width:993px) {
    .pr-28 {
        padding-right: 28px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-28 {
        padding-right: 28px !important
    }
}

@media screen and (min-width:993px) {
    .mt-30 {
        margin-top: 30px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-30 {
        margin-top: 30px !important
    }
}

@media screen and (min-width:993px) {
    .pt-30 {
        padding-top: 30px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-30 {
        padding-top: 30px !important
    }
}

@media screen and (min-width:993px) {
    .mb-30 {
        margin-bottom: 30px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-30 {
        margin-bottom: 30px !important
    }
}

@media screen and (min-width:993px) {
    .pb-30 {
        padding-bottom: 30px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-30 {
        padding-bottom: 30px !important
    }
}

@media screen and (min-width:993px) {
    .ml-30 {
        margin-left: 30px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-30 {
        margin-left: 30px !important
    }
}

@media screen and (min-width:993px) {
    .pl-30 {
        padding-left: 30px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-30 {
        padding-left: 30px !important
    }
}

@media screen and (min-width:993px) {
    .mr-30 {
        margin-right: 30px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-30 {
        margin-right: 30px !important
    }
}

@media screen and (min-width:993px) {
    .pr-30 {
        padding-right: 30px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-30 {
        padding-right: 30px !important
    }
}

@media screen and (min-width:993px) {
    .mt-32 {
        margin-top: 2pc !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-32 {
        margin-top: 2pc !important
    }
}

@media screen and (min-width:993px) {
    .pt-32 {
        padding-top: 2pc !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-32 {
        padding-top: 2pc !important
    }
}

@media screen and (min-width:993px) {
    .mb-32 {
        margin-bottom: 2pc !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-32 {
        margin-bottom: 2pc !important
    }
}

@media screen and (min-width:993px) {
    .pb-32 {
        padding-bottom: 2pc !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-32 {
        padding-bottom: 2pc !important
    }
}

@media screen and (min-width:993px) {
    .ml-32 {
        margin-left: 2pc !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-32 {
        margin-left: 2pc !important
    }
}

@media screen and (min-width:993px) {
    .pl-32 {
        padding-left: 2pc !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-32 {
        padding-left: 2pc !important
    }
}

@media screen and (min-width:993px) {
    .mr-32 {
        margin-right: 2pc !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-32 {
        margin-right: 2pc !important
    }
}

@media screen and (min-width:993px) {
    .pr-32 {
        padding-right: 2pc !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-32 {
        padding-right: 2pc !important
    }
}

@media screen and (min-width:993px) {
    .mt-34 {
        margin-top: 34px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-34 {
        margin-top: 34px !important
    }
}

@media screen and (min-width:993px) {
    .pt-34 {
        padding-top: 34px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-34 {
        padding-top: 34px !important
    }
}

@media screen and (min-width:993px) {
    .mb-34 {
        margin-bottom: 34px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-34 {
        margin-bottom: 34px !important
    }
}

@media screen and (min-width:993px) {
    .pb-34 {
        padding-bottom: 34px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-34 {
        padding-bottom: 34px !important
    }
}

@media screen and (min-width:993px) {
    .ml-34 {
        margin-left: 34px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-34 {
        margin-left: 34px !important
    }
}

@media screen and (min-width:993px) {
    .pl-34 {
        padding-left: 34px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-34 {
        padding-left: 34px !important
    }
}

@media screen and (min-width:993px) {
    .mr-34 {
        margin-right: 34px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-34 {
        margin-right: 34px !important
    }
}

@media screen and (min-width:993px) {
    .pr-34 {
        padding-right: 34px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-34 {
        padding-right: 34px !important
    }
}

@media screen and (min-width:993px) {
    .mt-36 {
        margin-top: 36px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-36 {
        margin-top: 36px !important
    }
}

@media screen and (min-width:993px) {
    .pt-36 {
        padding-top: 36px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-36 {
        padding-top: 36px !important
    }
}

@media screen and (min-width:993px) {
    .mb-36 {
        margin-bottom: 36px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-36 {
        margin-bottom: 36px !important
    }
}

@media screen and (min-width:993px) {
    .pb-36 {
        padding-bottom: 36px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-36 {
        padding-bottom: 36px !important
    }
}

@media screen and (min-width:993px) {
    .ml-36 {
        margin-left: 36px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-36 {
        margin-left: 36px !important
    }
}

@media screen and (min-width:993px) {
    .pl-36 {
        padding-left: 36px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-36 {
        padding-left: 36px !important
    }
}

@media screen and (min-width:993px) {
    .mr-36 {
        margin-right: 36px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-36 {
        margin-right: 36px !important
    }
}

@media screen and (min-width:993px) {
    .pr-36 {
        padding-right: 36px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-36 {
        padding-right: 36px !important
    }
}

@media screen and (min-width:993px) {
    .mt-38 {
        margin-top: 38px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-38 {
        margin-top: 38px !important
    }
}

@media screen and (min-width:993px) {
    .pt-38 {
        padding-top: 38px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-38 {
        padding-top: 38px !important
    }
}

@media screen and (min-width:993px) {
    .mb-38 {
        margin-bottom: 38px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-38 {
        margin-bottom: 38px !important
    }
}

@media screen and (min-width:993px) {
    .pb-38 {
        padding-bottom: 38px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-38 {
        padding-bottom: 38px !important
    }
}

@media screen and (min-width:993px) {
    .ml-38 {
        margin-left: 38px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-38 {
        margin-left: 38px !important
    }
}

@media screen and (min-width:993px) {
    .pl-38 {
        padding-left: 38px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-38 {
        padding-left: 38px !important
    }
}

@media screen and (min-width:993px) {
    .mr-38 {
        margin-right: 38px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-38 {
        margin-right: 38px !important
    }
}

@media screen and (min-width:993px) {
    .pr-38 {
        padding-right: 38px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-38 {
        padding-right: 38px !important
    }
}

@media screen and (min-width:993px) {
    .mt-40 {
        margin-top: 40px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-40 {
        margin-top: 40px !important
    }
}

@media screen and (min-width:993px) {
    .pt-40 {
        padding-top: 40px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-40 {
        padding-top: 40px !important
    }
}

@media screen and (min-width:993px) {
    .mb-40 {
        margin-bottom: 40px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-40 {
        margin-bottom: 40px !important
    }
}

@media screen and (min-width:993px) {
    .pb-40 {
        padding-bottom: 40px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-40 {
        padding-bottom: 40px !important
    }
}

@media screen and (min-width:993px) {
    .ml-40 {
        margin-left: 40px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-40 {
        margin-left: 40px !important
    }
}

@media screen and (min-width:993px) {
    .pl-40 {
        padding-left: 40px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-40 {
        padding-left: 40px !important
    }
}

@media screen and (min-width:993px) {
    .mr-40 {
        margin-right: 40px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-40 {
        margin-right: 40px !important
    }
}

@media screen and (min-width:993px) {
    .pr-40 {
        padding-right: 40px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-40 {
        padding-right: 40px !important
    }
}

@media screen and (min-width:993px) {
    .mt-42 {
        margin-top: 42px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-42 {
        margin-top: 42px !important
    }
}

@media screen and (min-width:993px) {
    .pt-42 {
        padding-top: 42px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-42 {
        padding-top: 42px !important
    }
}

@media screen and (min-width:993px) {
    .mb-42 {
        margin-bottom: 42px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-42 {
        margin-bottom: 42px !important
    }
}

@media screen and (min-width:993px) {
    .pb-42 {
        padding-bottom: 42px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-42 {
        padding-bottom: 42px !important
    }
}

@media screen and (min-width:993px) {
    .ml-42 {
        margin-left: 42px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-42 {
        margin-left: 42px !important
    }
}

@media screen and (min-width:993px) {
    .pl-42 {
        padding-left: 42px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-42 {
        padding-left: 42px !important
    }
}

@media screen and (min-width:993px) {
    .mr-42 {
        margin-right: 42px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-42 {
        margin-right: 42px !important
    }
}

@media screen and (min-width:993px) {
    .pr-42 {
        padding-right: 42px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-42 {
        padding-right: 42px !important
    }
}

@media screen and (min-width:993px) {
    .mt-44 {
        margin-top: 44px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-44 {
        margin-top: 44px !important
    }
}

@media screen and (min-width:993px) {
    .pt-44 {
        padding-top: 44px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-44 {
        padding-top: 44px !important
    }
}

@media screen and (min-width:993px) {
    .mb-44 {
        margin-bottom: 44px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-44 {
        margin-bottom: 44px !important
    }
}

@media screen and (min-width:993px) {
    .pb-44 {
        padding-bottom: 44px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-44 {
        padding-bottom: 44px !important
    }
}

@media screen and (min-width:993px) {
    .ml-44 {
        margin-left: 44px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-44 {
        margin-left: 44px !important
    }
}

@media screen and (min-width:993px) {
    .pl-44 {
        padding-left: 44px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-44 {
        padding-left: 44px !important
    }
}

@media screen and (min-width:993px) {
    .mr-44 {
        margin-right: 44px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-44 {
        margin-right: 44px !important
    }
}

@media screen and (min-width:993px) {
    .pr-44 {
        padding-right: 44px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-44 {
        padding-right: 44px !important
    }
}

@media screen and (min-width:993px) {
    .mt-46 {
        margin-top: 46px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-46 {
        margin-top: 46px !important
    }
}

@media screen and (min-width:993px) {
    .pt-46 {
        padding-top: 46px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-46 {
        padding-top: 46px !important
    }
}

@media screen and (min-width:993px) {
    .mb-46 {
        margin-bottom: 46px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-46 {
        margin-bottom: 46px !important
    }
}

@media screen and (min-width:993px) {
    .pb-46 {
        padding-bottom: 46px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-46 {
        padding-bottom: 46px !important
    }
}

@media screen and (min-width:993px) {
    .ml-46 {
        margin-left: 46px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-46 {
        margin-left: 46px !important
    }
}

@media screen and (min-width:993px) {
    .pl-46 {
        padding-left: 46px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-46 {
        padding-left: 46px !important
    }
}

@media screen and (min-width:993px) {
    .mr-46 {
        margin-right: 46px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-46 {
        margin-right: 46px !important
    }
}

@media screen and (min-width:993px) {
    .pr-46 {
        padding-right: 46px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-46 {
        padding-right: 46px !important
    }
}

@media screen and (min-width:993px) {
    .mt-48 {
        margin-top: 3pc !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-48 {
        margin-top: 3pc !important
    }
}

@media screen and (min-width:993px) {
    .pt-48 {
        padding-top: 3pc !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-48 {
        padding-top: 3pc !important
    }
}

@media screen and (min-width:993px) {
    .mb-48 {
        margin-bottom: 3pc !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-48 {
        margin-bottom: 3pc !important
    }
}

@media screen and (min-width:993px) {
    .pb-48 {
        padding-bottom: 3pc !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-48 {
        padding-bottom: 3pc !important
    }
}

@media screen and (min-width:993px) {
    .ml-48 {
        margin-left: 3pc !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-48 {
        margin-left: 3pc !important
    }
}

@media screen and (min-width:993px) {
    .pl-48 {
        padding-left: 3pc !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-48 {
        padding-left: 3pc !important
    }
}

@media screen and (min-width:993px) {
    .mr-48 {
        margin-right: 3pc !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-48 {
        margin-right: 3pc !important
    }
}

@media screen and (min-width:993px) {
    .pr-48 {
        padding-right: 3pc !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-48 {
        padding-right: 3pc !important
    }
}

@media screen and (min-width:993px) {
    .mt-50 {
        margin-top: 50px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-50 {
        margin-top: 50px !important
    }
}

@media screen and (min-width:993px) {
    .pt-50 {
        padding-top: 50px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-50 {
        padding-top: 50px !important
    }
}

@media screen and (min-width:993px) {
    .mb-50 {
        margin-bottom: 50px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-50 {
        margin-bottom: 50px !important
    }
}

@media screen and (min-width:993px) {
    .pb-50 {
        padding-bottom: 50px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-50 {
        padding-bottom: 50px !important
    }
}

@media screen and (min-width:993px) {
    .ml-50 {
        margin-left: 50px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-50 {
        margin-left: 50px !important
    }
}

@media screen and (min-width:993px) {
    .pl-50 {
        padding-left: 50px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-50 {
        padding-left: 50px !important
    }
}

@media screen and (min-width:993px) {
    .mr-50 {
        margin-right: 50px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-50 {
        margin-right: 50px !important
    }
}

@media screen and (min-width:993px) {
    .pr-50 {
        padding-right: 50px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-50 {
        padding-right: 50px !important
    }
}

@media screen and (min-width:993px) {
    .mt-52 {
        margin-top: 52px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-52 {
        margin-top: 52px !important
    }
}

@media screen and (min-width:993px) {
    .pt-52 {
        padding-top: 52px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-52 {
        padding-top: 52px !important
    }
}

@media screen and (min-width:993px) {
    .mb-52 {
        margin-bottom: 52px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-52 {
        margin-bottom: 52px !important
    }
}

@media screen and (min-width:993px) {
    .pb-52 {
        padding-bottom: 52px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-52 {
        padding-bottom: 52px !important
    }
}

@media screen and (min-width:993px) {
    .ml-52 {
        margin-left: 52px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-52 {
        margin-left: 52px !important
    }
}

@media screen and (min-width:993px) {
    .pl-52 {
        padding-left: 52px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-52 {
        padding-left: 52px !important
    }
}

@media screen and (min-width:993px) {
    .mr-52 {
        margin-right: 52px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-52 {
        margin-right: 52px !important
    }
}

@media screen and (min-width:993px) {
    .pr-52 {
        padding-right: 52px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-52 {
        padding-right: 52px !important
    }
}

@media screen and (min-width:993px) {
    .mt-54 {
        margin-top: 54px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-54 {
        margin-top: 54px !important
    }
}

@media screen and (min-width:993px) {
    .pt-54 {
        padding-top: 54px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-54 {
        padding-top: 54px !important
    }
}

@media screen and (min-width:993px) {
    .mb-54 {
        margin-bottom: 54px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-54 {
        margin-bottom: 54px !important
    }
}

@media screen and (min-width:993px) {
    .pb-54 {
        padding-bottom: 54px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-54 {
        padding-bottom: 54px !important
    }
}

@media screen and (min-width:993px) {
    .ml-54 {
        margin-left: 54px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-54 {
        margin-left: 54px !important
    }
}

@media screen and (min-width:993px) {
    .pl-54 {
        padding-left: 54px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-54 {
        padding-left: 54px !important
    }
}

@media screen and (min-width:993px) {
    .mr-54 {
        margin-right: 54px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-54 {
        margin-right: 54px !important
    }
}

@media screen and (min-width:993px) {
    .pr-54 {
        padding-right: 54px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-54 {
        padding-right: 54px !important
    }
}

@media screen and (min-width:993px) {
    .mt-56 {
        margin-top: 56px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-56 {
        margin-top: 56px !important
    }
}

@media screen and (min-width:993px) {
    .pt-56 {
        padding-top: 56px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-56 {
        padding-top: 56px !important
    }
}

@media screen and (min-width:993px) {
    .mb-56 {
        margin-bottom: 56px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-56 {
        margin-bottom: 56px !important
    }
}

@media screen and (min-width:993px) {
    .pb-56 {
        padding-bottom: 56px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-56 {
        padding-bottom: 56px !important
    }
}

@media screen and (min-width:993px) {
    .ml-56 {
        margin-left: 56px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-56 {
        margin-left: 56px !important
    }
}

@media screen and (min-width:993px) {
    .pl-56 {
        padding-left: 56px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-56 {
        padding-left: 56px !important
    }
}

@media screen and (min-width:993px) {
    .mr-56 {
        margin-right: 56px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-56 {
        margin-right: 56px !important
    }
}

@media screen and (min-width:993px) {
    .pr-56 {
        padding-right: 56px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-56 {
        padding-right: 56px !important
    }
}

@media screen and (min-width:993px) {
    .mt-58 {
        margin-top: 58px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-58 {
        margin-top: 58px !important
    }
}

@media screen and (min-width:993px) {
    .pt-58 {
        padding-top: 58px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-58 {
        padding-top: 58px !important
    }
}

@media screen and (min-width:993px) {
    .mb-58 {
        margin-bottom: 58px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-58 {
        margin-bottom: 58px !important
    }
}

@media screen and (min-width:993px) {
    .pb-58 {
        padding-bottom: 58px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-58 {
        padding-bottom: 58px !important
    }
}

@media screen and (min-width:993px) {
    .ml-58 {
        margin-left: 58px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-58 {
        margin-left: 58px !important
    }
}

@media screen and (min-width:993px) {
    .pl-58 {
        padding-left: 58px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-58 {
        padding-left: 58px !important
    }
}

@media screen and (min-width:993px) {
    .mr-58 {
        margin-right: 58px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-58 {
        margin-right: 58px !important
    }
}

@media screen and (min-width:993px) {
    .pr-58 {
        padding-right: 58px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-58 {
        padding-right: 58px !important
    }
}

@media screen and (min-width:993px) {
    .mt-60 {
        margin-top: 60px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-60 {
        margin-top: 60px !important
    }
}

@media screen and (min-width:993px) {
    .pt-60 {
        padding-top: 60px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-60 {
        padding-top: 60px !important
    }
}

@media screen and (min-width:993px) {
    .mb-60 {
        margin-bottom: 60px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-60 {
        margin-bottom: 60px !important
    }
}

@media screen and (min-width:993px) {
    .pb-60 {
        padding-bottom: 60px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-60 {
        padding-bottom: 60px !important
    }
}

@media screen and (min-width:993px) {
    .ml-60 {
        margin-left: 60px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-60 {
        margin-left: 60px !important
    }
}

@media screen and (min-width:993px) {
    .pl-60 {
        padding-left: 60px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-60 {
        padding-left: 60px !important
    }
}

@media screen and (min-width:993px) {
    .mr-60 {
        margin-right: 60px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-60 {
        margin-right: 60px !important
    }
}

@media screen and (min-width:993px) {
    .pr-60 {
        padding-right: 60px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-60 {
        padding-right: 60px !important
    }
}

@media screen and (min-width:993px) {
    .mt-62 {
        margin-top: 62px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-62 {
        margin-top: 62px !important
    }
}

@media screen and (min-width:993px) {
    .pt-62 {
        padding-top: 62px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-62 {
        padding-top: 62px !important
    }
}

@media screen and (min-width:993px) {
    .mb-62 {
        margin-bottom: 62px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-62 {
        margin-bottom: 62px !important
    }
}

@media screen and (min-width:993px) {
    .pb-62 {
        padding-bottom: 62px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-62 {
        padding-bottom: 62px !important
    }
}

@media screen and (min-width:993px) {
    .ml-62 {
        margin-left: 62px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-62 {
        margin-left: 62px !important
    }
}

@media screen and (min-width:993px) {
    .pl-62 {
        padding-left: 62px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-62 {
        padding-left: 62px !important
    }
}

@media screen and (min-width:993px) {
    .mr-62 {
        margin-right: 62px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-62 {
        margin-right: 62px !important
    }
}

@media screen and (min-width:993px) {
    .pr-62 {
        padding-right: 62px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-62 {
        padding-right: 62px !important
    }
}

@media screen and (min-width:993px) {
    .mt-64 {
        margin-top: 4pc !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-64 {
        margin-top: 4pc !important
    }
}

@media screen and (min-width:993px) {
    .pt-64 {
        padding-top: 4pc !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-64 {
        padding-top: 4pc !important
    }
}

@media screen and (min-width:993px) {
    .mb-64 {
        margin-bottom: 4pc !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-64 {
        margin-bottom: 4pc !important
    }
}

@media screen and (min-width:993px) {
    .pb-64 {
        padding-bottom: 4pc !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-64 {
        padding-bottom: 4pc !important
    }
}

@media screen and (min-width:993px) {
    .ml-64 {
        margin-left: 4pc !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-64 {
        margin-left: 4pc !important
    }
}

@media screen and (min-width:993px) {
    .pl-64 {
        padding-left: 4pc !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-64 {
        padding-left: 4pc !important
    }
}

@media screen and (min-width:993px) {
    .mr-64 {
        margin-right: 4pc !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-64 {
        margin-right: 4pc !important
    }
}

@media screen and (min-width:993px) {
    .pr-64 {
        padding-right: 4pc !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-64 {
        padding-right: 4pc !important
    }
}

@media screen and (min-width:993px) {
    .mt-66 {
        margin-top: 66px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-66 {
        margin-top: 66px !important
    }
}

@media screen and (min-width:993px) {
    .pt-66 {
        padding-top: 66px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-66 {
        padding-top: 66px !important
    }
}

@media screen and (min-width:993px) {
    .mb-66 {
        margin-bottom: 66px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-66 {
        margin-bottom: 66px !important
    }
}

@media screen and (min-width:993px) {
    .pb-66 {
        padding-bottom: 66px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-66 {
        padding-bottom: 66px !important
    }
}

@media screen and (min-width:993px) {
    .ml-66 {
        margin-left: 66px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-66 {
        margin-left: 66px !important
    }
}

@media screen and (min-width:993px) {
    .pl-66 {
        padding-left: 66px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-66 {
        padding-left: 66px !important
    }
}

@media screen and (min-width:993px) {
    .mr-66 {
        margin-right: 66px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-66 {
        margin-right: 66px !important
    }
}

@media screen and (min-width:993px) {
    .pr-66 {
        padding-right: 66px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-66 {
        padding-right: 66px !important
    }
}

@media screen and (min-width:993px) {
    .mt-68 {
        margin-top: 68px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-68 {
        margin-top: 68px !important
    }
}

@media screen and (min-width:993px) {
    .pt-68 {
        padding-top: 68px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-68 {
        padding-top: 68px !important
    }
}

@media screen and (min-width:993px) {
    .mb-68 {
        margin-bottom: 68px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-68 {
        margin-bottom: 68px !important
    }
}

@media screen and (min-width:993px) {
    .pb-68 {
        padding-bottom: 68px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-68 {
        padding-bottom: 68px !important
    }
}

@media screen and (min-width:993px) {
    .ml-68 {
        margin-left: 68px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-68 {
        margin-left: 68px !important
    }
}

@media screen and (min-width:993px) {
    .pl-68 {
        padding-left: 68px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-68 {
        padding-left: 68px !important
    }
}

@media screen and (min-width:993px) {
    .mr-68 {
        margin-right: 68px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-68 {
        margin-right: 68px !important
    }
}

@media screen and (min-width:993px) {
    .pr-68 {
        padding-right: 68px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-68 {
        padding-right: 68px !important
    }
}

@media screen and (min-width:993px) {
    .mt-70 {
        margin-top: 70px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-70 {
        margin-top: 70px !important
    }
}

@media screen and (min-width:993px) {
    .pt-70 {
        padding-top: 70px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-70 {
        padding-top: 70px !important
    }
}

@media screen and (min-width:993px) {
    .mb-70 {
        margin-bottom: 70px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-70 {
        margin-bottom: 70px !important
    }
}

@media screen and (min-width:993px) {
    .pb-70 {
        padding-bottom: 70px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-70 {
        padding-bottom: 70px !important
    }
}

@media screen and (min-width:993px) {
    .ml-70 {
        margin-left: 70px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-70 {
        margin-left: 70px !important
    }
}

@media screen and (min-width:993px) {
    .pl-70 {
        padding-left: 70px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-70 {
        padding-left: 70px !important
    }
}

@media screen and (min-width:993px) {
    .mr-70 {
        margin-right: 70px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-70 {
        margin-right: 70px !important
    }
}

@media screen and (min-width:993px) {
    .pr-70 {
        padding-right: 70px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-70 {
        padding-right: 70px !important
    }
}

@media screen and (min-width:993px) {
    .mt-72 {
        margin-top: 72px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-72 {
        margin-top: 72px !important
    }
}

@media screen and (min-width:993px) {
    .pt-72 {
        padding-top: 72px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-72 {
        padding-top: 72px !important
    }
}

@media screen and (min-width:993px) {
    .mb-72 {
        margin-bottom: 72px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-72 {
        margin-bottom: 72px !important
    }
}

@media screen and (min-width:993px) {
    .pb-72 {
        padding-bottom: 72px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-72 {
        padding-bottom: 72px !important
    }
}

@media screen and (min-width:993px) {
    .ml-72 {
        margin-left: 72px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-72 {
        margin-left: 72px !important
    }
}

@media screen and (min-width:993px) {
    .pl-72 {
        padding-left: 72px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-72 {
        padding-left: 72px !important
    }
}

@media screen and (min-width:993px) {
    .mr-72 {
        margin-right: 72px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-72 {
        margin-right: 72px !important
    }
}

@media screen and (min-width:993px) {
    .pr-72 {
        padding-right: 72px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-72 {
        padding-right: 72px !important
    }
}

@media screen and (min-width:993px) {
    .mt-74 {
        margin-top: 74px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-74 {
        margin-top: 74px !important
    }
}

@media screen and (min-width:993px) {
    .pt-74 {
        padding-top: 74px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-74 {
        padding-top: 74px !important
    }
}

@media screen and (min-width:993px) {
    .mb-74 {
        margin-bottom: 74px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-74 {
        margin-bottom: 74px !important
    }
}

@media screen and (min-width:993px) {
    .pb-74 {
        padding-bottom: 74px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-74 {
        padding-bottom: 74px !important
    }
}

@media screen and (min-width:993px) {
    .ml-74 {
        margin-left: 74px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-74 {
        margin-left: 74px !important
    }
}

@media screen and (min-width:993px) {
    .pl-74 {
        padding-left: 74px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-74 {
        padding-left: 74px !important
    }
}

@media screen and (min-width:993px) {
    .mr-74 {
        margin-right: 74px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-74 {
        margin-right: 74px !important
    }
}

@media screen and (min-width:993px) {
    .pr-74 {
        padding-right: 74px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-74 {
        padding-right: 74px !important
    }
}

@media screen and (min-width:993px) {
    .mt-76 {
        margin-top: 76px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-76 {
        margin-top: 76px !important
    }
}

@media screen and (min-width:993px) {
    .pt-76 {
        padding-top: 76px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-76 {
        padding-top: 76px !important
    }
}

@media screen and (min-width:993px) {
    .mb-76 {
        margin-bottom: 76px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-76 {
        margin-bottom: 76px !important
    }
}

@media screen and (min-width:993px) {
    .pb-76 {
        padding-bottom: 76px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-76 {
        padding-bottom: 76px !important
    }
}

@media screen and (min-width:993px) {
    .ml-76 {
        margin-left: 76px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-76 {
        margin-left: 76px !important
    }
}

@media screen and (min-width:993px) {
    .pl-76 {
        padding-left: 76px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-76 {
        padding-left: 76px !important
    }
}

@media screen and (min-width:993px) {
    .mr-76 {
        margin-right: 76px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-76 {
        margin-right: 76px !important
    }
}

@media screen and (min-width:993px) {
    .pr-76 {
        padding-right: 76px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-76 {
        padding-right: 76px !important
    }
}

@media screen and (min-width:993px) {
    .mt-78 {
        margin-top: 78px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-78 {
        margin-top: 78px !important
    }
}

@media screen and (min-width:993px) {
    .pt-78 {
        padding-top: 78px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-78 {
        padding-top: 78px !important
    }
}

@media screen and (min-width:993px) {
    .mb-78 {
        margin-bottom: 78px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-78 {
        margin-bottom: 78px !important
    }
}

@media screen and (min-width:993px) {
    .pb-78 {
        padding-bottom: 78px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-78 {
        padding-bottom: 78px !important
    }
}

@media screen and (min-width:993px) {
    .ml-78 {
        margin-left: 78px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-78 {
        margin-left: 78px !important
    }
}

@media screen and (min-width:993px) {
    .pl-78 {
        padding-left: 78px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-78 {
        padding-left: 78px !important
    }
}

@media screen and (min-width:993px) {
    .mr-78 {
        margin-right: 78px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-78 {
        margin-right: 78px !important
    }
}

@media screen and (min-width:993px) {
    .pr-78 {
        padding-right: 78px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-78 {
        padding-right: 78px !important
    }
}

@media screen and (min-width:993px) {
    .mt-80 {
        margin-top: 5pc !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-80 {
        margin-top: 5pc !important
    }
}

@media screen and (min-width:993px) {
    .pt-80 {
        padding-top: 5pc !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-80 {
        padding-top: 5pc !important
    }
}

@media screen and (min-width:993px) {
    .mb-80 {
        margin-bottom: 5pc !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-80 {
        margin-bottom: 5pc !important
    }
}

@media screen and (min-width:993px) {
    .pb-80 {
        padding-bottom: 5pc !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-80 {
        padding-bottom: 5pc !important
    }
}

@media screen and (min-width:993px) {
    .ml-80 {
        margin-left: 5pc !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-80 {
        margin-left: 5pc !important
    }
}

@media screen and (min-width:993px) {
    .pl-80 {
        padding-left: 5pc !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-80 {
        padding-left: 5pc !important
    }
}

@media screen and (min-width:993px) {
    .mr-80 {
        margin-right: 5pc !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-80 {
        margin-right: 5pc !important
    }
}

@media screen and (min-width:993px) {
    .pr-80 {
        padding-right: 5pc !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-80 {
        padding-right: 5pc !important
    }
}

@media screen and (min-width:993px) {
    .mt-82 {
        margin-top: 82px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-82 {
        margin-top: 82px !important
    }
}

@media screen and (min-width:993px) {
    .pt-82 {
        padding-top: 82px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-82 {
        padding-top: 82px !important
    }
}

@media screen and (min-width:993px) {
    .mb-82 {
        margin-bottom: 82px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-82 {
        margin-bottom: 82px !important
    }
}

@media screen and (min-width:993px) {
    .pb-82 {
        padding-bottom: 82px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-82 {
        padding-bottom: 82px !important
    }
}

@media screen and (min-width:993px) {
    .ml-82 {
        margin-left: 82px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-82 {
        margin-left: 82px !important
    }
}

@media screen and (min-width:993px) {
    .pl-82 {
        padding-left: 82px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-82 {
        padding-left: 82px !important
    }
}

@media screen and (min-width:993px) {
    .mr-82 {
        margin-right: 82px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-82 {
        margin-right: 82px !important
    }
}

@media screen and (min-width:993px) {
    .pr-82 {
        padding-right: 82px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-82 {
        padding-right: 82px !important
    }
}

@media screen and (min-width:993px) {
    .mt-84 {
        margin-top: 84px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-84 {
        margin-top: 84px !important
    }
}

@media screen and (min-width:993px) {
    .pt-84 {
        padding-top: 84px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-84 {
        padding-top: 84px !important
    }
}

@media screen and (min-width:993px) {
    .mb-84 {
        margin-bottom: 84px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-84 {
        margin-bottom: 84px !important
    }
}

@media screen and (min-width:993px) {
    .pb-84 {
        padding-bottom: 84px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-84 {
        padding-bottom: 84px !important
    }
}

@media screen and (min-width:993px) {
    .ml-84 {
        margin-left: 84px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-84 {
        margin-left: 84px !important
    }
}

@media screen and (min-width:993px) {
    .pl-84 {
        padding-left: 84px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-84 {
        padding-left: 84px !important
    }
}

@media screen and (min-width:993px) {
    .mr-84 {
        margin-right: 84px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-84 {
        margin-right: 84px !important
    }
}

@media screen and (min-width:993px) {
    .pr-84 {
        padding-right: 84px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-84 {
        padding-right: 84px !important
    }
}

@media screen and (min-width:993px) {
    .mt-86 {
        margin-top: 86px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-86 {
        margin-top: 86px !important
    }
}

@media screen and (min-width:993px) {
    .pt-86 {
        padding-top: 86px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-86 {
        padding-top: 86px !important
    }
}

@media screen and (min-width:993px) {
    .mb-86 {
        margin-bottom: 86px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-86 {
        margin-bottom: 86px !important
    }
}

@media screen and (min-width:993px) {
    .pb-86 {
        padding-bottom: 86px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-86 {
        padding-bottom: 86px !important
    }
}

@media screen and (min-width:993px) {
    .ml-86 {
        margin-left: 86px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-86 {
        margin-left: 86px !important
    }
}

@media screen and (min-width:993px) {
    .pl-86 {
        padding-left: 86px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-86 {
        padding-left: 86px !important
    }
}

@media screen and (min-width:993px) {
    .mr-86 {
        margin-right: 86px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-86 {
        margin-right: 86px !important
    }
}

@media screen and (min-width:993px) {
    .pr-86 {
        padding-right: 86px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-86 {
        padding-right: 86px !important
    }
}

@media screen and (min-width:993px) {
    .mt-88 {
        margin-top: 88px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-88 {
        margin-top: 88px !important
    }
}

@media screen and (min-width:993px) {
    .pt-88 {
        padding-top: 88px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-88 {
        padding-top: 88px !important
    }
}

@media screen and (min-width:993px) {
    .mb-88 {
        margin-bottom: 88px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-88 {
        margin-bottom: 88px !important
    }
}

@media screen and (min-width:993px) {
    .pb-88 {
        padding-bottom: 88px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-88 {
        padding-bottom: 88px !important
    }
}

@media screen and (min-width:993px) {
    .ml-88 {
        margin-left: 88px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-88 {
        margin-left: 88px !important
    }
}

@media screen and (min-width:993px) {
    .pl-88 {
        padding-left: 88px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-88 {
        padding-left: 88px !important
    }
}

@media screen and (min-width:993px) {
    .mr-88 {
        margin-right: 88px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-88 {
        margin-right: 88px !important
    }
}

@media screen and (min-width:993px) {
    .pr-88 {
        padding-right: 88px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-88 {
        padding-right: 88px !important
    }
}

@media screen and (min-width:993px) {
    .mt-90 {
        margin-top: 90px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-90 {
        margin-top: 90px !important
    }
}

@media screen and (min-width:993px) {
    .pt-90 {
        padding-top: 90px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-90 {
        padding-top: 90px !important
    }
}

@media screen and (min-width:993px) {
    .mb-90 {
        margin-bottom: 90px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-90 {
        margin-bottom: 90px !important
    }
}

@media screen and (min-width:993px) {
    .pb-90 {
        padding-bottom: 90px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-90 {
        padding-bottom: 90px !important
    }
}

@media screen and (min-width:993px) {
    .ml-90 {
        margin-left: 90px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-90 {
        margin-left: 90px !important
    }
}

@media screen and (min-width:993px) {
    .pl-90 {
        padding-left: 90px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-90 {
        padding-left: 90px !important
    }
}

@media screen and (min-width:993px) {
    .mr-90 {
        margin-right: 90px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-90 {
        margin-right: 90px !important
    }
}

@media screen and (min-width:993px) {
    .pr-90 {
        padding-right: 90px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-90 {
        padding-right: 90px !important
    }
}

@media screen and (min-width:993px) {
    .mt-92 {
        margin-top: 92px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-92 {
        margin-top: 92px !important
    }
}

@media screen and (min-width:993px) {
    .pt-92 {
        padding-top: 92px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-92 {
        padding-top: 92px !important
    }
}

@media screen and (min-width:993px) {
    .mb-92 {
        margin-bottom: 92px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-92 {
        margin-bottom: 92px !important
    }
}

@media screen and (min-width:993px) {
    .pb-92 {
        padding-bottom: 92px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-92 {
        padding-bottom: 92px !important
    }
}

@media screen and (min-width:993px) {
    .ml-92 {
        margin-left: 92px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-92 {
        margin-left: 92px !important
    }
}

@media screen and (min-width:993px) {
    .pl-92 {
        padding-left: 92px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-92 {
        padding-left: 92px !important
    }
}

@media screen and (min-width:993px) {
    .mr-92 {
        margin-right: 92px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-92 {
        margin-right: 92px !important
    }
}

@media screen and (min-width:993px) {
    .pr-92 {
        padding-right: 92px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-92 {
        padding-right: 92px !important
    }
}

@media screen and (min-width:993px) {
    .mt-94 {
        margin-top: 94px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-94 {
        margin-top: 94px !important
    }
}

@media screen and (min-width:993px) {
    .pt-94 {
        padding-top: 94px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-94 {
        padding-top: 94px !important
    }
}

@media screen and (min-width:993px) {
    .mb-94 {
        margin-bottom: 94px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-94 {
        margin-bottom: 94px !important
    }
}

@media screen and (min-width:993px) {
    .pb-94 {
        padding-bottom: 94px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-94 {
        padding-bottom: 94px !important
    }
}

@media screen and (min-width:993px) {
    .ml-94 {
        margin-left: 94px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-94 {
        margin-left: 94px !important
    }
}

@media screen and (min-width:993px) {
    .pl-94 {
        padding-left: 94px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-94 {
        padding-left: 94px !important
    }
}

@media screen and (min-width:993px) {
    .mr-94 {
        margin-right: 94px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-94 {
        margin-right: 94px !important
    }
}

@media screen and (min-width:993px) {
    .pr-94 {
        padding-right: 94px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-94 {
        padding-right: 94px !important
    }
}

@media screen and (min-width:993px) {
    .mt-96 {
        margin-top: 6pc !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-96 {
        margin-top: 6pc !important
    }
}

@media screen and (min-width:993px) {
    .pt-96 {
        padding-top: 6pc !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-96 {
        padding-top: 6pc !important
    }
}

@media screen and (min-width:993px) {
    .mb-96 {
        margin-bottom: 6pc !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-96 {
        margin-bottom: 6pc !important
    }
}

@media screen and (min-width:993px) {
    .pb-96 {
        padding-bottom: 6pc !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-96 {
        padding-bottom: 6pc !important
    }
}

@media screen and (min-width:993px) {
    .ml-96 {
        margin-left: 6pc !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-96 {
        margin-left: 6pc !important
    }
}

@media screen and (min-width:993px) {
    .pl-96 {
        padding-left: 6pc !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-96 {
        padding-left: 6pc !important
    }
}

@media screen and (min-width:993px) {
    .mr-96 {
        margin-right: 6pc !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-96 {
        margin-right: 6pc !important
    }
}

@media screen and (min-width:993px) {
    .pr-96 {
        padding-right: 6pc !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-96 {
        padding-right: 6pc !important
    }
}

@media screen and (min-width:993px) {
    .mt-98 {
        margin-top: 98px !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-98 {
        margin-top: 98px !important
    }
}

@media screen and (min-width:993px) {
    .pt-98 {
        padding-top: 98px !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-98 {
        padding-top: 98px !important
    }
}

@media screen and (min-width:993px) {
    .mb-98 {
        margin-bottom: 98px !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-98 {
        margin-bottom: 98px !important
    }
}

@media screen and (min-width:993px) {
    .pb-98 {
        padding-bottom: 98px !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-98 {
        padding-bottom: 98px !important
    }
}

@media screen and (min-width:993px) {
    .ml-98 {
        margin-left: 98px !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-98 {
        margin-left: 98px !important
    }
}

@media screen and (min-width:993px) {
    .pl-98 {
        padding-left: 98px !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-98 {
        padding-left: 98px !important
    }
}

@media screen and (min-width:993px) {
    .mr-98 {
        margin-right: 98px !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-98 {
        margin-right: 98px !important
    }
}

@media screen and (min-width:993px) {
    .pr-98 {
        padding-right: 98px !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-98 {
        padding-right: 98px !important
    }
}

@media screen and (min-width:993px) {
    .mt-100 {
        margin-top: 75pt !important
    }
}

@media screen and (max-width:992px) {
    .mt-mob-100 {
        margin-top: 75pt !important
    }
}

@media screen and (min-width:993px) {
    .pt-100 {
        padding-top: 75pt !important
    }
}

@media screen and (max-width:992px) {
    .pt-mob-100 {
        padding-top: 75pt !important
    }
}

@media screen and (min-width:993px) {
    .mb-100 {
        margin-bottom: 75pt !important
    }
}

@media screen and (max-width:992px) {
    .mb-mob-100 {
        margin-bottom: 75pt !important
    }
}

@media screen and (min-width:993px) {
    .pb-100 {
        padding-bottom: 75pt !important
    }
}

@media screen and (max-width:992px) {
    .pb-mob-100 {
        padding-bottom: 75pt !important
    }
}

@media screen and (min-width:993px) {
    .ml-100 {
        margin-left: 75pt !important
    }
}

@media screen and (max-width:992px) {
    .ml-mob-100 {
        margin-left: 75pt !important
    }
}

@media screen and (min-width:993px) {
    .pl-100 {
        padding-left: 75pt !important
    }
}

@media screen and (max-width:992px) {
    .pl-mob-100 {
        padding-left: 75pt !important
    }
}

@media screen and (min-width:993px) {
    .mr-100 {
        margin-right: 75pt !important
    }
}

@media screen and (max-width:992px) {
    .mr-mob-100 {
        margin-right: 75pt !important
    }
}

@media screen and (min-width:993px) {
    .pr-100 {
        padding-right: 75pt !important
    }
}

@media screen and (max-width:992px) {
    .pr-mob-100 {
        padding-right: 75pt !important
    }
}

main.container:not(:has(.wrapper-main1)) {
    background: var(--pampas);
    border-radius: 0 0 24px 24px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
    z-index: 10
}

.icon-arrow-down-circle:before, .icon-arrow-up-circle:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: rem(5);
    height: 20px;
    justify-content: center;
    width: 20px
}

.icon-close:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-minicart:before {
    content: ""
}

.icon-promo:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-wishlist:before {
    content: ""
}

.icon-inci:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-arrow-left:before {
    content: "";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-arrow-right:before {
    content: ""
}

.icon-hamburger:before {
    content: ""
}

.icon-arrow-down-circle:before, .icon-arrow-down:before, .icon-arrow-up:before {
    content: ""
}

.icon-arrow-up-circle:before {
    content: ""
}

.icon-email:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.icon-whatsapp:before {
    content: ""
}

.cmp-breadcrumb__item--active {
    color: #1a5632
}

button {
    border: 0;
    cursor: pointer
}

div.cmp-carousel__item {
    height: 100%
}

.cmp-helloworld__item-label {
    margin-bottom: 0
}

.cmp-helloworld__item-output {
    margin-top: 0
}

.cmp-navigation__item--level-0:hover > .cmp-navigation__group {
    background: #ececec
}

.desk-footer {
    margin-top: -20px !important
}

    .desk-footer .group-1625 {
        padding-bottom: 50px;
        padding-top: 105px
    }

.containerAccedi {
    background-color: #f2f2ee;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 40px;
    padding-top: 5pc;
    width: 100%;
    z-index: 1
}

.accediGroup1 {
    width: 50%
}

.buttonclassic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

.contenitoreCampiAccesso .buttonclassic span {
    color: #fff
}

input.buttonclassic {
    margin-top: 1pc
}

.CampiAccesso22 {
    width: 100%
}

.accediGroup2 {
    margin: 0 auto;
    width: 65%
}

    .accediGroup2 button {
        cursor: pointer
    }

button.buttonclassic {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #1a5632;
    border: 0;
    border-radius: 24px;
    color: #fffde5;
    justify-content: center;
    margin-bottom: 3pc;
    padding: 9pt 20px;
    width: 100%
}

input.buttonclassic {
    border: 1px solid #e8e8de;
    border-radius: 9pt;
    padding: 9pt 20px
}

.title-accedi {
    font-size: 2pc;
    font-weight: 400;
    margin-bottom: 1pc
}

.subtitle-accedi {
    font-size: 1pc
}

.testo-accedi {
    margin-top: 24px
}

.error-login {
    background-color: #f5e9f4;
    height: auto;
    margin: 20px 0;
    padding: 20px;
    width: 100%
}

.recupero-accedi {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-direction: row;
    flex-direction: row
}

.recupero-accedi, .social-access {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.social-access {
    margin-top: 24px;
    width: 100%
}

.container-socialacces {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 9pt;
    color: #414d45;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    gap: 5px;
    justify-content: center;
    margin: 0;
    padding: 9pt 1pc;
    text-align: center;
    text-transform: uppercase;
    width: 49%
}

.icn-social-access {
    height: 20px;
    width: 20px
}

.container-itemRegistrati {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2pc;
    margin-top: 1pc
}

.icn-reg-access {
    height: 2pc;
    width: 2pc
}

.title-reg-1 {
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 8px
}

.title-txt-1 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.cont-input-img {
    position: relative
}

.icn-mail-psw-access {
    height: 22px;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 22px
}

@media screen and (max-width:992px) {
    .containerAccedi {
        padding-bottom: 0
    }

    .desk-footer {
        margin-top: -20px !important
    }

        .desk-footer .group-1625 {
            padding-bottom: 20px;
            padding-top: 60px
        }

    .containerAccedi button.buttonclassic {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px
    }

    .containerAccedi .subtitle-accedi {
        margin-bottom: 20px;
        margin-top: 1pc
    }

    .containerAccedi {
        display: block;
        padding-top: 40px
    }

    .accediGroup1 {
        width: 100%
    }

    .accediGroup2 {
        padding: 9pt;
        width: 100%
    }

    .title-accedi {
        font-size: 24px
    }

    .ricorda-cred-box-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.ricorda-cred-box, .ricorda-cred-box-1 {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ricorda-cred-box-1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

#showEyes {
    display: none
}

.containerReg-success .titlemain-plp {
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 500
}

.containerReg-success .subtitle-accedi {
    padding-top: 8px
}

.buttonclassic > button {
    background: transparent;
    border: 0;
    color: #fff
}

.account-main {
    background: #fff;
    border-radius: .75rem;
    color: #414d45;
    padding: 1.25rem
}

@media screen and (min-width:992px) {
    .account-main {
        padding: 1.5rem
    }
}

.account-main__title {
    font-size: 1.25rem;
    font-weight: 500
}

.account-main__divider {
    border: none;
    border-top: 1px solid #d5d5d5;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
}

@media screen and (min-width:992px) {
    .account-main__divider {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }
}

.page_articleDetail .contenitoredetail {
    margin: 0 auto;
    width: 66%
}

.page_articleDetail .detailMainTitle_1 {
    color: #1a5632;
    font-family: Gupter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 44px;
    margin-bottom: 3pc;
    margin-top: 4pc
}

.page_articleDetail .detailTxt_11 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 2pc
}

.page_articleDetail .detailSecondTitle_1 {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 2pc;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 24px;
    margin-top: 3pc
}

.imageDetail-22 {
    margin-bottom: 3pc;
    margin-top: 3pc;
    width: 100%
}

.imgDetail {
    width: 100%
}

.detailElenco-33 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 2pc;
    list-style: disc;
    padding: 24px
}

.detailElenco-44 {
    margin-bottom: 24px;
    margin-top: 24px
}

.page_articleDetail .spazio-testo {
    width: 100%
}

.page_articleDetail .Allineamento-testo {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.shareContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.greenTitle {
    background: var(--primari-avorio,#fffde5) !important;
    color: var(--primari-verde-carli,#1a5632) !important
}

@media screen and (max-width:992px) {
    .page_articleDetail .contenitoredetail {
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }

    .page_articleDetail .detailTxt_11 {
        font-size: 1pc
    }
}

.page_articleList .nome-empori {
    color: #fff;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 2pc
}

.page_articleList .sectionText_article {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 24px
}

.page_articleList .emporicontainer {
    background-color: #e8e8de;
    margin-bottom: 0;
    padding-top: 60px
}

.page_articleList .ContainerEmpori {
    background-color: #e8e8de;
    padding-bottom: 60px
}

.page_articleList .contenitorePaginazione1 {
    margin-bottom: 5pc
}

.backToList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    gap: 8px;
    justify-content: center
}

@media screen and (max-width:992px) {
    .groupCard_descrizione1, .page_articleList .groupCard_descrizione2 {
        width: 100%
    }
}

.o2-o {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9pt;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-left: 24px;
    padding: 0 24px 0 0;
    width: 100%
}

    .o2-o.centered {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.frame-1559.centermode {
    width: 25%
}

.cq-Editable-dom .o2-o .cmp-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.frame-1559 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--desert-storm);
    border-radius: 9pt;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 60px;
    width: 24%
}

.frame-1558, .frame-1559 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.frame-1558 {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.icon-car {
    height: 36px;
    min-width: 69.8px
}

.frame-1557 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.dmsans-medium-everglade-12px, .dmsans-medium-everglade-16px {
    color: var(--everglade);
    font-style: normal;
    font-weight: 500
}

.dmsans-medium-everglade-12px {
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-s)
}

.address, .con-pay-pal-e-amazon-pay, .fino-a-90-giorni, .su-tutti-gli-ordini {
    font-weight: 400;
    letter-spacing: .24px;
    line-height: 9pt;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.container-loghi > img {
    border-radius: 0 !important
}

.frame-1562 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--desert-storm);
    border-radius: 9pt;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding: 40px 90px;
    width: 100%
}

.frame-1561, .frame-1562 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.frame-1561 {
    gap: 20px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.frame {
    height: 100%;
    margin-right: 20px;
    max-width: 50px
}

.frame-15 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.frame-15, .frame-1564 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.frame-1564 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--desert-storm);
    border-radius: 9pt;
    gap: 10px;
    justify-content: center;
    padding: 40px 57px;
    width: 100%
}

.frame-1556 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.frame-1 {
    height: 40px;
    min-width: 59.97px
}

.frame-1508 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--desert-storm);
    border-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding: 40px 67px;
    width: 100%
}

.group-1505 {
    height: 40px;
    min-width: 204.73px
}

.frame-2 {
    height: 40px;
    min-width: 74.73px
}

.button__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .button__container.align-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .button__container.align-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .button__container.align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .button__container button.cmp-button-new {
        background-color: var(--everglade);
        border-radius: 2pc;
        color: #fffde5;
        font-family: DM Sans;
        font-size: 1pc;
        font-weight: 500;
        line-height: 1pc;
        padding: 9pt 20px
    }

        .button__container button.cmp-button-new.alt-cta {
            background-color: transparent;
            border-color: var(--everglade);
            border-style: solid;
            border-width: 2px;
            color: var(--everglade)
        }

.ContainerSliderProd .swiper {
    padding-bottom: 5pc
}

.ContainerSliderProd .swiper-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    text-align: center
}

    .ContainerSliderProd .swiper-slide img {
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

.titoloProd {
    color: #1a5632;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    position: relative;
    text-align: center;
    width: 100%
}

.carrelloProd1 {
    padding: 0 129px 0 24px;
    width: 100%
}

.container-carrelloProd {
    background-color: #fff;
    border-radius: 9pt;
    margin-top: 40px;
    min-height: auto
}

.cartNumItem {
    color: #414d45;
    font-size: 24px;
    padding-top: 24px
}

.cartNumItem, .cartSectionItem {
    font-weight: 500;
    padding-left: 24px
}

.cartSectionItem {
    color: #1c3325;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    padding-right: 24px;
    text-transform: uppercase;
    width: 100%
}

hr.divider {
    border: .02em solid #e8e8de;
    border-radius: 5px
}

.cartSectionDim {
    width: 60%
}

.cartSectionDim-qta1 {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.cartSectionDim-qta1, .cartSectionDim-tot1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20%
}

.cartSectionDim-tot1 {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.prodottoSingoloCarrello {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
}

.containerProdotto1 {
    padding-bottom: 24px;
    padding-top: 9pt;
    position: relative;
    width: 100%
}

.containerProdotto1, .infoProdotto1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.infoProdotto1 {
    width: 60%
}

.containerpriceqty {
    width: 40%
}

.containerpriceqty, .totProdotto1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.totProdotto1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -ms-flex-direction: column;
    flex-direction: column
}

.sfondo-prod-cart {
    background-color: #f8f8f6;
    border-radius: 8px;
    max-height: 134px;
    max-width: 134px;
    position: relative
}

.img-prod-cart-22 {
    height: 134px;
    width: 134px
}

.infoProdCart-22 {
    padding: 10px;
    position: relative
}

.abs_position_bottom {
    bottom: 0;
    position: absolute
}

    .abs_position_bottom button span div.svg {
        margin-right: 5px
    }

.titleDescCartProd {
    color: #1a5632;
    font-size: 1pc;
    font-weight: 500;
    margin-bottom: 1pc
}

#buttonRegalaOrdine-1 .knobs:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 4px;
    color: #fff;
    content: "";
    font-size: 10px;
    font-weight: 700;
    height: 24px;
    left: 4px;
    line-height: 1;
    margin: auto;
    padding: 9px 4px;
    position: absolute;
    text-align: center;
    top: 4px;
    -webkit-transition: all .3s cubic-bezier(.18,.89,.35,1.15);
    transition: all .3s cubic-bezier(.18,.89,.35,1.15);
    width: 24px
}

#buttonRegalaOrdine-1 .checkbox:checked + .knobs:before {
    content: "";
    left: 34px
}

#buttonRegalaOrdine-1 .checkbox:checked ~ .layer {
    background-color: #1a5632
}

#buttonRegalaOrdine-1 .knobs, #buttonRegalaOrdine-1 .knobs:before, #buttonRegalaOrdine-1 .layer {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.selectorqta_carrello {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
    padding-bottom: 25px;
    padding-right: 6px;
    position: relative;
    width: 62px
}

.select-dropdown__button_qta_carrello {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: unset;
    border: 1px solid #1a5632;
    border-radius: 2pc;
    color: #1a5632;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    line-height: 1pc;
    max-width: 62px;
    padding: 10px 18px;
    text-align: left
}

    .select-dropdown__button_qta_carrello span {
        padding-right: 9pt;
        top: 0
    }

    .select-dropdown__button_qta_carrello .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdown__list_qta_carrello {
    border: 1px solid #1a5632;
    border-radius: 18px;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    min-width: 61px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 50px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 98%;
    z-index: 1
}

.select-dropdown__list-item_qta_carrello {
    background: #fff;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 1pc 20px;
    text-align: center
}

.select-dropdown__list_qta_carrello.active {
    opacity: 1;
    pointer-events: auto
}

.select-dropdown__list-item_qta_carrello.select-dropdown__list_qta_carrello {
    color: #1a5632
}

.select-dropdown_qta_carrello {
    width: 100%
}

.ordering-qta_carrello {
    width: 25%
}

.prodottoSingoloCarrello {
    position: relative
}

    .prodottoSingoloCarrello.cart-product-updating {
        opacity: .5;
        pointer-events: none
    }

.container_infoQta {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.modificaQtaNonDisponibile {
    width: 100%
}

.subDescCartProd {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 9pt;
    margin-bottom: 8px
}

.selectorqta_carrello {
    padding-bottom: 10px
}

.Container-RegalaOrdine .txt-reg-ordine-22 {
    padding-right: 60px
}

.Container-RegalaOrdine #show-11.showtxt_regalo {
    padding-right: 0
}

@media screen and (min-width:992px) {
    .prodNonDisponibile-HideDesktop {
        display: none
    }

    .prodNonDisponibile {
        margin-top: 10px
    }

    .Container-RegalaOrdine .txt-reg-ordine-22 {
        padding-right: 0 !important
    }

    .Container-RegalaOrdine #show-11.showtxt_regalo {
        padding-right: 60px !important
    }
}

@media screen and (max-width:992px) {
    .contenitoreCestinoCarrello {
        position: absolute;
        right: 0;
        top: 9pt
    }

    .container-carrelloProd .section-ProdottiOmaggio {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
        padding: 1pc
    }

    .container-carrelloProd .container-prodottiOmaggio {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .containerpriceqty {
        width: 100%
    }

    .titleDescCartProd {
        margin-bottom: 8px
    }

    .subDescCartProd {
        font-size: 9pt
    }

    .titleDescCartProd {
        font-size: 14px
    }

    .selectorqta_carrello {
        padding-bottom: 5px
    }

    .qtaProdotto1 {
        margin-left: 5pc
    }

    .container_infoQta {
        display: block;
        width: 100%
    }

    .qtaProdotto1 {
        width: 100%
    }

    .prodNonDisponibile-HideMobile {
        display: none
    }

    .totProdotto1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .containerSwiperOmaggio .swiperarrow {
        display: unset !important
    }

    .btn-selezionaPop {
        height: 40px;
        padding: 0 !important
    }

    .popup-content {
        margin: 0 24px !important;
        min-width: 0 !important
    }

    .btn-aggiungiOmaggio, .popup-content {
        width: 100% !important
    }

    .section-ProdottiOmaggio {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .carrelloProd1 {
        padding: 0 1pc
    }

    .cartSectionItem {
        display: none
    }

    .container-carrelloProd .prodottoSingoloCarrello {
        padding-bottom: 20px;
        position: relative
    }

    .container-carrelloProd .infoProdotto1 {
        width: 100%
    }

    .hideprezzounitario {
        display: none
    }

    .container-carrelloProd .sfondo-prod-cart {
        max-height: 72px;
        max-width: 72px
    }

    .container-carrelloProd .img-prod-cart-22 {
        height: 72px;
        width: 72px
    }

    .container-carrelloProd .totProdotto1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 41%
    }

    .container-carrelloProd .ordering-qta_carrello {
        width: 20%
    }

    .testoCestinocarrello {
        display: none
    }
}

.contenitoreCestinoCarrello-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: end
}

.contenitoreCestinoCarrello {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px
}

.prodNonDisponibile {
    color: red;
    font-size: 9pt
}

.posizionamentoPulsanteApplica {
    position: relative
}

.PulsanteApplica {
    position: absolute
}

.containerPromoApplica {
    background-color: #f2f2fe;
    border: 1px solid #e8e8de;
    border-radius: 9pt;
    height: 3pc;
    margin-bottom: 24px;
    margin-top: 24px;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .containerPromoApplica .inputApplica {
        background: none;
        border: none;
        color: #6a7c92;
        font-size: 9pt;
        position: absolute;
        top: 15px;
        width: 200px
    }

        .containerPromoApplica .inputApplica:focus {
            outline: none
        }

    .containerPromoApplica .Applica-submit {
        background: none;
        border: none;
        border-radius: 17px;
        -webkit-box-shadow: 5px -2px 81px 1px rgba(0,0,0,.09);
        box-shadow: 5px -2px 81px 1px rgba(0,0,0,.09);
        color: #1a5632;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        height: 35px;
        position: absolute;
        right: 0;
        text-decoration: underline;
        top: 7;
        width: 70px
    }

    .containerPromoApplica .imgScoontoCart {
        margin: 9pt
    }

.totlecartDisp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    width: 100%
}

.containerProcediOrdine-1 {
    margin-top: 24px;
    text-align: center;
    width: 100%
}

.amazon-pay-button {
    background-color: #e8e8de;
    border: 0;
    border-radius: 24px;
    padding: 18px;
    width: 100%
}

.cartdetails .amazon-pay-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 15px 10px 10px
}

    .cartdetails .amazon-pay-button img {
        height: 20px
    }

.btn-procediOrdine-1 {
    background-color: #1a5632;
    border: 0;
    border-radius: 24px;
    color: #fff;
    padding: 10px;
    width: 100%
}

.txt-44 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 1pc;
    margin-top: 1pc;
    text-align: center
}

.totaleCart-1 {
    font-size: 1pc;
    font-weight: 500;
    line-height: 24px
}

.subTotaleCart-1, .totaleCart-1 {
    color: #1c3325;
    font-family: DM Sans;
    font-style: normal
}

.subTotaleCart-1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 8px
}

.titleRiepilogo {
    color: #414d45;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 2pc
}

.titleConsegnaPagamenti, .titleRiepilogo {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500
}

.titleConsegnaPagamenti {
    color: #1a5632;
    font-size: 1pc;
    line-height: 24px
}

.Txt-ConsegnaPagamenti {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.container-carrelloProdRegaloOrdine {
    background-color: #fff;
    border-radius: 9pt;
    margin-top: 20px;
    padding: 24px;
    position: relative
}

.Container-RegalaOrdine {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.container-btn-regalaOrdine {
    margin-bottom: 20px;
    position: absolute;
    right: 60px;
    top: 0
}

.txt-reg-ordine-22 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    width: 100%
}

.container-Procedi-Acquisto {
    border-radius: 9pt;
    margin-top: 24px;
    min-height: 60px;
    position: relative
}

    .container-Procedi-Acquisto .btn:hover {
        background-color: #1a5632;
        border-color: unset;
        color: #fff
    }

.btn-procediOrdine-22 {
    background-color: #1a5632;
    border: 0;
    border-radius: 24px;
    color: #fff;
    padding: 10px
}

#codice_accettato, #codice_cancellato, #codice_errato, .containerPromoApplica .Applica-submit, .coupon-loader {
    opacity: 0;
    right: 0;
    top: 7
}

.coupon-loader {
    opacity: 1;
    pointer-events: all
}

    .coupon-loader .my-account-loader {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-item: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        justify-content: center;
        min-height: unset
    }

        .coupon-loader .my-account-loader:after {
            height: 30px;
            left: 0;
            position: relative;
            top: 0;
            width: 30px
        }

.totlecartDisp-promo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    justify-content: space-between;
    width: 100%
}

.subTotaleCart-promo {
    color: orange;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 8px
}

.showErrorMessagePromo {
    color: #bd2136;
    display: none;
    font-weight: 500;
    line-height: 9pt;
    margin-bottom: 24px;
    margin-left: 10px;
    margin-top: 8px
}

.showErrorMessagePromo, .txt-risparmio {
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    letter-spacing: .02em
}

.txt-risparmio {
    color: #fc6c0f;
    font-weight: 400;
    line-height: 1pc
}

.section-ProdottiOmaggio {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f6;
    border-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2pc;
    margin-top: 9pt;
    padding: 1pc 24px;
    width: 100%
}

.container-prodottiOmaggio {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
}

.popup-container, .popup-containerEliminaProd {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(21,17,17,.61);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.popup-content {
    background-color: #fefefe;
    border: 1px solid #888;
    border-radius: 9pt;
    margin: auto;
    min-width: 652px;
    padding: 20px;
    width: 50%
}

    .popup-content p {
        font-size: 17px;
        line-height: 20px;
        padding: 10px
    }

    .popup-content a.BtncloseOmaggio {
        background-color: #1a5632;
        border-radius: 2pc;
        color: #fffde5;
        float: right;
        font-family: sans-serif;
        font-size: 25px;
        height: 40px;
        text-align: center;
        text-decoration: none;
        width: 40px
    }

    .popup-content span:focus, .popup-content span:hover {
        color: #000;
        cursor: pointer;
        text-decoration: none
    }

.popup-container:target {
    z-index: 10
}

.popup-container:target, .popup-containerEliminaProd:target {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible
}

.popup-containerEliminaProd:target {
    z-index: 500
}

.txt-title-delete1 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 9pt;
    margin-top: 24px
}

.popup-containerEliminaProd .popup-content p {
    padding: 0
}

.popup-containerEliminaProd .titleDescCartProd {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.popup-containerEliminaProd .txt-eliminaProd {
    color: #414d45;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 9pt;
    margin-bottom: 4px
}

.popup-containerEliminaProd .popup-content {
    width: 30%
}

.popup-containerEliminaProd .infoProdotto1 {
    width: 100%
}

.popup-container h3 {
    margin: 10px
}

.btn-salvaperdoop {
    background-color: unset;
    border: 1px solid #1a5632;
    border-radius: 2pc;
    color: #1a5632;
    height: 40px;
    margin-bottom: 10px;
    width: 100%
}

.productOmaggioContainer {
    margin: 5px;
    text-align: center;
    width: 100%
}

.omaggioContainerPopup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.imgOmaggio-forma {
    height: 172px;
    width: 172px
}

.ProdOmg-Card {
    background-color: #e8e8de;
    border-radius: 9pt;
    margin-bottom: 10px;
    min-height: 296px
}

.btn-selezionaPop {
    background: unset;
    border: 1px solid #1a5632;
    border-radius: 2pc;
    color: #1a5632;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500
}

.AggCarrelloOmaggio, .btn-selezionaPop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9pt;
    padding: 9pt 20px;
    width: 100%
}

.AggCarrelloOmaggio {
    background: #1a5632;
    border-radius: 2pc;
    color: #fff
}

.prodSelezionati-txt {
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.prodSelezionati-txt, .qtaStyleOmaggio {
    color: #414d45;
    font-style: normal;
    text-align: center
}

.qtaStyleOmaggio {
    background: #fbf9ee;
    border-radius: 24px;
    font-size: 9pt !important;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 30px;
    margin: 0 auto;
    padding: 5px !important;
    text-transform: uppercase;
    width: 87pt
}

.showtxt_regalo {
    display: none;
    margin-bottom: 9pt
}

.AreaRegalo-11 {
    border: 1px solid #e8e8de;
    border-radius: 9pt;
    display: none;
    min-height: 168px;
    padding: 15px;
    width: 100%
}

.regaloContainerFrom-to {
    display: none;
    margin-top: 10px;
    width: 100%
}

.regaloFromTo {
    border: 1px solid #e8e8de;
    border-radius: 9pt;
    margin-top: 10px;
    width: 50%
}

.containerSwiperOmaggio .swiper {
    width: 100%
}

.containerSwiperOmaggio .swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    justify-content: center;
    text-align: center
}

    .containerSwiperOmaggio .swiper-slide img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

.imgOmaggioProd {
    height: 172px;
    margin: 0 auto;
    width: 172px
}

.separatorePopOmaggio {
    margin-top: 31px
}

.containerSwiperOmaggio .swiper-wrapper {
    padding-top: 18px
}

.containerSwiperOmaggio .swiper-button-next, .containerSwiperOmaggio .swiper-button-prev {
    top: 30px
}

.omaggioSwiper .swiperarrow {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

    .omaggioSwiper .swiperarrow .swiper-button-prev {
        padding-right: 35px
    }

.omaggioSwiper .swiperarrow {
    margin-right: 0
}

.omaggioSwiper .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0 !important
}

.omaggioSwiper .swiperarrow .swiper-button-prev {
    padding: 0
}

.titoloPopUpOmaggio-1 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.btn-aggiungiOmaggio {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #e8e8de;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    gap: 9pt;
    height: 40px;
    width: 606px
}

.ContainerBtn-aggiungiOmaggio {
    margin-top: 20px;
    text-align: center;
    width: 100%
}

.txt-aggiungiOmaggio {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.containerBlocco1 .meter-bar {
    background-color: #1a5632 !important
}

.linkContinuaAcquisti {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.containerProgressBarSpedione-22 {
    padding: 24px;
    text-align: center;
    width: 100%
}

.imgSpedizioneProgress {
    height: 30px;
    width: 30px
}

#ProvaImgProgress {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
    min-width: 15px;
    width: 0
}

.ContainerInputDa-a {
    position: relative;
    width: 50%
}

.campo-Da-a {
    border: 1px solid #e8e8de;
    border-radius: 9pt;
    font-size: 14px;
    height: 56px;
    padding: 15px;
    width: 99%
}

.txt-from-to-22 {
    color: #718473;
    font-size: 15px;
    font-size: 10px;
    letter-spacing: .02em;
    line-height: 10px;
    padding-left: 15px;
    position: absolute;
    top: 10px
}

.linkOmaggioProd1, .txt-from-to-22 {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500
}

.linkOmaggioProd1 {
    color: #1a5632;
    font-size: 1pc;
    line-height: 1pc;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.showOptionRegalaOrdine {
    display: block !important;
    width: 100%
}

#contenitoreFormRegalo-11 {
    display: none;
    margin-top: 15px
}

.ErorrMessageText {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: rgba(189,33,54,.1);
    color: #bd2136;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1pc 24px
}

.errorColortxt-cart {
    font-size: 1pc;
    font-weight: 500;
    line-height: 24px
}

.errorColortxt-cart, .modificaQtaNonDisponibile {
    color: #bd2136;
    font-family: DM Sans;
    font-style: normal
}

.modificaQtaNonDisponibile {
    font-size: 9pt;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1pc
}

.errorsubtxt-cart {
    color: #bd2136;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.contenitore_prezzoUnitario {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    gap: 4px
}

.prezzoBarrato_cart {
    color: #414d45;
    font-weight: 400;
    opacity: .7;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.prezzoBarrato_cart, .prezzoNormale_cart {
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    line-height: 14px
}

.prezzoNormale_cart {
    color: #1c3325;
    font-weight: 500;
    padding-bottom: 6px
}

.rimozioneDaCarrello {
    opacity: .5
}

.BtncloseDeleteProd {
    background: transparent;
    border-radius: 2pc;
    color: #1a5632;
    font-family: sans-serif;
    font-size: 25px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    width: 40px
}

.gropu-delete-prod-title-closebtn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.blocco1consegneInfo {
    padding: 24px;
    width: 100%
}

.blocco1consegneInfo-title {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.blocco1consegneInfo-sub {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.bloccoInfoConsegne-bg {
    background-color: #e8e8de !important
}

.prodoOmaggioCardCart {
    color: #fc6c0f;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase
}

#codice_cancellato {
    background: none;
    border: none;
    border-radius: 17px;
    -webkit-box-shadow: 5px -2px 81px 1px rgba(0,0,0,.09);
    box-shadow: 5px -2px 81px 1px rgba(0,0,0,.09);
    color: #1a5632;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    opacity: 0;
    position: absolute;
    right: 8;
    text-decoration: underline;
    top: 14
}

.cart-select {
    border: 1px solid #1a5632;
    border-radius: 22px;
    color: #1a5632;
    cursor: pointer;
    font-size: 1pc;
    line-height: 1pc;
    max-width: 62px;
    padding: 6px 8px
}

.shippingFees {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: -6px;
    padding: 0 8px 8px;
    width: 100%
}

.freeDeliveryTarget.freeDeliveryTarget--miniCart {
    padding: 1pc 8px 24px
}

.freeDeliveryTarget.freeDeliveryTarget--cartPage {
    padding: 24px
}

.freeDeliveryTarget__title {
    color: #414d45;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px
}

.freeDeliveryTarget__description {
    color: #1c3325;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.freeDeliveryTarget__progress-bar {
    background-color: #e9e9d3;
    border-radius: 10px;
    display: block;
    height: 4px;
    margin-top: 42px;
    position: relative;
    width: 100%
}

.freeDeliveryTarget__progress-bar--fill {
    background-color: #1a5632;
    border-radius: 10px;
    display: block;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0
}

.freeDeliveryTarget__progress-bar--icon {
    left: 0;
    position: absolute;
    top: -38px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.embeddedServiceHelpButton .uiButton {
    min-width: -webkit-fit-content !important;
    min-width: -moz-fit-content !important;
    min-width: fit-content !important
}

.embeddedServiceHelpButton .helpButton {
    bottom: 30% !important;
    position: fixed !important;
    right: 0 !important;
    -webkit-transform: rotate(90deg) translateX(50%) !important;
    transform: rotate(90deg) translateX(50%) !important;
    -webkit-transform-origin: 100% 0 !important;
    transform-origin: 100% 0 !important;
    width: auto !important
}

.dockableContainer.showDockableContainer {
    background-color: #f8f9f7 !important;
    border-radius: 3px !important;
    max-height: 5in !important;
    max-width: 25pc !important;
    right: 0 !important;
    width: 100% !important
}

.formContent.embeddedServiceSidebarForm {
    background-color: #f8f9f7 !important;
    padding: 0 30px 0 20px !important
}

.buttonWrapper.embeddedServiceSidebarForm {
    background-color: #f8f9f7 !important;
    padding: 30px 40px 24px !important
}

[embeddedservice-chatheader_chatheader-host] {
    background-color: #f8f9f7 !important
}

h2[embeddedService-chatHeader_chatHeader] {
    color: #667d63 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    margin: auto !important;
    overflow: visible !important;
    text-align: center !important;
    text-overflow: unset;
    white-space: normal !important;
    width: 300px !important
}

.embeddedServiceSidebarButton {
    background: #667d63 !important
}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #667d63 !important;
    border-radius: 0 0 8px 8px !important
}

.sidebarHeader[embeddedService-chatHeader_chatHeader] {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: block !important;
    min-height: auto !important;
    padding-top: 1em !important
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #068436 !important
}

.embeddedServiceIcon {
    background-size: cover !important;
    display: inline-block !important;
    height: 45px !important;
    width: 45px !important
}

    .embeddedServiceIcon:before {
        content: none !important
    }

.embeddedServiceSidebarFormField {
    width: 100% !important
}

button.waitingCancelChat.uiButton--inverse.uiButton.embeddedServiceSidebarButton {
    background: #667d63 !important
}

.embeddedServiceSidebarButton.uiButton--inverse .label {
    color: #fff !important
}

.waitingStateContainer {
    background-color: #f8f9f7 !important
}

svg.slds-icon.slds-icon-text-default.slds-icon_x-small {
    fill: #667d63 !important
}

button[embeddedService-chatHeader_chatHeader] {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important
}

    button[embeddedService-chatHeader_chatHeader].closeButton {
        border: 1px solid #667d63 !important;
        border-radius: 1em;
        font-weight: 100 !important;
        height: 27px !important;
        min-height: 0 !important;
        min-width: 0 !important;
        padding: 0 5px 1px !important;
        position: absolute !important;
        right: 5px !important;
        top: 10px !important;
        width: 27px !important
    }

    button[embeddedService-chatHeader_chatHeader].minimizeButton {
        display: none !important
    }

.activeFeature.hideWhileLoading {
    background-color: #f8f9f7 !important
}

@media only screen and (max-width:1024px) {
    .dockableContainer.showDockableContainer {
        bottom: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        position: absolute !important
    }
}

.embeddedServiceSidebarForm .fieldList {
    margin-top: 2em !important
}

#helpButtonSpan {
    display: none !important
}

span.dialogIcon.large.embeddedServiceIcon {
    margin-left: auto !important;
    margin-right: auto !important
}

    span.dialogIcon.large.embeddedServiceIcon > svg > circle {
        fill: #667d63 !important
    }

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent {
    background: #f4f4f4 !important;
    color: #000 !important
}

.announcement[embeddedService-chatHeaderAnnouncement_chatHeaderAnnouncement] {
    color: #000 !important
}

span.loadingBallContainer.animated.embeddedServiceLoadingBalls {
    display: none !important
}

p.text.announcement {
    font-size: 11px !important
}

.embeddedServiceHelpButton .embeddedServiceIcon {
    background-image: url(../../../etc.clientlibs/fratellicarli/clientlibs/clientlib-site/resources/images/icons/Chat_icon.svg) !important;
    margin-right: 0 !important
}

.embeddedServiceHelpButton {
    z-index: 150 !important
}

.groupCard_descrizione {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
}

.groupCard_descrizione1 {
    width: 60%
}

.groupCard_descrizione2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding-left: 4%;
    padding-right: 4%;
    width: 40%
}

.contenitoreCardImage_group {
    border-radius: 24px;
    margin: 0 auto;
    padding: 1pc;
    position: relative;
    width: 100%
}

.page_chiSiamo2 .wrapper-component-title {
    background: none
}

.editorial-chi-siamo-teaser-double ol, .editorial-chi-siamo-teaser-double ul {
    list-style: inherit !important;
    padding-left: 1pc
}

.editorial-chi-siamo-teaser-double .titleCardgroup_1 {
    padding-bottom: 1pc
}

.editorial-22 .cmp-button__text, .editorial-22 button {
    background: #1a5632;
    border: 0;
    color: #fff
}

.titleCardgroup_1 {
    color: #1a5632;
    font-family: Gupter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 44px
}

.descrizioneCardgroup_1 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.page_Editoriale2 .containerEditoriale {
    margin-bottom: 5pc;
    margin-top: 5pc
}

.groupCard_image22 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    width: 40%
}

.groupCard_descrizione22 {
    width: 60%
}

.imgGroupCard_image22 {
    border-radius: 24px;
    width: 100%
}

.descrizioneCardgroup_22 {
    color: #1a5632;
    font-family: Gupter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 44px;
    padding-left: 5pc;
    padding-right: 92px
}

.btnScopriGroupCard_22 {
    background: #1a5632;
    border-radius: 2pc;
    color: #fffde5;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    margin-top: 36px;
    padding: 9pt 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.page_Editoriale2 .wrapper-component-title {
    margin-bottom: 40px;
    margin-top: 60px
}

.pageError-500 .wrapper-component-title.mobCorsi_emporioWrap {
    background-image: none
}

.contenitorePageError500 .singoloSocialShare {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin: 6px;
    min-width: 11%;
    padding: 9pt
}

.page_chiSiamo2 .titleCardgroup_1 {
    margin-bottom: 1pc
}

@media screen and (max-width:992px) {
    .page_chiSiamo2 .title-main.gupter-normal-everglade-64px {
        font-size: 40px
    }

    .page_chiSiamo2 .titleCardgroup_1 {
        margin-bottom: 8px
    }

    .page_Storia.overlap-group4 img.imgwrmob {
        min-height: auto !important
    }

    .wrapper-component-title {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .hideOnMobTitle-editorial_1 {
        display: none
    }

    .page_Editoriale2 .title-editorial {
        font-size: 2pc
    }

    .page_Editoriale2 .groupCard_descrizione {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .mobileMarginLastCardDesc {
        margin-top: 36px
    }

    .btnScopriGroupCard_22 {
        margin-left: 0;
        margin-top: 24px
    }

    .contenitoreCardImage_group {
        border-radius: 24px;
        margin: 40px auto 0;
        padding: 0 9pt;
        position: relative;
        width: 100%
    }

    .page_Editoriale2 .groupCard_descrizione {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page_Editoriale2 .groupCard_descrizione1 {
        width: 100%
    }

    .page_Editoriale2 .groupCard_descrizione2 {
        margin-top: 24px;
        padding: 0;
        width: 100%
    }

    .page_Editoriale2 .groupCard_descrizione1 .imgfitcover {
        height: unset
    }

    .groupCard_descrizione {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width:992px)and (max-width:992px) {
    .groupCard_descrizione.colonnaRovesciataMobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse
    }
}

@media screen and (max-width:992px) {
    .groupCard_descrizione, .groupCard_descrizione22 {
        width: 100%
    }

    .groupCard_image22 {
        margin-top: 24px;
        width: 100%
    }

    .descrizioneCardgroup_22 {
        font-size: 2pc;
        padding: 0
    }

    .groupCard_descrizione22 .imgGroupCard_image22 {
        height: unset;
        width: 100%
    }

    .page_Editoriale2 .overlap-group4 {
        margin-bottom: 60px;
        margin-top: 24px
    }

    .page_Editoriale2 .wrapper-component-title {
        margin-bottom: 0;
        margin-top: 4pc
    }

    .page_Editoriale2 .titleCardgroup_1 {
        font-size: 2pc
    }

    .page_Editoriale2 .colonnaRovesciataMobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 60px
    }
}

.elencoCardChiSiamo {
    list-style: disc;
    margin-bottom: 20px;
    margin-left: 20px
}

.cmp-contact-us {
    margin-bottom: 70px
}

.cmp-contact-us__container {
    margin: 0 auto;
    max-width: 840px;
    padding: 0 15px;
    width: 100%
}

    .cmp-contact-us__container .cmp-contact-us__title {
        margin-bottom: 1pc
    }

        .cmp-contact-us__container .cmp-contact-us__title .cmp-title .cmp-title__text {
            text-align: left
        }

    .cmp-contact-us__container .cmp-contact-us__subtitle {
        margin-bottom: 1pc
    }

        .cmp-contact-us__container .cmp-contact-us__subtitle .cmp-subtitle .cmp-subtitle__text {
            text-align: left
        }

    .cmp-contact-us__container .cmp-contact-us__links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-decoration: underline
    }

        .cmp-contact-us__container .cmp-contact-us__links .cmp-contact-us__link {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
            margin-bottom: 8px;
            max-width: 33.3333333333%
        }

@media screen and (max-width:992px) {
    .cmp-contact-us__container .cmp-contact-us__links .cmp-contact-us__link {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.textPresendContactUs {
    margin-bottom: 9pt;
    margin-top: 9pt;
    text-align: center;
    width: 100%
}

.campoContact-222 {
    bottom: 20px;
    right: 20px
}

.select-dropdown__button_argomento, .select-dropdown__button_canale_contatto, .select-dropdown__button_motivo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e8e8de;
    border-radius: 4px;
    color: #616161;
    color: #313131;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    height: 56px;
    justify-content: space-between;
    line-height: 1pc;
    padding: 1pc 18px 1pc 25px;
    position: relative;
    text-align: left;
    width: 100%
}

.select-dropdown__list_argomento, .select-dropdown__list_canale_contatto, .select-dropdown__list_motivo {
    border-radius: 18px;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 50px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 98%;
    z-index: 1
}

.select-dropdown__list-item_argomento, .select-dropdown__list-item_canale_contatto, .select-dropdown__list-item_motivo {
    background: #fff;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 1pc 20px
}

.select-dropdown__list_argomento.active, .select-dropdown__list_canale_contatto.active, .select-dropdown__list_motivo.active {
    opacity: 1;
    pointer-events: auto
}

.page_contacUS .containertrattamentoPrivacy-11 {
    height: 130px;
    margin-top: 50px
}

.page_contacUS .spaceRight-input {
    margin-right: 4px
}

.page_contacUS .spaceLeft-input {
    margin-left: 4px
}

.page_contacUS-versione-1 {
    display: block !important
}

.txt-contactUS-v1 {
    font-size: 1pc;
    margin-bottom: 10px;
    margin-top: 10px
}

.title-contactUS-v1 {
    font-size: 2pc;
    font-weight: 500
}

.link-pageUs-1 a {
    text-decoration: underline
}

.link-pageUs-1 {
    cursor: pointer;
    padding: 10px;
    width: 33%
}

.contenitorePrimoBloccoContact-v1 {
    margin: 0 auto;
    width: 60%
}

.contenitoreLinkPageUs-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.page_contacUS .contenitore-dati-contactUs {
    margin: 24px auto 0;
    width: 60%
}

.page_contacUS .container-campi-22 {
    position: relative;
    width: 100%
}

.contenitore-dati-contactUs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

    .contenitore-dati-contactUs .CampiAccesso33 {
        font-size: 14px;
        height: 56px;
        margin: 5px 5px 5px 0;
        width: 100%
    }

.areaBoxContact {
    border: 0;
    border-radius: 9pt;
    min-height: 150px;
    padding: 20px;
    resize: none
}

.campoContact-222 {
    bottom: 20;
    font-size: 14px;
    position: absolute;
    right: 20
}

.allegaFileContact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.allegaFileContact, .buttonUpload_contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttonUpload_contact {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: unset;
    border: 2px solid #1a5632;
    border-radius: 2pc;
    color: #1a5632;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    justify-content: space-between;
    margin-top: 24px;
    padding: 10px 20px
}

    .buttonUpload_contact:hover {
        background-color: #1a5632;
        color: #fff
    }

.titleSectionCurriculum {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.subTitleSectionCurriculum {
    font-size: 14px;
    margin-top: 8px
}

.subTitleSectionCurriculum, .txt_contactInformation {
    color: #414d45;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    line-height: 1pc
}

.txt_contactInformation {
    font-size: 9pt
}

.page_contacUS .si-no-radio-reg {
    margin-bottom: 0
}

.subTitle_content {
    color: #414d45;
    font-size: 9pt;
    text-transform: uppercase
}

.btnInviaCandidatura, .subTitle_content {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc
}

.btnInviaCandidatura {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    font-size: 1pc;
    margin: 24px auto 0;
    padding: 9pt 20px
}

.little_title_informativa {
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: uppercase
}

.spaceTopBottmCanale {
    margin-bottom: 4px;
    margin-top: 4px
}

.page_contacUS .SelectCanaleDiContatto {
    width: 100%
}

.page_contacUS .select-titolo-motivo {
    padding-bottom: 0
}

@media screen and (max-width:992px) {
    .spaceTopBottmCanale {
        margin: 0
    }

    .page_contacUS .selectormotivo {
        padding-bottom: 0 !important
    }

    .page_contacUS .blocco_222 {
        margin-bottom: 0
    }

    .page_contacUS .containerInput {
        display: block
    }

    .page_contacUS .bloccco99 {
        padding-bottom: 6px
    }

    .page_contacUS .RadioClientereg-22 {
        margin-bottom: 8px
    }

    .page_contacUS .si-no-radio-reg {
        margin-bottom: 2pc;
        margin-top: 1pc
    }

    .page_contacUS .title-contactUS-v1 {
        font-size: 20px
    }

    .contenitorePrimoBloccoContact-v1 {
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }

    .page_contacUS .contenitoreLinkPageUs-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .page_contacUS .link-pageUs-1 {
        padding: 0;
        width: 100%
    }

    .page_contacUS .contenitore-dati-contactUs {
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }

    .page_contacUS .ordering-titolo {
        margin-bottom: 6px;
        width: 100% !important
    }

    .page_contacUS .ordering-motivo {
        width: 100% !important
    }

    .page_contacUS .si-no-radio-reg {
        margin-left: 0
    }

    .page_contacUS .spaceRight-input {
        margin-right: 0
    }

    .page_contacUS .spaceLeft-input {
        margin-left: 0
    }

    .page_contacUS .SlideImgDimension {
        height: unset
    }
}

.page_contacUS .ordering-motivo, .page_contacUS .ordering-titolo {
    width: 50%
}

.page_contacUS .selectormotivo {
    padding-bottom: 4px;
    position: relative
}

.selectorMotivo {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: end;
    justify-content: end;
    padding-bottom: 25px;
    position: relative
}

.select-dropdown__button_motivo, .selectorMotivo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select-dropdown__button_motivo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 0;
    border-radius: 9pt;
    color: #616161;
    color: #1a5632;
    cursor: pointer;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    height: 56px;
    justify-content: space-between;
    line-height: 1pc;
    padding: 1pc 18px 1pc 25px;
    text-align: left;
    width: 100%
}

    .select-dropdown__button_motivo span {
        padding-right: 9pt;
        top: 0
    }

    .select-dropdown__button_motivo .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdown__list_motivo {
    border-radius: 18px;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 50px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 98%;
    z-index: 1
}

.select-dropdown__list-item_motivo {
    background: #fff;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 1pc 20px
}

.select-dropdown__list_motivo.active {
    opacity: 1;
    pointer-events: auto
}

.select-dropdown__list-item_motivo.select-dropdown__list_motivo {
    color: #1a5632
}

.select-dropdown_motivo {
    min-width: 90%;
    width: 100%
}

.ordering-motivo {
    width: 25%
}

.columnpopupCookie_1 {
    width: 100%
}

.popupNewsletterContainer .btnCookieSoloNecessari {
    background-color: unset;
    border: 1.5px solid #1a5632;
    color: #1a5632;
    margin-bottom: 10px;
    margin-top: 0
}

.popupNewsletterContainer .btnAccettaTuttoCookie {
    margin: 0
}

.txt-cookieBanner {
    color: #414d45;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1pc;
    margin-bottom: 24px
}

.contentCookiePopUp {
    padding: 24px;
    position: relative;
    width: 456px
}

.popupNewsletterContainer .popup-content {
    min-width: unset
}

.contentCookiePopUp .titlePopupCard {
    color: #414d45;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 2pc;
    margin-bottom: 8px
}

@media screen and (max-width:992px) {
    .cookieBanner_22 {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: end !important;
        background-color: unset !important;
        -webkit-transform: scale(.95) !important;
        transform: scale(.95) !important
    }

        .cookieBanner_22 .popup-content {
            margin: 0 !important
        }
}

.title_Blocco1_cookie {
    color: #1c3325;
    font-weight: 500;
    margin-bottom: 8px
}

.title_Blocco1_cookie, .txt_Blocco1_cookie {
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    line-height: 20px
}

.txt_Blocco1_cookie {
    color: #414d45;
    font-weight: 400;
    margin-bottom: 24px
}

.contenitore_cookie_222 {
    margin: 0 auto;
    width: 70%
}

.titleBlocco2_cookie {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}

.contenitore_type_cookie {
    background: #fff;
    border-radius: 9pt;
    margin-bottom: 2pc;
    padding: 24px
}

.blocco_type_cookie {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-top: 1pc
}

.blocco_type_cookie, .group_bloccoCookie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px;
    width: 100%
}

.column1_bloccoCookie {
    width: 40%
}

.column2_bloccoCookie {
    width: 60%
}

.title_necessari_1 {
    font-weight: 500
}

.title_necessari_1, .txt_title_necessari_1 {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    line-height: 20px
}

.txt_title_necessari_1 {
    font-weight: 400
}

.colonna_necessari15 {
    font-size: 14px;
    width: 15%
}

.colonna_necessari40 {
    font-size: 14px;
    width: 50%
}

.txt-scopoCookie {
    color: #1c3325
}

.sub-title-necessari2, .txt-scopoCookie {
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.sub-title-necessari2 {
    color: #414d45
}

.listCookieElenco {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 400;
    line-height: 1pc;
    list-style: disc;
    padding-left: 24px
}

    .listCookieElenco li {
        margin-bottom: 8px
    }

.cookieElencoPuntato {
    margin-top: 1pc
}

.tab-mobileCookie {
    display: none
}

@media screen and (max-width:992px) {
    .tab-mobileCookie {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .toggle_Cookie_1 {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .contenitore_cookie_222 {
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }

    .group_bloccoCookie {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .column1_bloccoCookie, .column2_bloccoCookie {
        width: 100%
    }

    .blocco_type_cookie {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .hideOnMobile_44 {
        display: none
    }

    .colonna_necessari40 {
        margin-top: 24px;
        width: 100%
    }

    .colonna_necessari15 {
        width: 100%
    }

    .mobNecessari33 {
        color: #1c3325;
        font-family: DM Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-top: 24px;
        width: 33%
    }

    .hideDescMob_03 {
        display: none
    }
}

.wrapper_Cookie33 {
    background-color: #fff;
    border-radius: 9pt
}

.toggle_Cookie_1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: transparent;
    border: none;
    color: #1c3325;
    cursor: pointer;
    display: none;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    line-height: 20px;
    outline: none;
    width: 100%
}

.contentCookie22 {
    font-size: 14px;
    height: 0;
    line-height: 30px;
    overflow: hidden;
    padding-bottom: 0 !important;
    position: relative
}

.txt_p_cookie {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.contenitoreTitleCookie {
    margin: 3pc auto 34px;
    width: 70%
}

.titleCookie-22 {
    color: #1a5632;
    font-family: Gupter;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 60px;
    margin-bottom: 1pc
}

.sub-titleCookie-22 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px
}

.contenitore_cookie_222 a {
    text-decoration: underline
}

.contenitoreBandiere {
    margin: 0 auto;
    width: 30%
}

.bandiera, .contenitoreBandiere {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bandiera {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    gap: 9pt;
    margin-bottom: 24px
}

.txt-flag {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.column1-flag {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.titleColumnFlag {
    color: #414d45;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 24px
}

@media screen and (max-width:992px) {
    .page_countryLanguage .contenitoreBandiere {
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }
}

.containerSelectCountry {
    width: 100%
}

.select-dropdownCountry {
    display: inline-block;
    position: relative;
    width: 100%
}

.select-dropdownCountry__button {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 3px;
    border-radius: 9pt;
    color: #616161;
    cursor: pointer;
    padding: 10px 35px 10px 15px;
    text-align: left;
    width: 210px;
    width: 100%
}

    .select-dropdownCountry__button .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdownCountry__list {
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2
}

    .select-dropdownCountry__list.active {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.select-dropdownCountry__list-item {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    color: #616161;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    list-style-type: none;
    padding: 10px 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.containerSelectCountry .bandiera {
    margin-bottom: 0
}

.countrySelect-33 .btnAccettaTuttoCookie {
    margin-top: 20px
}

.flagSelect {
    height: 20px;
    width: 20px
}

.containerSelectCountry .txt-flag {
    font-size: 14px
}

.containerSelectCountry ul {
    height: 200px
}

@media screen and (max-width:992px) {
    .select-dropdownCountry__list {
        top: -155px
    }

    .container-profilo1 .couponSingoloDautilizzare {
        margin-bottom: 9pt
    }
}

.separatore-sito {
    background-color: #d5d5d5;
    height: 1px;
    margin-bottom: 24px;
    margin-top: 24px;
    width: 100%
}

#myNav, #myNav1 {
    height: 0%
}

.itemmenu1 {
    color: #fff;
    min-width: 200px
}

.desktopMOdeItem .activemenu a {
    color: #fff !important
}

@media screen and (max-width:992px) {
    #desktopMode {
        position: relative !important
    }

    .chiudi-da-desktop {
        display: none
    }

    a#hideMenuMobile {
        background: #1a5632;
        border-radius: 2pc;
        color: #fffde5;
        padding: 4px 10px 5px 9pt;
        width: 33px
    }
}

.allineamento-title-empori {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    justify-content: space-between;
    padding-right: 24px
}

.allineamento-title-empori, .veditutto-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.veditutto-btn {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    background: #f8f8f6;
    border: 2px solid #1a5632;
    border-radius: 24px;
    gap: 10px;
    padding: 10px;
    text-align: center
}

.veditutto-testo {
    color: #1a5632;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc
}

.freccia-empori {
    height: 10px;
    position: relative;
    right: 2px;
    top: -2px;
    width: 11px
}

.vedituttoEmpori {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: 2px solid #1a5632;
    border-radius: 24px;
    color: #1a5632;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    margin-right: 15px;
    padding: 7px 13px;
    width: auto
}

.cmp-carousel__header-action .vedituttoEmpori {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.nameEmporioCardDetail {
    color: #1a5632;
    font-family: Gupter;
    font-size: 4pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 68px;
    margin-bottom: 24px
}

.group-phonePosition-detail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9pt;
    margin-bottom: 1pc;
    width: 100%
}

.btn_ottieniindicazioniDetailLocator {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    margin-bottom: 1pc;
    margin-top: 1pc;
    padding: 9pt 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btn_ottieniindicazioni {
    color: #fff
}

.page_DetailLocator .column_StoreLocator-1 {
    background-color: unset;
    padding: 0
}

.page_DetailLocator .contenitoreEmporiStore {
    background-color: unset
}

.wrapper_faq33.opendesctab.emporiostoredet {
    background: #fff;
    border-radius: 24px;
    margin: 8px 4px;
    padding: 10px 1pc
}

.column_OrarioEmporioDetail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9pt;
    text-align: end;
    width: 70%
}

.row_OrarioEmporioDetail {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.orarioApertura-txt {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 9pt;
    margin-top: 58px
}

.page_DetailLocator .containerStoreLocator-1 {
    margin-bottom: 5pc;
    margin-top: 5pc
}

.txt-cardDetail-11 {
    font-family: DM Sans;
    font-size: 18px;
    letter-spacing: -.01em;
    line-height: 24px
}

.txt-cardDetail-11, .txt-cardDetail-22 {
    color: #1a5632;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.txt-cardDetail-22 {
    font-family: Gupter;
    font-size: 40px;
    letter-spacing: -.03em;
    line-height: 44px
}

.txt-cardDetail-33 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    width: 80%
}

.blocco-txt-11-22-33 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
    width: 100%
}

.imgDetailBlocco8010 {
    width: 100%
}

.page_DetailLocator .bloccoDx-margin6px {
    margin-left: 6px;
    margin-right: 0
}

.page_DetailLocator .frame-1558 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px
}

.page_DetailLocator .frame-1557 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.txt-nextAppoimnetDetail {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

.blocco-comeAcquistare .frame-1562 {
    max-width: 340px
}

.blocco-comeAcquistare {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.subtitle-mainDetailEmporio {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    width: 100%
}

.bloccoCorsiInEmporio-1 .frame-1559 {
    background-color: unset;
    width: 340px
}

.bloccoCorsiInEmporio-1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 90pt;
    justify-content: center;
    margin-bottom: 49px
}

.page_DetailLocator .contenitore_CardSacchetti {
    margin-top: 9pt
}

.frame_Appuntamenti .frame-1559 {
    padding: 24px 2pc
}

.btn_sfogliaIlcatalogo {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    margin-bottom: 1pc;
    margin-top: 1pc;
    padding: 9pt 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.page_DetailLocator .column_StoreLocator-1 {
    background-color: #f2f2ee;
    border-radius: 20px;
    margin-left: 24px;
    margin-right: 13px;
    max-height: unset;
    overflow: unset;
    padding: 20px;
    width: 30%
}

.page_DetailLocator .blocco-comeAcquistare .frame-1562 {
    min-height: 140px;
    padding: 40px 0
}

@media screen and (max-width:992px) {
    .page_DetailLocator .frame {
        height: 36px
    }

    .page_DetailLocator .nuovaAperturaTag {
        display: none
    }

    .page_DetailLocator .containerStoreLocator-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .page_DetailLocator .column_StoreLocator-1 {
        margin: 0;
        width: 100%
    }

    .page_DetailLocator .column_StoreLocator-2 {
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }

    .page_DetailLocator .nameEmporioCardDetail {
        font-size: 40px
    }

    .page_DetailLocator .orarioApertura-txt {
        margin-top: 44px
    }

    .page_DetailLocator .column_OrarioEmporioDetail, .page_DetailLocator .groupCard_descrizione1 {
        width: 100%
    }

    .page_DetailLocator .groupCard_descrizione2 {
        padding: 0;
        width: 100%
    }

    .page_DetailLocator .titleCardgroup_1 {
        font-size: 2pc
    }

    .page_DetailLocator .bloccoCorsiInEmporio-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .page_DetailLocator .frame-1559 {
        width: 100%
    }

    .page_DetailLocator .contenitore_CardSacchetti {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
        padding-left: 1pc;
        padding-right: 1pc
    }

    .page_DetailLocator .contenitore_imgSacchetto {
        margin: 0;
        width: 100%
    }

    .frame_Appuntamenti .frame-1559 {
        padding: 24px 9pt;
        width: 46% !important
    }

    .page_DetailLocator .mob-desctuttoEmporio {
        font-size: 1pc;
        padding-left: 1pc;
        padding-right: 1pc
    }

    .page_DetailLocator .txt-cardDetail-22 {
        font-size: 2pc
    }

    .page_DetailLocator .txt-cardDetail-33 {
        width: 100%
    }

    .page_DetailLocator .mobCorsi_emporioWrap {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .blocco-comeAcquistare .frame-1562 {
        width: 44% !important
    }

    .blocco-comeAcquistare .mobFrame-1562 {
        width: 100% !important
    }

    .blocco-comeAcquistare .frame-1562 {
        padding: 0 !important
    }
}

.blocco-comeAcquistare .frame-1562 {
    width: 20%
}

.blocco_corsiEmporio-title {
    color: #414d45;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 24px;
    text-align: center
}

.page_EmporioLocator .title_mainProgettoResponsabile {
    color: #1a5632;
    font-family: Gupter;
    font-size: 4pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 68px;
    text-align: center
}

.page_EmporioLocator .subtitle_mainProgettoResponsabile {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    width: 802px
}

.containerStoreLocator-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.column_StoreLocator-1 {
    background-color: #f2f2ee;
    border-radius: 20px;
    margin-left: 24px;
    margin-right: 13px;
    max-height: 650px;
    overflow: auto;
    padding: 20px;
    width: 30%
}

.column_StoreLocator-2 {
    border-radius: 20px;
    margin-right: 24px;
    width: 70%
}

.contenitoreEmporiStore {
    background-color: #fff;
    padding: 1pc
}

.searchStorelocator_1 {
    border: 0;
    border-radius: 20px;
    padding-bottom: 9pt;
    padding-left: 60px;
    padding-top: 9pt;
    position: relative;
    width: 100%
}

.icoonSearchStoreLocator {
    background-color: #1a5632;
    border-radius: 50px;
    left: 1px;
    padding: 10px;
    position: absolute;
    top: 2px;
    z-index: 2
}

.containerInput_searchStorelocator {
    position: relative
}

.arrow_searchStoreLocator {
    position: absolute;
    right: 20px;
    top: 20px
}

.nuovaAperturaTag {
    background-color: #cfb687;
    border-radius: 20px;
    font-size: 9pt;
    font-weight: 700;
    letter-spacing: .02em;
    margin-bottom: 14px;
    padding: 8px 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.nameEmporioCard, .nuovaAperturaTag {
    color: #1c3325;
    font-family: DM Sans;
    font-style: normal
}

.nameEmporioCard {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px
}

.group_4545 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.page_EmporioLocator .resultSearchNumEmpori {
    color: #718473;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 9pt;
    margin-bottom: 1pc;
    margin-top: 24px;
    text-transform: uppercase
}

.emporiohours {
    padding-bottom: 1pc
}

@media screen and (max-width:992px) {
    .page_EmporioLocator .groupCard_descrizione1 {
        width: 100%
    }

    .page_EmporioLocator .groupCard_descrizione2 {
        padding: 0;
        width: 100%
    }

    .page_EmporioLocator .titleCardgroup_1 {
        font-size: 2pc
    }

    .page_EmporioLocator .noBgMobile_emporiolocator {
        background-color: unset
    }

    .page_EmporioLocator .groupCard_descrizione {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .page_EmporioLocator .containerStoreLocator-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-left: 1pc;
        padding-right: 1pc
    }

    .page_EmporioLocator .column_StoreLocator-1 {
        margin: 0;
        width: 100%
    }

    .page_EmporioLocator .column_StoreLocator-2 {
        width: 100%
    }
}

.page_EmporioLocator .swiperOmaggioSoglia {
    margin-bottom: 81px;
    margin-top: 81px
}

.toggle_emporio_1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background-color: transparent;
    border: none;
    color: #1c3325;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: DM Sans;
    font-style: normal;
    justify-content: space-between;
    outline: none;
    padding: 10px 0;
    position: relative;
    width: 100%
}

.page_EmporioLocator .contentEmporio {
    font-size: 14px;
    height: 0;
    line-height: 30px;
    overflow: hidden;
    padding-bottom: 0 !important;
    position: relative;
    text-align: justify
}

.title345 {
    color: #1c3325;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px
}

.subTitle345, .title345 {
    font-family: DM Sans;
    font-style: normal
}

.subTitle345 {
    color: #414d45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.page_EmporioLocator .column_OrarioEmporioDetail {
    gap: 0;
    width: 100%
}

.page_EmporioLocator .btn_sfogliaIlcatalogo {
    width: auto
}

.page_EmporioLocator .frame-1559 {
    background-color: #fff
}

.page_EmporioLocator .groupCard_descrizione2 {
    display: -webkit-box
}

#map-canvas {
    border-radius: 24px;
    height: 650px
}

.scountLabel_10 {
    color: #fc6c0f;
    font-family: Gupter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 44px
}

.page_EmporioLocator .plus-minus-toggle-det {
    background-color: #1a5632;
    border-radius: 20px;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 14px
}

.page_EmporioLocator .contenitorePlaceStreetEmporio {
    text-align: left
}

.page_EmporioLocator .plus-minus-toggle-det:after, .page_EmporioLocator .plus-minus-toggle-det:before {
    background-color: #fff;
    left: 13px !important;
    top: 19px
}

.page_EmporioLocator {
    padding-top: 20px
}

.containerPaginaCarrello {
    background: #f2f2ee;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 50px;
    width: 100%;
    z-index: 9
}

.group-carrello1 {
    width: 75%
}

.group-carrello2 {
    padding: 40px 24px 0 0;
    width: 25%
}

.containerBlocco22 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    justify-content: left;
    width: 100%
}

.text-no-item-cart {
    color: #123c23
}

.totlecartDisp.lastchild {
    padding-top: 1pc
}

.containerBlocco1 {
    background-color: #fff;
    border-radius: 24px;
    margin-bottom: 9pt;
    width: 100%
}

.Icon-phone-number a {
    padding-left: 9pt
}

.containerMetodiDiPagamento {
    color: #414d54;
    padding: 24px;
    text-align: left;
    width: 100%
}

.titleMetodo {
    font-size: 18px;
    font-weight: 500
}

.titleMetodo, .txt-Metodo {
    margin-bottom: 1pc
}

.subtitleMetodo {
    font-size: 1pc;
    font-weight: 500;
    margin: 8px 0
}

.txt-Metodo {
    font-size: 14px;
    font-weight: 400
}

.ctaContattaciCart {
    background-color: transparent;
    border: 1px solid #1a5632;
    border-radius: 2pc;
    color: #1a5632;
    font-size: 1pc;
    font-weight: 500;
    margin-bottom: 24px;
    margin-top: 24px;
    padding: 9pt 20px;
    width: 100%
}

.txt-Metodo1 {
    font-size: 1pc;
    font-weight: 400
}

body > div > div.homepage.pdp.plp.screen > div.containerPaginaCarrello > div.group-carrello2 > div:first-child > div > div:first-child {
    margin-bottom: 1pc
}

.containerBlocco11 {
    margin-top: 5pc;
    min-height: 215px;
    text-align: center;
    width: 100%
}

.cartTxt-title {
    color: #1a5632;
    font-size: 2pc;
    font-weight: 400
}

.cartTxt-subtitle {
    color: #1c3325;
    font-size: 1pc;
    font-weight: 400;
    padding-bottom: 36px;
    padding-top: 8px
}

.containerPaginaCarrello .list-item-product {
    width: 33%
}

.title-prod-cart {
    color: #1a5632;
    font-size: 24px;
    font-weight: 500;
    margin-left: 24px
}

.linkbutton {
    background-color: #1a5632;
    border: 0;
    border-radius: 24px;
    color: #fff;
    padding: 9pt 20px
}

.Icon-phone-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1pc
}

@media screen and (max-width:992px) {
    .containerPaginaCarrello {
        display: block
    }

    .group-carrello1 {
        width: 100%
    }

    .group-carrello2 {
        margin-top: 20px;
        padding: 0 9pt;
        width: 100%
    }

    .containerPaginaCarrello .list-item-product {
        width: 50%
    }

    .containerBlocco11 {
        margin-top: 40px
    }

    .cartTxt-subtitle {
        padding-bottom: 24px;
        padding-top: 8 px
    }

    .subtitleMetodo {
        padding-bottom: 1pc;
        padding-top: 1pc
    }
}

.secondTitle_pageError {
    color: #1a5632;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 2pc
}

.btn_vaiInHome, .secondTitle_pageError {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500
}

.btn_vaiInHome {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    font-size: 1pc;
    line-height: 1pc;
    margin-bottom: 90pt;
    margin-top: 2pc;
    padding: 9pt 20px
}

@media screen and (max-width:992px) {
    .btn_vaiInHome {
        margin-bottom: 60px;
        margin-top: 24px
    }

    .page_error404 .wrapper-component-title {
        margin-bottom: 0;
        margin-top: 2pc
    }

    .page_error404 .title-main.gupter-normal-everglade-64px {
        font-size: 40px
    }
}

.contenitorePageError500 {
    padding-top: 60px;
    text-align: center
}

.imgErrorPage-Chees {
    width: 100%
}

.contenitorePageError500 .imagebackground {
    margin: 0 auto;
    width: 50%
}

.contenitorePageError500 .containerCondividiCodePortaAmico {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px
}

.logoCarli-errorPage500 {
    width: 10%
}

.contenitorePageError500 .singoloSocialShare {
    background-color: #f8f8f6
}

.pageError-500 {
    background-color: #fff;
    height: 100%
}

@media screen and (max-width:992px) {
    .contenitorePageError500 .imgErrorPage-Chees {
        width: 100%
    }

    .contenitorePageError500 .imagebackground {
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }

    .contenitorePageError500 .mobCorsi_emporioWrap {
        margin-top: 20px;
        padding-left: 1pc;
        padding-right: 1pc
    }

    .contenitorePageError500 .logoCarli-errorPage500 {
        width: 25%
    }

    .contenitorePageError500 {
        padding-top: 30px
    }

        .contenitorePageError500 .containerCondividiCodePortaAmico {
            margin-top: 30px
        }

    .pageError-500 .imgErrorPage-Chees {
        border-radius: 1pc;
        min-height: 193px
    }
}

.cmp-faq-heading {
    text-align: center
}

.cmp-faq-heading__title {
    color: #1a5632;
    font-family: Gupter;
    font-size: 56px;
    font-weight: 400;
    line-height: 60px
}

.cmp-faq-heading__description {
    margin-top: 1pc
}

.cmp-faq__navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .cmp-faq__navigation .empty-text {
        text-align: center
    }

    .cmp-faq__navigation .cmp-faq__navigation__list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #1a5632;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 0 9pt;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%
    }

        .cmp-faq__navigation .cmp-faq__navigation__list .cmp-faq__navigation__list-item {
            color: #000;
            cursor: pointer;
            font-family: DM Sans,sans-serif;
            font-size: .875rem;
            font-weight: 500;
            padding: 0 9pt 8px;
            position: relative;
            text-align: center
        }

            .cmp-faq__navigation .cmp-faq__navigation__list .cmp-faq__navigation__list-item a {
                display: block;
                overflow: hidden;
                padding: 0 9pt;
                text-align: center;
                text-decoration: none;
                text-overflow: ellipsis;
                text-transform: lowercase;
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
                white-space: nowrap
            }

                .cmp-faq__navigation .cmp-faq__navigation__list .cmp-faq__navigation__list-item a:first-letter {
                    text-transform: uppercase
                }

            .cmp-faq__navigation .cmp-faq__navigation__list .cmp-faq__navigation__list-item.--active a {
                color: #1a5632
            }

            .cmp-faq__navigation .cmp-faq__navigation__list .cmp-faq__navigation__list-item.--active:after {
                border-bottom: 3px solid #1a5632;
                border-radius: 10px 10px 0 0;
                bottom: 0;
                color: #1a5632;
                content: "";
                left: 0;
                position: absolute;
                width: 100%
            }

    .cmp-faq__navigation .slick-arrow {
        position: relative;
        top: -4px;
        -webkit-transform: none;
        transform: none
    }

        .cmp-faq__navigation .slick-arrow:before {
            color: #1a5632
        }

        .cmp-faq__navigation .slick-arrow.slick-prev {
            left: 0
        }

        .cmp-faq__navigation .slick-arrow.slick-next {
            right: 0
        }

.faq-search #searchFaqs .form-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 2pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 44px;
    padding: 2px 1pc 2px 2px
}

    .faq-search #searchFaqs .form-group .form-control {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-box-flex: 1;
        border: none;
        border-radius: 2pc;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #1a5632;
        -ms-flex: 1;
        flex: 1;
        font-family: DM Sans,sans-serif;
        font-size: 14px;
        font-weight: 400;
        height: 100%;
        line-height: 1;
        order: 2;
        padding: 0 9pt
    }

        .faq-search #searchFaqs .form-group .form-control::-webkit-input-placeholder {
            color: #1a5632;
            opacity: .7
        }

        .faq-search #searchFaqs .form-group .form-control::-moz-placeholder {
            color: #1a5632;
            opacity: .7
        }

        .faq-search #searchFaqs .form-group .form-control:-ms-input-placeholder {
            color: #1a5632;
            opacity: .7
        }

        .faq-search #searchFaqs .form-group .form-control::-ms-input-placeholder {
            color: #1a5632;
            opacity: .7
        }

        .faq-search #searchFaqs .form-group .form-control::placeholder {
            color: #1a5632;
            opacity: .7
        }

    .faq-search #searchFaqs .form-group .faq-search-btn, .faq-search #searchFaqs .form-group .faq-search-reset {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .faq-search #searchFaqs .form-group .faq-search-btn .icon-reset:before, .faq-search #searchFaqs .form-group .faq-search-btn .icon-search:before, .faq-search #searchFaqs .form-group .faq-search-reset .icon-reset:before, .faq-search #searchFaqs .form-group .faq-search-reset .icon-search:before {
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: block
        }

    .faq-search #searchFaqs .form-group .faq-search-btn {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #1a5632;
        border: none;
        border-radius: 2pc;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        justify-content: center;
        order: 1;
        width: 40px
    }

        .faq-search #searchFaqs .form-group .faq-search-btn .icon-search:before {
            background-image: url(clientlib-site/resources/images/icon-search.svg);
            height: 30px;
            width: 30px
        }

    .faq-search #searchFaqs .form-group .reset-search {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        display: none;
        order: 3
    }

        .faq-search #searchFaqs .form-group .reset-search .faq-search-reset {
            padding: 0
        }

            .faq-search #searchFaqs .form-group .reset-search .faq-search-reset .icon-reset:before {
                background-image: url(clientlib-site/resources/images/icon-close.svg);
                height: 15px;
                width: 15px
            }

    .faq-search #searchFaqs .form-group #faqResult {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        -webkit-box-flex: 0;
        display: none;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        font-size: 10px;
        line-height: 23px;
        order: 4;
        padding-left: 2.5em
    }

.cmp-faq {
    margin-top: 3rem
}

    .cmp-faq .cmp-faq__group-title {
        margin-bottom: 1pc
    }

        .cmp-faq .cmp-faq__group-title span {
            color: #1c3325;
            font-family: DM Sans,sans-serif;
            font-size: 1.25rem;
            font-weight: 400;
            margin-bottom: .5rem
        }

        .cmp-faq .cmp-faq__group-title hr {
            display: none
        }

    .cmp-faq .cmp-faq__group .cmp-faq__accordion-item {
        background-color: #fff;
        border: none;
        border-radius: 9pt;
        margin-bottom: 9pt;
        padding: 24px
    }

        .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-header {
            line-height: 1
        }

            .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-header .cmp-faq__accordion-button {
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                align-items: center;
                -webkit-box-shadow: none;
                box-shadow: none;
                cursor: pointer;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-size: 1rem;
                justify-content: space-between
            }

                .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-header .cmp-faq__accordion-button:after {
                    display: none
                }

                .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-header .cmp-faq__accordion-button .cmp-faq__accordion-icon {
                    -webkit-box-ordinal-group: 3;
                    -ms-flex-order: 2;
                    margin-right: 3px;
                    order: 2
                }

                    .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-header .cmp-faq__accordion-button .cmp-faq__accordion-icon:before {
                        color: #1a5632;
                        content: "+";
                        font-size: 30px
                    }

                    .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-header .cmp-faq__accordion-button .cmp-faq__accordion-icon i {
                        display: none
                    }

                .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-header .cmp-faq__accordion-button .cmp-faq__accordion-title {
                    font-weight: 400
                }

                .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-header .cmp-faq__accordion-button[aria-expanded=true] .cmp-faq__accordion-title {
                    font-weight: 500
                }

                .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-header .cmp-faq__accordion-button[aria-expanded=true] .cmp-faq__accordion-icon:before {
                    content: "-"
                }

        .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-body {
            margin-top: 9pt
        }

            .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-body .aem-content * {
                color: #414d45;
                margin: 0 auto;
                padding: 0 auto
            }

            .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-body .cmp-faq__accordion-notice {
                display: block;
                font-family: DM Sans,sans-serif;
                font-size: .875rem;
                font-weight: 400;
                margin-top: 24px
            }

                .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-body .cmp-faq__accordion-notice a {
                    color: #1a5632;
                    font-weight: 700;
                    font-weight: 400;
                    text-transform: uppercase
                }

            .cmp-faq .cmp-faq__group .cmp-faq__accordion-item .cmp-faq__accordion-body hr {
                display: none
            }

.cmp-field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-item-align: start;
    -webkit-box-flex: 0;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    max-width: 50%;
    position: relative
}

@media screen and (max-width:992px) {
    .cmp-field {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.cmp-field.has-error .cmp-select__control {
    border-color: #bd2136
}

.cmp-field--half-width {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

    .cmp-field--half-width > .cmp-field-control {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

@media screen and (max-width:992px) {
    .cmp-field--half-width > .cmp-field-control {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.cmp-field--full-width, .cmp-field--full-width > .cmp-field-control {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.cmp-field-control {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    position: relative
}

    .cmp-field-control, .cmp-field-control .cmp-field-prefix {
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .cmp-field-control .cmp-field-prefix {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            -webkit-box-align: center;
            -ms-flex-item-align: stretch;
            align-self: stretch;
            border: none;
            color: #000;
            font-size: 14px;
            font-weight: 500;
            height: 56px;
            line-height: 1pc;
            opacity: 0;
            order: 1;
            padding: 22px 3px 6px 0;
            -webkit-transition: opacity .1s ease-in-out;
            transition: opacity .1s ease-in-out;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content
        }

        .cmp-field-control .cmp-field-label:not(.cmp-toggle):not(.cmp-checkbox):not(.cmp-radio), .cmp-field-control label:not(.cmp-toggle):not(.cmp-checkbox):not(.cmp-radio) {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border: 1px solid transparent;
            color: #1c3325;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: 14px;
            height: 100%;
            left: 0;
            line-height: 1pc;
            padding: 9pt 20px;
            pointer-events: none;
            position: absolute;
            top: 0;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
            transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
            transition: opacity .1s ease-in-out,transform .1s ease-in-out;
            transition: opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out
        }

.cmp-field-error, .cmp-radio-group .cmp-radio-group__error {
    color: #bd2136;
    font-size: 10px;
    font-weight: 500;
    margin-top: 8px;
    padding-left: 20px
}

.cmp-field-message {
    color: #414d45;
    font-size: 10px;
    font-weight: 500;
    margin-top: 8px;
    padding-left: 20px
}

.cmp-field-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cmp-field-icon, .cmp-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cmp-form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6px
}

    .cmp-form .cmp-button-group, .cmp-form .cmp-field {
        padding: 0 6px
    }

    .cmp-form fieldset {
        -webkit-box-flex: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%
    }

@media(max-width:968px) {
    body.open-menu {
        overflow: hidden
    }
}

body._has-modal {
    overflow: hidden
}

    body._has-modal .ytOverlay {
        z-index: 500
    }

    body._has-modal .preheader {
        position: relative
    }

.nascondidadesktop {
    display: none
}

input:focus {
    outline-width: 0
}

.trustpilot-widget {
    margin: 0 auto;
    width: 74%
}

.scrollerslider {
    letter-spacing: 0;
    line-height: 20px;
    min-width: 21pc;
    white-space: nowrap
}

.navbar-link-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--smoke);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2pc;
    padding: 0 24px;
    visibility: visible !important
}

    .navbar-link-container a {
        color: var(--chilean-heath);
        text-decoration: underline
    }

.hp-widget-empori {
    background: #f2f2ee;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    padding-bottom: 20px;
    position: relative;
    z-index: 9
}

.suggestedProduct .group-18 {
    display: none
}

.menu-item .cmp-image__image {
    border-radius: 24px
}

.page_OmaggioSoglia .dmsans-normal-everglade-20px {
    color: var(--celtic);
    font-family: Lato;
    font-family: var(--font-family-dm_sans);
    font-size: 14px;
    padding-bottom: 0
}

.page_OmaggioSoglia.overlap-group4 .cmp-title__text {
    padding-right: 24px;
    text-align: left
}

.page_OmaggioSoglia.invert.overlap-group4 .cmp-title__text {
    padding-left: 24px
}

@media screen and (max-width:992px) {
    .page_OmaggioSoglia.invert.overlap-group4 .cmp-title__text, .page_OmaggioSoglia.overlap-group4 .cmp-title__text {
        padding: 0
    }
}

.opensubmenu .hidemobile .cmp-image__image {
    border-radius: 24px
}

.suggestedProduct .flex-row {
    position: relative
}

.overlayBack {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    z-index: 500
}

.plp #header {
    background: #fff
}

.overlayBack {
    display: none
}

    .overlayBack.active {
        display: block
    }

.benefitrigth {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    -ms-flex-preferred-size: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 50%;
    justify-content: right
}

.cta-mobile-menudrop {
    display: none
}

.barra-nav-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 0
}

.footerlogo .cmp-image__image {
    padding-right: 26px
}

.overlay {
    background-color: #1a5632;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2
}

.overlayOpen {
    -webkit-animation: fadeInMenu1 .8s;
    animation: fadeInMenu1 .8s;
    height: 600px;
    opacity: 1
}

@-webkit-keyframes fadeInMenu1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInMenu1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    padding: 9pt 24px 0;
    position: relative;
    width: 100%
}

@media(max-width:992px) {
    .header {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        padding: 9pt
    }
}

.header #wrap {
    z-index: 50
}

#header {
    z-index: 400
}

    #header.stiky {
        left: 0
    }

#header-sroll {
    padding: 0
}

.group-1555 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%
}

.cta, .group-1555 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: var(--everglade);
    border-radius: 20px;
    cursor: pointer;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding: 8px 20px 8px 14px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 1
}

.overlay-content {
    height: auto;
    left: 24px;
    position: relative;
    text-align: left;
    top: 20%;
    width: 60%
}

.overlay a {
    color: #fff;
    display: block;
    font-size: 2pc;
    margin-left: 20px;
    padding: 8px;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.testo-second-content a {
    font-size: 1pc;
    line-height: 40px
}

.testo-second-content {
    text-align: left
}

.second-content {
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    height: 70px;
    line-height: 70px
}

.closebtn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fffde5;
    border-radius: 20px;
    color: #1a5632;
    cursor: pointer;
    font-size: 20px;
    gap: 10px;
    justify-content: center;
    left: 24px;
    padding: 8px 20px 8px 9pt;
    position: absolute;
    top: 46px
}

section.cm-plp {
    background: #f2f2ee;
    border-radius: 0 0 24px 24px;
    padding-bottom: 150px;
    position: relative;
    z-index: 22
}

@media(max-width:992px) {
    section.cm-plp {
        z-index: 8
    }
}

.pdp .homepage.containerGusto, .plp .homepage.containerGusto {
    border-radius: 25px;
    margin: 20px;
    padding-bottom: 40px;
    z-index: 9
}

.linkfooter {
    color: #fff;
    font-weight: 400
}

.container-chi-siamo {
    text-align: left
}

.container-chi-siamo, .wrapper-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wrapper-header {
    -ms-flex-preferred-size: 40%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-basis: 40%
}

#myNav-mobile {
    display: none
}

.ctaheaderdestra {
    -ms-flex-preferred-size: 40%;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    flex-basis: 40%;
    justify-content: right
}

.ctaheaderdestra, .discountcode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.discountcode {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fc6c0f;
    border-radius: 2pc;
    height: 40px;
    padding: 0 9.3px;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    width: 40px
}

    .discountcode .arrow-left, .discountcode input {
        opacity: 0;
        -webkit-transition: all .3s ease-in-out .2s;
        transition: all .3s ease-in-out .2s
    }

@media(min-width:968px) {
    .discountcode .coupon-submit-btn-wrapper {
        display: none
    }
}

@media(max-width:968px) {
    .discountcode.mobile-open .container-discountcode-imput {
        opacity: 1;
        top: 72px;
        -webkit-transition: all .3s ease-in-out .2s;
        transition: all .3s ease-in-out .2s;
        z-index: 30
    }

    .discountcode .container-discountcode-imput {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #1a5632;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 180px;
        justify-content: center;
        left: -9pt;
        opacity: 0;
        padding: 10px 45px;
        position: absolute;
        top: -300px;
        -webkit-transition: all .3s ease-in-out .2s;
        transition: all .3s ease-in-out .2s;
        width: 100vw;
        z-index: 0
    }

        .discountcode .container-discountcode-imput:before {
            background-image: url(clientlib-site/resources/images/discount-code-light.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: inline-block;
            height: 25px;
            left: 50px;
            position: absolute;
            width: 25px
        }

        .discountcode .container-discountcode-imput form {
            position: relative;
            width: 100%
        }

        .discountcode .container-discountcode-imput .discountInput {
            border-bottom: 1px solid #718473;
            color: #fff;
            display: inline-block;
            font-size: 20px;
            font-weight: 400;
            height: 45px;
            margin: 0 auto;
            opacity: 1;
            padding: 5px 45px;
            position: relative;
            width: calc(100% - 50px);
            z-index: 50
        }

            .discountcode .container-discountcode-imput .discountInput::-webkit-input-placeholder {
                color: #718473
            }

            .discountcode .container-discountcode-imput .discountInput::-moz-placeholder {
                color: #718473
            }

            .discountcode .container-discountcode-imput .discountInput:-ms-input-placeholder {
                color: #718473
            }

            .discountcode .container-discountcode-imput .discountInput::-ms-input-placeholder {
                color: #718473
            }

            .discountcode .container-discountcode-imput .discountInput::placeholder {
                color: #718473
            }

        .discountcode .container-discountcode-imput .discountcode-mobile-close {
            background-image: url(clientlib-site/resources/images/close-light.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            cursor: pointer;
            display: inline-block;
            height: 24px;
            position: absolute;
            right: 45px;
            top: 15px;
            width: 24px
        }

        .discountcode .container-discountcode-imput .coupon-submit-btn-wrapper {
            cursor: pointer;
            display: inline-block;
            height: 40px;
            position: absolute;
            right: 0;
            top: 0;
            width: 25px
        }

            .discountcode .container-discountcode-imput .coupon-submit-btn-wrapper input {
                background: transparent;
                border: 0;
                color: transparent;
                height: 100%;
                left: 0;
                position: absolute;
                width: 100%
            }

            .discountcode .container-discountcode-imput .coupon-submit-btn-wrapper svg {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .discountcode .container-discountcode-imput .coupon-submit-btn-wrapper.remove-coupon-container .action-remove {
                background-image: url(clientlib-site/resources/images/close-light.svg);
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: contain;
                height: 100%;
                left: -8px;
                position: absolute;
                width: 100%
            }
}

.discountcode.open {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1c3325;
    border-radius: 2pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    overflow: hidden;
    padding: 0 9.3px;
    position: relative;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    width: 275px
}

    .discountcode.open .arrow-left, .discountcode.open input {
        opacity: 1;
        -webkit-transition: all .5s ease-in-out .5s;
        transition: all .5s ease-in-out .5s
    }

@media(min-width:968px) {
    .discountcode.open .coupon-submit-btn-wrapper {
        cursor: pointer;
        display: inline-block;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        width: 25px
    }

        .discountcode.open .coupon-submit-btn-wrapper input {
            background: transparent;
            border: 0;
            color: transparent;
            height: 100%;
            left: 0;
            position: absolute;
            width: 100%
        }

        .discountcode.open .coupon-submit-btn-wrapper svg {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .discountcode.open .coupon-submit-btn-wrapper.remove-coupon-container .action-remove {
            background-image: url(clientlib-site/resources/images/close-light.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            height: 100%;
            left: -8px;
            position: absolute;
            width: 100%
        }
}

.discountcode.open .coupon-submit-btn-wrapper input:hover {
    cursor: pointer
}

.discountcode.open .overlap-group-1 {
    background: #fc6c0f;
    border-radius: 24px;
    height: 33px;
    left: 2px;
    position: absolute;
    width: 33px
}

.discountcode.open .group-25 {
    height: 9px;
    left: 9pt;
    position: absolute;
    top: 9pt;
    width: 9px
}

.discountcode.open .star-1 {
    height: 21px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 21px
}

.overlap-group-1 {
    height: 21px;
    position: relative;
    width: 21px
}

.group-25 {
    height: 9px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 9px
}

.star-1 {
    height: 21px;
    left: 0;
    position: absolute;
    top: 0;
    width: 21px
}

.myaccount {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--everglade);
    border-radius: 2pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin-left: 8px;
    padding: 0 8px;
    position: relative;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    width: 40px
}

    .myaccount .arrow-left, .myaccount .titleMyAccount {
        opacity: 0;
        -webkit-transition: all .3s ease-in-out .2s;
        transition: all .3s ease-in-out .2s
    }

    .myaccount.open {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: var(--everglade);
        border-radius: 2pc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        margin-left: 8px;
        padding: 0 8px;
        position: relative;
        -webkit-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

        .myaccount.open .arrow-left, .myaccount.open .titleMyAccount {
            opacity: 1;
            -webkit-transition: all .5s ease-in-out .5s;
            transition: all .5s ease-in-out .5s
        }

.ContainerSliderProd, .wrapper-component-title {
    background-image: url(../../../etc.clientlibs/fratellicarli/clientlibs/clientlib-site/resources/images/rectangletransparent.png)
}

.rectangle-9 {
    border: .9pt solid;
    border-color: var(--chilean-heath);
    border-radius: 40px;
    height: 9px;
    width: 8px
}

.rectangle-10 {
    height: 4px;
    width: 15px
}

.myaccount {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

    .myaccount .icon-account {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1px;
        min-height: 24px;
        padding: 4.4px 3px;
        width: 24px
    }

    .myaccount .icon-account, .searchContainer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.searchContainer {
    background-color: var(--everglade);
    border-radius: 2pc;
    height: 40px;
    margin-left: 8px;
    padding: 0 10px 0 9px;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    width: 40px
}

    .searchContainer .arrow-left, .searchContainer input.searchInput {
        opacity: 0;
        -webkit-transition: all .3s ease-in-out .2s;
        transition: all .3s ease-in-out .2s
    }

@media screen and (max-width:992px) {
    .searchContainer .arrow-left, .searchContainer input.searchInput {
        position: relative;
        right: 50px;
        width: 25px
    }

    .searchContainer .icon {
        position: absolute;
        right: 0;
        width: 25px
    }

    .searchContainer form {
        position: relative
    }

    .searchContainer.open {
        padding-left: 35px !important
    }

        .searchContainer.open .arrow-left {
            position: absolute !important;
            top: 0
        }
}

.minicart__trigger {
    position: relative
}

    .minicart__trigger .minicart__counter {
        background-color: #bd2136;
        border-radius: 50%;
        color: #fff;
        font-size: 9pt;
        height: 18px;
        line-height: 18px;
        position: absolute;
        right: -5px;
        text-align: center;
        top: -4px;
        width: 18px
    }

.openCart {
    background-color: var(--everglade);
    padding: 0 10px 0 9px;
    width: 40px
}

.openCart, .searchContainer.open {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin-left: 8px
}

.searchContainer.open {
    background-color: #1c3325;
    position: relative;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    width: 165px
}

    .searchContainer.open .search-submit-btn-wrapper {
        display: inline-block;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 25px
    }

        .searchContainer.open .search-submit-btn-wrapper input {
            background: transparent;
            border: 0;
            color: transparent;
            height: 100%;
            left: 0;
            position: absolute;
            width: 100%
        }

        .searchContainer.open .search-submit-btn-wrapper svg {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .searchContainer.open .arrow-left, .searchContainer.open input.searchInput {
        opacity: 1;
        -webkit-transition: all 1.1s ease-in-out .5s;
        transition: all 1.1s ease-in-out .5s
    }

@media screen and (max-width:992px) {
    .searchContainer.open .arrow-left, .searchContainer.open input.searchInput {
        position: relative;
        right: 0
    }
}

input.searchInput[type=text] {
    background: transparent;
    border: 0;
    color: #fffde5;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-left: 9pt;
    width: 75pt
}

@media screen and (max-width:992px) {
    input.searchInput[type=text] {
        left: 25%;
        position: relative
    }
}

.searchContainer.open .icon {
    height: 33px;
    width: 33px
}

input:focus {
    outline: none
}

.cmp-text ul {
    list-style: inherit;
    padding-left: 14px
}

input.searchInput::-webkit-input-placeholder {
    color: #fffde5
}

input.searchInput::-moz-placeholder {
    color: #fffde5
}

input.searchInput:-ms-input-placeholder {
    color: #fffde5
}

input.searchInput::-ms-input-placeholder {
    color: #fffde5
}

input.searchInput::placeholder {
    color: #fffde5
}

.search button .arrow-left.searchOpen {
    padding-left: 3px
}

.searchContainer.searchButton .arrow-left:hover, .searchContainer.searchButton img.icon:hover {
    cursor: pointer
}

.discountcode.open .arrow-left, .discountcode.open input, .myaccount.open .arrow-left, .myaccount.open .titleMyAccount {
    display: block
}

.titleMyAccount > a {
    color: #fff;
    display: block;
    font-size: 9pt;
    line-height: 24px;
    min-width: 90pt;
    width: 100%
}

    .titleMyAccount > a .miniaccount__triggerArea {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

input.discountInput[type=text] {
    background: transparent;
    border: 0;
    color: #fffde5;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left: 2pc;
    width: 250px
}

input.discountInput::-webkit-input-placeholder {
    color: #f2f2f0
}

input.discountInput::-moz-placeholder {
    color: #f2f2f0
}

input.discountInput:-ms-input-placeholder {
    color: #f2f2f0
}

input.discountInput::-ms-input-placeholder {
    color: #f2f2f0
}

input.discountInput::placeholder {
    color: #f2f2f0
}

.searchButton.open input.searchInput {
    margin-left: 33px
}

.searchButton.open .arrow-left {
    display: block
}

.icon {
    height: 24px;
    width: 24px
}

.logo-carli {
    height: 54px;
    width: 100%
}

.logocentrato {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.icon-hamburger {
    margin-right: 4px;
    width: 24px
}

.gupter-normal-everglade-40px {
    color: var(--everglade);
    font-family: Gupter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px
}

.imgfitcover {
    border-radius: 24px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.icon-cart-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    width: 18px
}

#chisiamo-overlay, .chi-siamo-generato {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contenuto-chi-siamo {
    text-align: center;
    width: 60%
}

.testo-sottomenufooter {
    color: #fffde5
}

.testo-chi-siamo-generato {
    cursor: pointer;
    font-family: sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-left: 150px;
    margin-top: 26px;
    text-align: left
}

.second-content a {
    cursor: pointer
}

.chiudibutton svg {
    margin-right: 4px
}

.footer-lang {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: center
}

.blocco-StoriaCentoAnn-img img, .card_2020 img, .cardmenudesktop img, .category-carousel-item img, .cmp-teaser__image img, .columnLineaTemporaleImg img, .column_StoreLocator-2 img, .contenitoreCardImage_group img, .contenitore_imgSacchetto img, .group-img-right img, .groupCard_descrizione1 img, .groupCard_descrizione22 img, .herodiv .group-291 > img, .imagebackground img, .img-card > img, .img-container img, .menu-item img, .order-product-image img, .plp-cardImmagine img, .radiusCard_Slide_22 img, .slider-editorialepdp img, .video-pdp img, .videocover img {
    border-radius: 24px
}

footer .cmp-image__image {
    border-radius: 0
}

.img-prod-pdp:last-child img {
    border-bottom-right-radius: 24px
}

.imageeditorialcardmenu .slidertitleeditoral2 {
    bottom: 18px
}

.imageeditorialcardmenu {
    position: relative
}

.blocco-footer-mob-33 {
    background: #f2f2f0;
    padding: 25px
}

.firstmenu {
    display: none
}

.openmenu {
    display: unset
}

#hideMenuMobile {
    display: none
}

.swiperarrow .swiper-button-next, .swiperarrow .swiper-button-prev {
    margin-left: 1pc;
    position: relative
}

.containertitle {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: baseline;
    justify-content: space-between
}

.containertitle, .swiperarrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.swiperarrow {
    margin-right: 24px
}

    .swiperarrow .swiper-button-prev:after {
        display: none !important
    }

    .swiperarrow .swiper-button-next:after {
        display: none
    }

    .swiperarrow .swiper-button-prev {
        padding-right: 70px
    }

.containerEditoriale .swiper-horizontal > .swiper-pagination-bullets, .containerEditoriale .swiper-pagination-bullets.swiper-pagination-horizontal, .containerEditoriale .swiper-pagination-custom, .containerEditoriale .swiper-pagination-fraction {
    bottom: 10px;
    bottom: -1px;
    left: 0;
    padding-top: 40px;
    position: static;
    width: 100%;
    z-index: 999
}

    .containerEditoriale .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .containerEditoriale .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 !important
    }

.containerEditoriale .swiper-pagination-bullet {
    border-radius: 10% !important;
    height: 4px !important;
    width: 15% !important
}

.containerEditoriale .swiper-pagination-bullet-active {
    background: #1a5632 !important;
    opacity: 1
}

.homepage .plp-container {
    background: #f2f2ee;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 0 24px 75px;
    position: relative;
    z-index: 8
}

.category-carousel {
    position: relative;
    top: -50px;
    z-index: 1
}

.homepage.plp {
    position: relative
}

.swiper.swipereditorialtemporized {
    border-radius: 0 0 24px 24px
}

.desktop {
    display: block
}

.mobile {
    display: none
}

@media screen and (min-width:992px) {
    .openmenu .afterbgmenu {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

        .openmenu .afterbgmenu:before {
            background: #f8f8f6;
            content: "";
            display: block;
            display: inline-block;
            height: 3pc;
            position: absolute;
            -webkit-transform: translateZ(-1px);
            transform: translateZ(-1px);
            width: 100%;
            z-index: -1
        }
}

.desk-widget-prodotto.herohead .flex-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .cardmenudesktop, .swiperarrow {
        display: none !important
    }

    .trustpilot-widget {
        margin: 0 auto;
        width: 98%
    }

    .icon-hamburger {
        margin-right: 0
    }

    .carouselmaincontainer {
        width: 100%
    }

    .desktop {
        display: none
    }

    .mobile {
        display: block
    }

    .carouselmaincontainer > img {
        padding-top: 150px;
        width: 100%
    }

    #myNav-mobile {
        display: unset
    }

    .barra-nav-top, .chi-siamo {
        display: none
    }

    .group-98 {
        min-width: 0 !important
    }

    .icon-hamburger {
        position: relative
    }

    .cta {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }

    .cta, .searchContainer {
        height: 40px;
        width: 40px
    }

    .searchContainer {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .discountcode {
        width: 40px
    }

    .myaccount, .myaccount.open {
        display: none
    }

    .i-nostri-clienti-dicono {
        text-align: center;
        width: 50%
    }

    .group-1547, .trustpilot {
        display: block !important
    }

    .eccezionale {
        display: none
    }

    .group-1490 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%
    }

    .x47-su-5-sulla-base-di-1532-recensioni {
        text-align: center
    }

    .o2-o {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        margin-top: 20px;
        padding: 0 !important
    }

    .frame-1559 {
        padding: 20px;
        width: 45% !important
    }

    .frame-1558 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        text-align: center
    }

    .frame-1556, .frame-1561 {
        display: block !important;
        text-align: center
    }

    .frame-15, .frame-1557 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .icon-car {
        height: 23px;
        width: 46px
    }

    .frame {
        height: auto;
        width: 65px !important
    }

    .frame-1, .frame-2 {
        height: 23px;
        width: 46px
    }

    .consegna-gratis {
        text-align: center
    }

    .consegna-gratis, .reso-gratuito {
        font-size: 1pc !important
    }

    .frame-1562 {
        padding: 40px 60px !important
    }

    .frame-1508, .frame-1562, .frame-1564 {
        width: 40% !important
    }

    .videocontainerimage {
        background-image: url(clientlib-site/clientlib-fratellicarli-site/images/rectangle.svg);
        background-size: inherit !important;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        min-height: 600px !important;
        padding: unset !important
    }

    .subttitlevideo {
        line-height: 24px !important;
        margin-bottom: 8px;
        margin-left: 0 !important;
        margin-top: 40px
    }

    .video {
        height: 270px !important;
        padding: 130px 23pc !important
    }

    .title-main.gupter-normal-everglade-64px {
        font-size: 2pc;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.02em;
        line-height: 36px;
        text-align: center
    }

    .homepage .plp-container {
        padding: 0 1pc 45px
    }
}

ul.sub-menu.Bgsecondmenu.opensubmenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #1a5632;
    -ms-flex-flow: column;
    flex-flow: column;
    left: 25pc;
    max-width: 25%;
    top: 5pc;
    z-index: 20
}

.discountcode, .myaccount, .openCart {
    cursor: pointer
}

.openCart {
    z-index: 30
}

.cta.chiudi {
    background: #fff;
    margin-top: 46px;
    padding: 8px 0 8px 19px
}

.sub-bar-mobile {
    display: none
}

.containerMinicart .blocco1consegneInfo {
    background: #e8e8de;
    border-radius: 24px;
    margin: 24px;
    width: auto
}

@media screen and (min-width:992px) {
    .itemmenu1.padbtm {
        padding-bottom: 40px !important
    }
}

@media screen and (max-width:992px) {
    .wrapper-m-sell {
        -ms-flex-pack: distribute;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 0 !important
    }

    .sub-bar-mobile {
        display: block
    }

    .cuore {
        margin-top: 13px;
        width: 10px
    }

    .nome-prod {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        padding-left: 8px;
        padding-right: 8px
    }

    .AddcartSkin {
        color: #fffde5;
        display: block;
        font-size: 14px;
        line-height: 15px;
        max-width: 82%;
        padding: 6px 10px
    }

    .showall {
        display: none
    }
}

.containerMain {
    background: #f2f2ee;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    margin-bottom: 24px;
    padding-bottom: 61px;
    z-index: 10 !important
}

li.menu-item-has-children.highlitedmenu a {
    color: #bd2136
}

.strokeprice {
    text-decoration: line-through
}

.button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #1a5632;
    border: 0;
    border-radius: 24px;
    color: #fffde5;
    font-weight: 500;
    justify-content: center;
    margin-bottom: 3pc;
    margin-top: 2pc;
    padding: 9pt 20px;
    width: 100%
}

@media screen and (max-width:992px) {
    .img-mini-22 {
        height: 78px !important;
        width: 78px !important
    }

    .Titlecard {
        font-size: 20px !important
    }

    .Allineamento-testo {
        font-size: 1pc !important;
        margin-top: 0 !important
    }

    .img-card-mini {
        margin-top: auto !important
    }

    .titlemain {
        font-size: 2pc !important
    }
}

.plus-minus-toggle {
    cursor: pointer;
    height: 14px;
    position: relative;
    width: 14px
}

    .plus-minus-toggle:after, .plus-minus-toggle:before {
        background: #fffde5;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease,-webkit-transform .5s ease;
        width: 14px
    }

    .plus-minus-toggle:after {
        -webkit-transform-origin: center;
        transform-origin: center
    }

    .plus-minus-toggle.collapsed:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .plus-minus-toggle.collapsed:before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.plus-minus-toggle {
    display: none
}

.searchBar {
    background: #f8f8f6;
    height: 100vh;
    left: -450px;
    position: fixed;
    top: 0;
    width: 450px;
    z-index: 600
}

    .searchBar, .searchBar.closed {
        -webkit-transition: .3s;
        transition: .3s;
        -webkit-transition-timing-function: cubic-bezier(.9,0,1,1);
        transition-timing-function: cubic-bezier(.9,0,1,1)
    }

        .searchBar.closed {
            left: 0
        }

.containerSearch {
    height: 100%;
    padding: 49px 24px
}

.searchBar.searchBar.closed {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.cartBar {
    background: #f8f8f6;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    height: 100vh;
    position: fixed;
    right: -450px;
    top: 0;
    width: 450px;
    z-index: 600
}

    .cartBar, .cartBar.closed {
        -webkit-transition: .3s;
        transition: .3s;
        -webkit-transition-timing-function: cubic-bezier(.9,0,1,1);
        transition-timing-function: cubic-bezier(.9,0,1,1)
    }

        .cartBar.closed {
            right: 0
        }

.openmenu .header {
    background: #fff
}

.containerMinicart {
    height: 100%;
    padding: 23px 0 0
}

.cartBar.searchBar.closed {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.containerMinicart .infoProdotto1 {
    width: 100%
}

.containerMinicart .minicartproductprice {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    justify-content: space-between
}

.containerMinicart .totProdotto1 {
    width: auto
}

.containerMinicart .prodottoSingoloCarrello {
    padding: 0
}

.containerMinicart .contenitore_prodMiniCart {
    background: none;
    height: auto;
    overflow-y: auto;
    padding: 0 24px 75pt;
    scrollbar-width: none
}

.containerMinicart .contenitoreCestinoCarrello {
    position: absolute;
    top: 9pt
}

.containerMinicart .miniCart_title_chiudi {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
    width: 100%
}

.containerMinicart .infoProdCart-22 {
    padding: 0;
    width: 100%
}

.containerMinicart .sfondo-prod-cart {
    margin-right: 9pt
}

.containerMinicart .titleDescCartProd {
    max-width: 80%
}

.containerMinicart .ordering-qta_carrello {
    width: 100%
}

.spedizioneCart {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    vertical-align: middle
}

.orangeText {
    color: #fc6c0f
}

.containerMinicart .minicart-bottom {
    -webkit-box-flex: 0;
    background: #f8f8f6;
    border-bottom-left-radius: 24px;
    bottom: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: auto;
    margin-bottom: 0;
    margin-top: auto;
    padding: 0 24px 24px;
    position: relative;
    width: 100%
}

    .containerMinicart .minicart-bottom .view-cart {
        margin-top: 1.25rem;
        width: 100%
    }

.containerMinicart .minicartproduct {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    overflow-y: auto
}

.containerMinicart .container_infoQta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-bottom: 1px solid #e8e8de;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#searchForm div.searchContainer {
    height: 44px;
    margin: 0;
    padding-left: 2px;
    width: 76%
}

#searchForm img.icon {
    background: #1a5632;
    border-radius: 25px;
    height: 40px;
    left: 2px;
    padding: 8px;
    width: 40px
}

#searchForm input.searchInput {
    width: 86%
}

.searchBar .close {
    display: block;
    height: 40px;
    left: inherit;
    position: relative;
    top: inherit;
    transform: none;
    -webkit-transform: none;
    width: 40px
}

.searchForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

form#searchForm {
    width: 90%
}

@media screen and (max-width:992px) {
    form#searchForm {
        width: calc(100% - 40px)
    }
}

.searchText .container-intendevi > a, .searchText .container-intendevi > p {
    margin-left: 0;
    padding-left: 0
}

.searchText p.prodottisuggeriti-title {
    font-size: 9pt;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 9pt;
    padding-bottom: 1pc
}

.searchBar .container-intendevi {
    margin-bottom: 35px;
    margin-top: 35px
}

.searchText a.prodCorrelati {
    font-size: 18px
}

.suggestedProduct .prodottisuggeriti-title {
    font-size: 9pt;
    padding-bottom: 1pc;
    padding-left: 0
}

.searchBar .desk-widget-prodotto {
    background: #fff;
    margin-bottom: 9pt
}

    .searchBar .desk-widget-prodotto .qtaStyle {
        margin: 0
    }

@media screen and (max-width:992px) {
    .titleMobile-11 {
        color: #1a5632;
        font-family: Gupter;
        font-size: 40px;
        font-weight: 400;
        line-height: 44px;
        margin-bottom: 20px;
        width: 80%
    }

    .searchBar.closed {
        border-radius: 0
    }

    .vedituttoEmpori {
        padding: 0 9pt
    }

    .searchBar {
        border-radius: 0;
        left: -150%;
        width: 100%
    }

        .searchBar.closed {
            border-radius: 0 !important;
            top: 30px
        }

    .cartBar {
        border-radius: 0;
        right: -100%;
        width: 100%
    }

    .searchForm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse
    }

    #searchForm input.searchInput {
        padding-left: 8px;
        width: 83%
    }

    #searchForm div.searchContainer {
        margin-left: 8px;
        width: calc(100% - 8px)
    }

    .containerSearch {
        height: calc(100dvh - 2pc);
        overflow-y: auto;
        padding: 9pt
    }
}

@media screen and (max-width:992px)and (max-width:992px) {
    .containerSearch {
        max-width: 100vw;
        overflow-x: hidden
    }
}

@media screen and (max-width:992px) {
    .editorialslidetitle {
        font-size: 2pc !important;
        line-height: 36px !important;
        width: 100%
    }

    .hero {
        padding: 0
    }

    .editorialslidetitle {
        font-family: Gupter;
        font-size: 2pc;
        font-size: 56px;
        font-style: normal;
        font-weight: 400;
        width: 100%
    }

    .nascondidadesktop {
        border-radius: 24px;
        display: block;
        padding: 10px;
        width: 100%
    }

    .overlap-group1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        height: 100%
    }

    .img-principale-mobile-11 {
        width: 100%
    }

    .TitleEmpori {
        font-size: 2pc !important
    }

    .benefitrigth {
        display: none
    }

    .scrollerslider {
        letter-spacing: 0;
        line-height: 20px;
        text-align: center;
        white-space: nowrap;
        width: 100%
    }

    .desk-footer {
        min-height: 0
    }

    .opensubft {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row;
        flex-flow: row;
        justify-content: space-between;
        width: 100%
    }

    .frame-16 {
        width: 100%
    }

    #hover-footer1, #hover-footer2, #hover-footer3, #hover-footer4, #hover-footer5 {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        padding: 18px !important;
        width: 100% !important
    }

    .btn-invia-iscrizione-news {
        background: #fffde5;
        border: 0;
        border-radius: 2pc;
        color: #1a5652;
        margin-left: -111px;
        padding: 10px 30px !important;
        position: absolute
    }

    .home .plus-minus-toggle {
        display: none
    }

    .container-img-deskfooter-mob {
        color: FFFDE5;
        text-align: center;
        width: 100%
    }

    .linkscopridipiu-footer-mob {
        color: #fff !important;
        display: unset !important;
        text-decoration: underline !important
    }

    .meditrranea-footer-link-mob {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        padding: 18px !important;
        width: 100% !important
    }

    .pagamenti-footer-mob {
        background: #fff;
        width: 100%
    }

    .icone-social-footer-mob, .moetodo-pagamento-carte-footer {
        text-align: center;
        width: 100%
    }

    .icone-social-footer-mob {
        margin-bottom: 20px;
        margin-top: 20px
    }

    #myNav-mobile {
        background: #fff;
        color: #1a5632;
        height: 0;
        width: 100%
    }

    .cta {
        display: none
    }

    .desk-benefit-bar {
        z-index: 50
    }

    .cta-mobile-menudrop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: var(--everglade);
        border-radius: 20px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        padding: 8px 13px 8px 10px;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content;
        width: 40px;
        z-index: 1
    }

        .cta-mobile-menudrop .icon-hamburger {
            right: 2px
        }

    .overlay-mobile {
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2
    }

    .closebtn-mobile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        background-color: #1a5632;
        border-radius: 20px;
        color: #fffde5;
        cursor: pointer;
        font-size: 20px;
        font-weight: 300;
        gap: 10px;
        justify-content: center;
        left: 14px;
        padding: 2px 1pc 6px 15px;
        position: absolute;
        top: 46px
    }

    .menu-livello-1-mobile {
        display: grid;
        margin-left: 14px;
        margin-top: 75pt;
        overflow: hidden;
        width: 100%
    }

    .over-mobile-due-editoriale {
        background-color: #1a5632;
        height: 100% !important;
        width: 100%;
        z-index: 2
    }

    .formato-testo-123 {
        color: red
    }

    .vedituttoEmpori p {
        display: none
    }

    .title-sellup {
        font-size: 14px !important
    }

    .img-principale-mobile-22 {
        height: 658px;
        width: 100%
    }

    .titleMobile-22 {
        weight: 400;
        bottom: 5pc;
        color: #fffde5;
        font-size: 40px;
        line-height: 44px
    }

    .buttonMobile-22, .titleMobile-22 {
        font-family: Gupter;
        left: 30px;
        position: absolute;
        width: 80%
    }

    .buttonMobile-22 {
        background: #fffde5;
        border: 0;
        border-radius: 2pc;
        bottom: 30px;
        color: #1a5632;
        font-size: 1pc;
        font-weight: 400;
        padding: 8px 20px;
        text-align: left;
        width: auto
    }

    .contenitoretitolo-freccia {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .subtitlehero {
        display: none
    }

    .home .plus-minus-toggle {
        display: block
    }

    p.subtitle-main.dmsans-normal-everglade-20px {
        font-family: --font-family-dm_sans;
        font-family: DM Sans,Helvetica;
        font-size: 1pc;
        font-style: normal;
        font-weight: 400;
        line-height: 24px
    }

    .sub-bar-mobile {
        background: #729881;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        bottom: 0;
        height: 50px;
        padding: 18px 0;
        position: fixed;
        width: 100%
    }

    .accountmobile, .sub-bar-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .accountmobile, .emporimobile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        justify-content: center;
        width: 50%
    }

    .emporimobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .swipereditorialtemporized .swiper-pagination-bullet {
        height: 84px;
        min-width: 109px !important
    }

    span.swiper-pagination-bullet svg {
        width: 87%
    }

    .img-sellup {
        height: 61px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .searchBar .desk-widget-prodotto {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row;
        flex-flow: row
    }

        .searchBar .desk-widget-prodotto .item__images {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 40%;
            flex: 1 1 40%;
            width: 100%
        }

            .searchBar .desk-widget-prodotto .item__images img {
                margin: 0;
                width: 100%
            }

        .searchBar .desk-widget-prodotto .flex-col {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 60%;
            flex: 1 1 60%;
            width: 100%
        }

            .searchBar .desk-widget-prodotto .flex-col p {
                display: inline-block;
                margin: 0;
                padding: 0;
                width: 100%
            }

                .searchBar .desk-widget-prodotto .flex-col p.qtaStyle {
                    padding: 0 10px;
                    width: auto
                }

            .searchBar .desk-widget-prodotto .flex-col .flex-row {
                min-width: auto
            }

    .searchBar .containerSearch .desk-widget-prodotto .item__images img {
        margin: 0 auto;
        width: auto
    }

    .searchBar .containerSearch .desk-widget-prodotto .flex-col p {
        padding: 6px 8px;
        width: auto
    }
}

.cmp-link__screen-reader-only {
    display: none
}

#codice_accettato, #codice_cancellato, #codice_errato, .containerPromoApplica .Applica-submit, .coupon-loader {
    background: none;
    border: none;
    border-radius: 17px;
    -webkit-box-shadow: 5px -2px 81px 1px rgba(0,0,0,.09);
    box-shadow: 5px -2px 81px 1px rgba(0,0,0,.09);
    color: #1a5632;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    opacity: 1;
    pointer-events: all;
    position: absolute;
    right: 2px;
    text-decoration: underline;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70px;
    z-index: 1
}

    #codice_accettato .my-account-loader, #codice_cancellato .my-account-loader, #codice_errato .my-account-loader, .containerPromoApplica .Applica-submit .my-account-loader, .coupon-loader .my-account-loader {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-item: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        justify-content: center;
        min-height: unset
    }

        #codice_accettato .my-account-loader:after, #codice_cancellato .my-account-loader:after, #codice_errato .my-account-loader:after, .containerPromoApplica .Applica-submit .my-account-loader:after, .coupon-loader .my-account-loader:after {
            height: 30px;
            left: 0;
            position: relative;
            top: 0;
            width: 30px
        }

.hero-banner__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 24px
}

    .hero-banner__container.inverted {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

@media screen and (max-width:992px) {
    .hero-banner__container.inverted {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.hero-banner__container.inverted .hero-banner__text-wrapper {
    margin-left: 18px;
    margin-right: 0
}

@media screen and (max-width:992px) {
    .hero-banner__container.inverted .hero-banner__text-wrapper {
        margin: 0
    }

    .hero-banner__container.inverted .hero-banner__asset {
        margin-bottom: 1pc
    }
}

@media screen and (min-width:993px) {
    .hero-banner__container.product-card .desk-widget-prodotto {
        max-width: 450px
    }
}

.hero-banner__container.product-card .desk-widget-prodotto .hero-product {
    min-height: 0
}

.hero-banner__container.product-card .desk-widget-prodotto .product-item-link {
    width: 90%
}

.hero-banner__container.product-card .desk-widget-prodotto button {
    bottom: 1pc;
    padding: 11px 8px;
    right: 1pc
}

    .hero-banner__container.product-card .desk-widget-prodotto button img {
        width: 20px
    }

.hero-banner__container.full-width {
    padding: 0
}

@media screen and (max-width:992px) {
    .hero-banner__container.full-width .hero-banner__text-wrapper {
        padding-left: 1pc;
        padding-right: 1pc
    }
}

.hero-banner__container.full-width .hero-banner__asset img, .hero-banner__container.full-width .hero-banner__asset video {
    border-radius: 0
}

.hero-banner__container.custom-height .hero-banner__asset-container {
    height: 100%
}

@media screen and (max-width:992px) {
    .hero-banner__container.custom-height .hero-banner__asset-container {
        height: var(--componentHeightMobile) !important
    }
}

@media screen and (min-width:993px) {
    .hero-banner__container.custom-height .hero-banner__asset-container {
        height: var(--componentHeight) !important
    }
}

.hero-banner__container.custom-height .hero-banner__asset-container .media__background, .hero-banner__container.custom-height .hero-banner__asset-container .media__background .background, .hero-banner__container.custom-height .hero-banner__asset-container .media__image, .hero-banner__container.custom-height .hero-banner__asset-container .media__image .cmp-image, .hero-banner__container.custom-height .hero-banner__asset-container .media__video {
    height: 100%
}

    .hero-banner__container.custom-height .hero-banner__asset-container .media__image img, .hero-banner__container.custom-height .hero-banner__asset-container .media__video video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

@media screen and (max-width:992px) {
    .hero-banner__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 1pc
    }
}

.hero-banner__text-wrapper {
    -ms-flex-negative: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    margin-right: 18px;
    width: 34%
}

@media screen and (max-width:992px) {
    .hero-banner__text-wrapper {
        margin: 0;
        width: 100%
    }
}

.hero-banner__subtitle, .hero-banner__text, .hero-banner__title {
    width: 100%
}

.hero-banner__subtitle {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 20px;
    font-weight: 25pc;
    line-height: 26px
}

    .hero-banner__subtitle > div {
        margin-bottom: 9pt
    }

@media screen and (max-width:992px) {
    .hero-banner__subtitle {
        font-size: 1pc;
        line-height: 20px
    }
}

.hero-banner__title {
    color: #1a5632;
    font-family: Gupter;
    font-size: 4pc;
    font-weight: 25pc;
    letter-spacing: -.04em;
    line-height: 68px
}

    .hero-banner__title > div {
        margin-bottom: 1pc
    }

@media screen and (max-width:992px) {
    .hero-banner__title {
        font-size: 40px;
        line-height: 44px
    }
}

.hero-banner__text {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 1pc;
    font-weight: 25pc;
    line-height: 24px
}

    .hero-banner__text > div {
        margin-bottom: 1pc
    }

@media screen and (max-width:992px) {
    .hero-banner__button button {
        margin-bottom: 1pc
    }
}

.hero-banner__asset {
    font-size: 0;
    min-height: 200px;
    position: relative;
    width: 100%
}

    .hero-banner__asset .background {
        min-height: 200px
    }

    .hero-banner__asset img {
        border-radius: 24px;
        height: auto
    }

    .hero-banner__asset .video-container, .hero-banner__asset video {
        border-radius: 24px
    }

.hero-banner__wrapper.alt .hero-banner__container {
    position: relative
}

@media screen and (max-width:992px) {
    .hero-banner__wrapper.alt .hero-banner__container {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

        .hero-banner__wrapper.alt .hero-banner__container.inverted {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
        }
}

.hero-banner__wrapper.alt .hero-banner__container.full-width {
    padding: 0
}

@media screen and (max-width:992px) {
    .hero-banner__wrapper.alt .hero-banner__container.full-width .hero-banner__text-wrapper {
        padding-left: 1pc;
        padding-right: 1pc
    }
}

.hero-banner__wrapper.alt .hero-banner__container.full-width .hero-banner__asset .video-container, .hero-banner__wrapper.alt .hero-banner__container.full-width .hero-banner__asset img, .hero-banner__wrapper.alt .hero-banner__container.full-width .hero-banner__asset video {
    border-radius: 0
}

.hero-banner__wrapper.alt .hero-banner__container.top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:992px) {
    .hero-banner__wrapper.alt .hero-banner__container.top {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
}

.hero-banner__wrapper.alt .hero-banner__container.middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .hero-banner__wrapper.alt .hero-banner__container.middle {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

.hero-banner__wrapper.alt .hero-banner__container.bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width:992px) {
    .hero-banner__wrapper.alt .hero-banner__container.bottom {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
}

.hero-banner__wrapper.alt .hero-banner__container.right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.hero-banner__wrapper.alt .hero-banner__container.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero-banner__wrapper.alt .hero-banner__container.left {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:992px) {
    .hero-banner__wrapper.alt .hero-banner__container.product-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .hero-banner__wrapper.alt .hero-banner__container.product-card.full-width .hero-banner__text-wrapper {
            padding: 1pc
        }

        .hero-banner__wrapper.alt .hero-banner__container.product-card .hero-banner__text-wrapper {
            padding: 1pc 0;
            position: relative
        }

        .hero-banner__wrapper.alt .hero-banner__container.product-card .desk-widget-prodotto {
            bottom: 1pc;
            max-width: 355px;
            padding: 9pt 14px;
            position: absolute;
            right: 1pc;
            width: auto
        }

            .hero-banner__wrapper.alt .hero-banner__container.product-card .desk-widget-prodotto .hero-product {
                min-height: 0
            }

            .hero-banner__wrapper.alt .hero-banner__container.product-card .desk-widget-prodotto .product-item-link {
                width: 100%
            }

            .hero-banner__wrapper.alt .hero-banner__container.product-card .desk-widget-prodotto .formato-sellup, .hero-banner__wrapper.alt .hero-banner__container.product-card .desk-widget-prodotto .item-sellup {
                display: none
            }

            .hero-banner__wrapper.alt .hero-banner__container.product-card .desk-widget-prodotto button {
                bottom: 1pc;
                padding: 11px 8px;
                right: 1pc
            }

                .hero-banner__wrapper.alt .hero-banner__container.product-card .desk-widget-prodotto button img {
                    width: 20px
                }
}

.hero-banner__wrapper.alt .hero-banner__text-wrapper {
    margin: 0;
    padding: 24px;
    position: absolute;
    z-index: 1
}

@media screen and (max-width:992px) {
    .hero-banner__wrapper.alt .hero-banner__text-wrapper {
        padding: 1pc 2pc
    }
}

.hero-banner__wrapper.alt .hero-banner__button button {
    margin-bottom: 0
}

.hero-banner__wrapper.alt .hero-banner__asset img {
    height: auto
}

.hero-banner__wrapper.alt .hero-banner__asset .video-container, .hero-banner__wrapper.alt .hero-banner__asset video {
    border-radius: 24px
}

.basic-carousel .cmp-carousel__header-title {
    width: 100%
}

@media screen and (max-width:992px) {
    .basic-carousel .cmp-carousel__header-title {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        color: #1a5632;
        font-family: Gupter,serif;
        font-size: 2pc !important;
        justify-content: flex-start;
        letter-spacing: -.03em;
        line-height: 52px;
        margin-bottom: 30px;
        padding-left: 0 !important;
        width: 100% !important
    }

    .cmp-carousel__header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 1pc !important;
        padding-right: 1pc !important
    }

    .hidemobile {
        display: none
    }
}

.basic-carousel {
    background-color: #f2f2ee
}

    .basic-carousel .cmp-carousel__actions {
        padding-top: 30px;
        text-align: center
    }

    .basic-carousel .cmp-carousel__header {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        align-items: baseline;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: end;
        padding: 0 24px
    }

    .basic-carousel .cmp-carousel__header-title {
        color: #1a5632;
        font-family: Gupter,serif;
        font-size: 3pc;
        letter-spacing: -.03em;
        line-height: 52px;
        margin-bottom: 24px;
        width: 90%
    }

    .basic-carousel .cmp-teaser {
        text-align: center
    }

    .basic-carousel .cmp-teaser__title {
        display: none
    }

    .basic-carousel .swiper-slide {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
        justify-content: center;
        text-align: center
    }

        .basic-carousel .swiper-slide img {
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

.category-carousel-item {
    background-color: #07436e;
    width: 100%
}

    .category-carousel-item .category-thumb-img {
        width: unset !important
    }

        .category-carousel-item .category-thumb-img img {
            height: 180px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 180px
        }

.category-carousel .swipereditorialtemporized {
    background-color: #07436e
}

.category-carousel-image img {
    height: 100%;
    width: 100%
}

@media screen and (max-width:992px) {
    .category-carousel .group-162 {
        position: relative
    }

        .category-carousel .group-162 .category-carousel-image.bthumbcarsoursel {
            left: 50%;
            margin: 0 auto;
            position: absolute;
            top: -90px;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

    .category-carousel .editorialslidetitle {
        margin: 0 auto;
        padding: 0 40px;
        text-align: center;
        width: 100%
    }
}

.corporate-carousel-item {
    width: 100%
}

@media screen and (max-width:992px) {
    .corporate-carousel-item, .corporate-carousel-item .cmp-teaser {
        height: 100%
    }
}

.corporate-carousel-item .cmp-image__image {
    width: unset
}

.corporate-carousel-item .img-container {
    width: 100%
}

    .corporate-carousel-item .img-container img {
        height: 100%;
        width: 100%
    }

.magazine-carousel-item {
    width: 100%
}

    .magazine-carousel-item .img-mini-22 {
        height: 75pt;
        width: 75pt
    }

@media screen and (max-width:992px) {
    .categorycarousel .wrapper-component-title {
        padding-top: 60px !important
    }
}

.store-carousel-item {
    width: 100%
}

.store-carousel .img-container img {
    height: 100%;
    width: 100%
}

.store-carousel .cmp-image__image {
    width: unset
}

.store-carousel .cmp-carousel__header {
    margin-bottom: 10px;
    padding-top: 30px
}

.hp-widget-video:not(.cq-Editable-dom) {
    padding-bottom: 9pt
}

@media screen and (min-width:992px) {
    .hp-widget-video:not(.cq-Editable-dom) {
        padding-bottom: 0
    }
}

.hp-widget-video:not(.cq-Editable-dom) .video-pdp.insidevideo {
    height: 100vh
}

    .hp-widget-video:not(.cq-Editable-dom) .video-pdp.insidevideo > img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.order-product-image {
    background-color: #f8f8f6;
    border-radius: 8px;
    margin: 5px;
    position: relative;
    text-align: center;
    width: 20%
}

.container_ordineProd2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.img_prodList_order {
    width: 100%
}

.lastCard-ordine {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #414d45;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 14px
}

.select-dropdownUltimiMesi {
    display: inline-block;
    margin-right: 28px;
    max-width: 100%;
    position: relative
}

.select-dropdownUltimiMesi__button {
    background-color: #e8e8de;
    border: 0;
    border-radius: 1pc;
    color: #1a5632;
    cursor: pointer;
    padding: 10px 35px 10px 15px;
    text-align: left;
    width: 100%
}

.select-dropdownUltimiMesi.zmdi-chevron-down {
    position: absolute;
    right: 10px;
    top: 9pt
}

.select-dropdownUltimiMesi__list {
    background-color: #e8e8de;
    border-radius: 1pc;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: 2
}

.select-dropdownUltimiMesi .active {
    opacity: 1;
    pointer-events: auto
}

.select-dropdownUltimiMesi__list-item {
    color: #1a5632;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    list-style-type: none;
    padding: 10px 15px
}

.select-dropdownStatoOrdine {
    display: inline-block;
    margin-right: 28px;
    max-width: 100%;
    position: relative
}

.select-dropdownStatoOrdine__button {
    background-color: #e8e8de;
    border: 0;
    border-radius: 1pc;
    color: #1a5632;
    cursor: pointer;
    padding: 10px 35px 10px 15px;
    text-align: left;
    width: 100%
}

    .select-dropdownStatoOrdine__button .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdownStatoOrdine__list {
    background-color: #e8e8de;
    border-radius: 1pc;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: 2
}

    .select-dropdownStatoOrdine__list.active {
        opacity: 1;
        pointer-events: auto
    }

.select-dropdownStatoOrdine__list-item {
    border-top: 1px solid #e6e6e6;
    color: #1a5632;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    list-style-type: none;
    padding: 10px 15px
}

.select-dropdownTipoOrdine {
    display: inline-block;
    max-width: 100%;
    position: relative
}

.select-dropdownTipoOrdine__button {
    background-color: #e8e8de;
    border: 0;
    border-radius: 1pc;
    color: #1a5632;
    cursor: pointer;
    padding: 10px 35px 10px 15px;
    text-align: left;
    width: 100%
}

    .select-dropdownTipoOrdine__button .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdownTipoOrdine__list {
    background-color: #e8e8de;
    border-radius: 1pc;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: 2
}

    .select-dropdownTipoOrdine__list.active {
        opacity: 1;
        pointer-events: auto
    }

.select-dropdownTipoOrdine__list-item {
    border-top: 1px solid #e6e6e6;
    color: #1a5632;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    list-style-type: none;
    padding: 10px 15px
}

@media screen and (max-width:992px) {
    .iMieiordiniPage .group-2-profilo .infoProdotto1 {
        width: 100%
    }

    .section1_ordine_title-progress {
        display: block !important;
        display: block;
        margin-bottom: 60px;
        position: relative
    }

    .section1_progressShipping {
        width: 100%
    }

    .colonna-2-profilo .contenitore_spedizione_pagamentoCard {
        margin-bottom: 9pt
    }

    .colonna-2-profilo .btn_riepilogoOrdine1, .colonna-2-profilo .contenitore-btn-riepilogoOrdine {
        width: 100%
    }

    .colonna-2-profilo .btn_riepilogoOrdine1 {
        margin-bottom: 9pt
    }

    .contenitore_RiepilogoOrdine .containerProdotto1 {
        padding-bottom: 9pt
    }

    .colonna-2-profilo .contenitore_spedizione_pagamentoCard {
        display: block
    }

    .colonna-2-profilo .colonna_spedizione_pagamentoCard, .colonna-2-profilo .colonna_spedizione_pagamentoCard22 {
        width: 100%
    }

    .contenitore_RiepilogoOrdine .detProd-ordine {
        margin-bottom: 6px
    }

    .colonna-2-profilo .hideConfezioniDaDesktop {
        display: block
    }

    .colonna-2-profilo .hideConfezioniMobile {
        display: none
    }

    .colonna-2-profilo .section2_infoOrdineTot {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }

    .colonna-2-profilo .section2_infoOrdineDataConsegna {
        margin-bottom: 10px;
        margin-left: 0;
        width: 50%
    }

    .hideMobile {
        display: none
    }

    .order-product-image {
        width: 33.3%
    }

    .select-dropdownStatoOrdine, .select-dropdownUltimiMesi {
        margin-right: 1px
    }

    .select-dropdownStatoOrdine__button, .select-dropdownTipoOrdine__button, .select-dropdownUltimiMesi__button {
        width: auto
    }
}

.statoOrdineCircleOrange {
    background-color: #fc6c0f;
    border-radius: 100%;
    height: 6px;
    width: 6px
}

.statoOrdineCircleYellow {
    background-color: #ffc60f;
    border-radius: 100%;
    height: 6px;
    width: 6px
}

.statoOrdineCircleGreen {
    background-color: #718473;
    border-radius: 100%;
    height: 6px;
    width: 6px
}

.section1_stateOrder {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin-left: 2pc
}

.btn_vediDettaglioOrdine {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    margin-top: 2pc;
    padding-bottom: 9pt;
    padding-top: 9pt;
    width: 100%
}

.contenitore_RiepilogoOrdine {
    width: 100%
}

.detProd-ordine {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 8px
}

.info_prod33 {
    color: #414d45;
    font-weight: 400
}

.info_prod33, .info_prod44 {
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    line-height: 14px
}

.info_prod44 {
    color: #1c3325;
    font-weight: 500
}

.infoProdCart-33 {
    padding-left: 9pt
}

.priceRiepilogoOrdine_22 {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.contenitore_spedizione_pagamentoCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    width: 100%
}

.colonna_spedizione_pagamentoCard, .colonna_spedizione_pagamentoCard22 {
    background: #f8f8f6;
    border-radius: 9pt;
    margin: 5px;
    padding: 1pc;
    width: 50%
}

.colonna_spedizione_pagamentoCard22 {
    height: 75pt
}

.title_spedizioneCard {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.01em;
    margin-bottom: 20px
}

.info_spedizioneCard, .title_spedizioneCard {
    color: #414d45;
    font-family: DM Sans;
    font-style: normal;
    line-height: 24px
}

.info_spedizioneCard {
    font-size: 1pc;
    font-weight: 400;
    margin-bottom: 4px
}

.contenitore-btn-riepilogoOrdine {
    margin-top: 44px;
    width: 50%
}

.btn_riepilogoOrdine1 {
    background-color: unset;
    border: 1px solid #1a5632;
    border-radius: 24px;
    color: #1a5632;
    margin-right: 10px;
    padding: 9pt;
    width: 40%
}

.contenitore_blocco_tot {
    margin-top: 40px
}

.contenitoreTornaIndietro {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    margin-bottom: 24px
}

.txt-tornaInditro {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.section2_infoOrdine {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.section2_infoOrdineTot {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.section2_infoOrdineDataConsegna, .section2_infoOrdineTot {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    width: 25%
}

.section2_infoOrdineDataConsegna {
    margin-left: 50px
}

.hideConfezioniDaDesktop {
    display: none
}

.section1_progressShipping ol {
    counter-reset: list-counter;
    float: left;
    list-style: none;
    text-align: center;
    width: 100%
}

    .section1_progressShipping ol li {
        display: inline-block;
        margin-left: 25%;
        position: relative;
        width: 5%
    }

        .section1_progressShipping ol li:first-child {
            margin-left: 0
        }

        .section1_progressShipping ol li:before {
            background: #e8e8de;
            border: 2px solid #fff;
            border-radius: 50%;
            color: #414d45;
            content: counter(list-counter);
            counter-increment: list-counter;
            display: inline-block;
            font-size: 1.25rem;
            height: 1.75em;
            line-height: 1.75;
            text-align: center;
            width: 1.75em
        }

        .section1_progressShipping ol li:after {
            background: #e8e8de;
            border-radius: 50%;
            bottom: -1px;
            color: #fff;
            content: "";
            left: -1px;
            position: absolute;
            right: -1px;
            top: -1px;
            z-index: -1
        }

        .section1_progressShipping ol li span {
            bottom: -1.5rem;
            left: -9pt;
            min-width: 62px;
            position: absolute
        }

        .section1_progressShipping ol li.progress--checked:before {
            background: #718473;
            color: #fff;
            content: "✓"
        }

.section1_progressShipping span.bar {
    background: #414d45;
    height: 2px;
    left: -430%;
    position: absolute;
    top: 1.125em;
    width: 400%
}

.txt-prog-bar-shipping {
    color: #414d45;
    font-family: DM Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 10px;
    text-align: center
}

.section1_ordine_title-progress {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px;
    padding-bottom: 30px;
    width: 100%
}

.selected {
    margin: 0;
    padding: 0 24px !important
}

    .selected .selectedsidebar {
        background: #e8e8de;
        border-radius: 25px;
        max-width: 60%;
        padding: 9pt;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

.section1_state_code {
    width: 20%
}

.section1_progressShipping {
    width: 80%
}

@media screen and (max-width:992px) {
    .section1_progressShipping {
        width: 100%
    }

    .section1_ordine_title-progress {
        width: 95%
    }

    span.bar {
        background: #414d45;
        height: 2px;
        left: -405%;
        position: absolute;
        top: 1.125em;
        width: 400%
    }

    .selected {
        margin: 0;
        padding: 0 !important
    }

    .select-dropdown__list-item_SideBarProfilo {
        color: #1c3325;
        cursor: pointer;
        display: block;
        font-family: DM Sans;
        font-size: 1pc;
        font-style: normal;
        font-weight: 400;
        line-height: 1.4;
        line-height: 1pc;
        list-style-type: none;
        padding: 1pc 24px !important
    }

    .selected .selectedsidebar {
        background: #e8e8de;
        padding: 0
    }

    .txt-test1 {
        color: #1c3325;
        font-size: 1pc !important;
        font-weight: 400
    }

    .selectortitolo .chevron.bottom:before {
        top: 1px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .colonna-2-profiloProd {
        width: 100%
    }
}

.select-dropdown__button_titoloMofidicaProfilo {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    background-color: #e8e8de;
    color: #1a5632;
    height: 36px;
    justify-content: unset
}

    .select-dropdown__button_titoloMofidicaProfilo.zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdown__list_titoloModificaProfilo {
    border-radius: 18px;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 50px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 98%;
    z-index: 1
}

.select-dropdown__list-item_titoloModificaProfilo {
    background: #fff;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 1pc 20px
}

.select-dropdown__list_titoloModificaProfilo.active {
    opacity: 1;
    pointer-events: auto
}

.select-dropdown__list-item_titoloModificaProfilo.select-dropdown__list_titoloModificaProfilo {
    color: #1a5632
}

.messagioErroreCampoincomleto {
    color: #bd2136;
    display: none;
    font-size: 9pt;
    font-weight: 400;
    line-height: 10px;
    margin-left: 10px
}

.messagioErroreCampoincomleto, .tyuio {
    font-family: DM Sans;
    font-style: normal
}

.tyuio {
    color: #1c3325;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.hideAiutoOnDesktop {
    display: none
}

@media screen and (max-width:992px) {
    .container-profilo1 .info-personali-1 {
        display: block
    }

    .hideAiutoOnMobile {
        display: none
    }

    .container-pagina-profilo .hideAiutoOnDesktop {
        display: block;
        margin-bottom: 75pt
    }
}

.container-profilo1 .colonna-3-profilo {
    margin-bottom: 9pt
}

.container-profilo1 .container-campi-11 {
    margin-bottom: 11px
}

.txt-dati-fiscali {
    left: 5pc;
    position: absolute;
    top: 30px
}

.container-profilo1 #button-1 .checkbox:checked + .knobs:before {
    background-color: #fff
}

.container-profilo1 .CampiAccesso33 {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1pc
}

.txt-newPsw {
    margin-bottom: 24px;
    margin-top: 24px
}

.container-profilo1 {
    min-height: 25pc
}

.btn-addindirizzo {
    background-color: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    padding: 9pt 24px;
    width: 100%
}

.select-titolo-genere {
    padding-bottom: 2px
}

.group-Indirizzi_1 {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: #e8e8de;
    border-radius: 2pc;
    font-weight: 500;
    gap: 20px;
    padding: 9pt 24px
}

.container_Address, .group-Indirizzi_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container_Address {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.AddreaaCard_1 {
    background: #f8f8f6;
    border-radius: 9pt;
    margin: 2px;
    padding: 10px;
    width: 49%
}

.mod-CancGroup-1 {
    gap: 4px
}

.blocco-nome-mod-trash, .mod-CancGroup-1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blocco-nome-mod-trash {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hideAddressBeforeClick {
    display: none
}

.showAddressAfterClick-goBack {
    display: block
}

#btn-add_address-22, #formInserimentoDati {
    display: none
}

#goBackAddress, #goMOdificaAddress {
    cursor: pointer
}

#formModificaDati {
    cursor: pointer;
    display: none
}

.fiterAddressLabel {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

    .fiterAddressLabel.active {
        background-color: #1a5632;
        border-radius: 24px;
        color: #fff;
        padding: 8px;
        width: 100%
    }

.containerIndirizziProfilo {
    min-height: 50pc
}

@media screen and (max-width:992px) {
    .containerIndirizziProfilo {
        min-height: 500px
    }
}

.cmp-input-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e8e8de;
    border-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 20px;
    width: 100%
}

.cmp-input-group--invalid {
    border-color: #bd2136
}

input.cmp-input:not([type]), input.cmp-input[type=date], input.cmp-input[type=email], input.cmp-input[type=number], input.cmp-input[type=password], input.cmp-input[type=tel], input.cmp-input[type=text] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    align-items: center;
    align-self: stretch;
    border: none;
    color: #1c3325;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 56px;
    line-height: 1pc;
    padding: 9pt 0;
    width: 100%
}

    input.cmp-input:not([type])::-webkit-input-placeholder, input.cmp-input[type=date]::-webkit-input-placeholder, input.cmp-input[type=email]::-webkit-input-placeholder, input.cmp-input[type=number]::-webkit-input-placeholder, input.cmp-input[type=password]::-webkit-input-placeholder, input.cmp-input[type=tel]::-webkit-input-placeholder, input.cmp-input[type=text]::-webkit-input-placeholder {
        visibility: hidden
    }

    input.cmp-input:not([type])::-moz-placeholder, input.cmp-input[type=date]::-moz-placeholder, input.cmp-input[type=email]::-moz-placeholder, input.cmp-input[type=number]::-moz-placeholder, input.cmp-input[type=password]::-moz-placeholder, input.cmp-input[type=tel]::-moz-placeholder, input.cmp-input[type=text]::-moz-placeholder {
        visibility: hidden
    }

    input.cmp-input:not([type]):-ms-input-placeholder, input.cmp-input[type=date]:-ms-input-placeholder, input.cmp-input[type=email]:-ms-input-placeholder, input.cmp-input[type=number]:-ms-input-placeholder, input.cmp-input[type=password]:-ms-input-placeholder, input.cmp-input[type=tel]:-ms-input-placeholder, input.cmp-input[type=text]:-ms-input-placeholder {
        visibility: hidden
    }

    input.cmp-input:not([type])::-ms-input-placeholder, input.cmp-input[type=date]::-ms-input-placeholder, input.cmp-input[type=email]::-ms-input-placeholder, input.cmp-input[type=number]::-ms-input-placeholder, input.cmp-input[type=password]::-ms-input-placeholder, input.cmp-input[type=tel]::-ms-input-placeholder, input.cmp-input[type=text]::-ms-input-placeholder {
        visibility: hidden
    }

    input.cmp-input:not([type])::placeholder, input.cmp-input[type=date]::placeholder, input.cmp-input[type=email]::placeholder, input.cmp-input[type=number]::placeholder, input.cmp-input[type=password]::placeholder, input.cmp-input[type=tel]::placeholder, input.cmp-input[type=text]::placeholder {
        visibility: hidden
    }

    input.cmp-input:not([type]):not(:-moz-placeholder-shown), input.cmp-input[type=date]:not(:-moz-placeholder-shown), input.cmp-input[type=email]:not(:-moz-placeholder-shown), input.cmp-input[type=number]:not(:-moz-placeholder-shown), input.cmp-input[type=password]:not(:-moz-placeholder-shown), input.cmp-input[type=tel]:not(:-moz-placeholder-shown), input.cmp-input[type=text]:not(:-moz-placeholder-shown) {
        padding: 22px 0 6px
    }

    input.cmp-input:not([type]):not(:-ms-input-placeholder), input.cmp-input[type=date]:not(:-ms-input-placeholder), input.cmp-input[type=email]:not(:-ms-input-placeholder), input.cmp-input[type=number]:not(:-ms-input-placeholder), input.cmp-input[type=password]:not(:-ms-input-placeholder), input.cmp-input[type=tel]:not(:-ms-input-placeholder), input.cmp-input[type=text]:not(:-ms-input-placeholder) {
        padding: 22px 0 6px
    }

    input.cmp-input:not([type]):focus, input.cmp-input:not([type]):not(:placeholder-shown), input.cmp-input[type=date]:focus, input.cmp-input[type=date]:not(:placeholder-shown), input.cmp-input[type=email]:focus, input.cmp-input[type=email]:not(:placeholder-shown), input.cmp-input[type=number]:focus, input.cmp-input[type=number]:not(:placeholder-shown), input.cmp-input[type=password]:focus, input.cmp-input[type=password]:not(:placeholder-shown), input.cmp-input[type=tel]:focus, input.cmp-input[type=tel]:not(:placeholder-shown), input.cmp-input[type=text]:focus, input.cmp-input[type=text]:not(:placeholder-shown) {
        padding: 22px 0 6px
    }

    input.cmp-input:not([type]):not(:-moz-placeholder-shown) ~ label, input.cmp-input[type=date]:not(:-moz-placeholder-shown) ~ label, input.cmp-input[type=email]:not(:-moz-placeholder-shown) ~ label, input.cmp-input[type=number]:not(:-moz-placeholder-shown) ~ label, input.cmp-input[type=password]:not(:-moz-placeholder-shown) ~ label, input.cmp-input[type=tel]:not(:-moz-placeholder-shown) ~ label, input.cmp-input[type=text]:not(:-moz-placeholder-shown) ~ label {
        color: #718473;
        opacity: .65;
        transform: scale(.85) translateY(-6px) translateX(.15rem)
    }

    input.cmp-input:not([type]):not(:-ms-input-placeholder) ~ label, input.cmp-input[type=date]:not(:-ms-input-placeholder) ~ label, input.cmp-input[type=email]:not(:-ms-input-placeholder) ~ label, input.cmp-input[type=number]:not(:-ms-input-placeholder) ~ label, input.cmp-input[type=password]:not(:-ms-input-placeholder) ~ label, input.cmp-input[type=tel]:not(:-ms-input-placeholder) ~ label, input.cmp-input[type=text]:not(:-ms-input-placeholder) ~ label {
        color: #718473;
        opacity: .65;
        transform: scale(.85) translateY(-6px) translateX(.15rem)
    }

    input.cmp-input:not([type]):focus ~ label, input.cmp-input:not([type]):not(:placeholder-shown) ~ label, input.cmp-input[type=date]:focus ~ label, input.cmp-input[type=date]:not(:placeholder-shown) ~ label, input.cmp-input[type=email]:focus ~ label, input.cmp-input[type=email]:not(:placeholder-shown) ~ label, input.cmp-input[type=number]:focus ~ label, input.cmp-input[type=number]:not(:placeholder-shown) ~ label, input.cmp-input[type=password]:focus ~ label, input.cmp-input[type=password]:not(:placeholder-shown) ~ label, input.cmp-input[type=tel]:focus ~ label, input.cmp-input[type=tel]:not(:placeholder-shown) ~ label, input.cmp-input[type=text]:focus ~ label, input.cmp-input[type=text]:not(:placeholder-shown) ~ label {
        color: #718473;
        opacity: .65;
        -webkit-transform: scale(.85) translateY(-6px) translateX(.15rem);
        transform: scale(.85) translateY(-6px) translateX(.15rem)
    }

    input.cmp-input:not([type]):not(:-moz-placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=date]:not(:-moz-placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=email]:not(:-moz-placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=number]:not(:-moz-placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=password]:not(:-moz-placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=tel]:not(:-moz-placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=text]:not(:-moz-placeholder-shown) ~ .cmp-field-prefix {
        opacity: 1
    }

    input.cmp-input:not([type]):not(:-ms-input-placeholder) ~ .cmp-field-prefix, input.cmp-input[type=date]:not(:-ms-input-placeholder) ~ .cmp-field-prefix, input.cmp-input[type=email]:not(:-ms-input-placeholder) ~ .cmp-field-prefix, input.cmp-input[type=number]:not(:-ms-input-placeholder) ~ .cmp-field-prefix, input.cmp-input[type=password]:not(:-ms-input-placeholder) ~ .cmp-field-prefix, input.cmp-input[type=tel]:not(:-ms-input-placeholder) ~ .cmp-field-prefix, input.cmp-input[type=text]:not(:-ms-input-placeholder) ~ .cmp-field-prefix {
        opacity: 1
    }

    input.cmp-input:not([type]):focus ~ .cmp-field-prefix, input.cmp-input:not([type]):not(:placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=date]:focus ~ .cmp-field-prefix, input.cmp-input[type=date]:not(:placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=email]:focus ~ .cmp-field-prefix, input.cmp-input[type=email]:not(:placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=number]:focus ~ .cmp-field-prefix, input.cmp-input[type=number]:not(:placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=password]:focus ~ .cmp-field-prefix, input.cmp-input[type=password]:not(:placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=tel]:focus ~ .cmp-field-prefix, input.cmp-input[type=tel]:not(:placeholder-shown) ~ .cmp-field-prefix, input.cmp-input[type=text]:focus ~ .cmp-field-prefix, input.cmp-input[type=text]:not(:placeholder-shown) ~ .cmp-field-prefix {
        opacity: 1
    }

    input.cmp-input:not([type]).cmp-input--unstyled, input.cmp-input[type=date].cmp-input--unstyled, input.cmp-input[type=email].cmp-input--unstyled, input.cmp-input[type=number].cmp-input--unstyled, input.cmp-input[type=password].cmp-input--unstyled, input.cmp-input[type=tel].cmp-input--unstyled, input.cmp-input[type=text].cmp-input--unstyled {
        border: revert;
        font-size: inherit;
        height: auto;
        line-height: inherit;
        padding: 9pt 0;
        width: auto
    }

        input.cmp-input:not([type]).cmp-input--unstyled::-webkit-input-placeholder, input.cmp-input[type=date].cmp-input--unstyled::-webkit-input-placeholder, input.cmp-input[type=email].cmp-input--unstyled::-webkit-input-placeholder, input.cmp-input[type=number].cmp-input--unstyled::-webkit-input-placeholder, input.cmp-input[type=password].cmp-input--unstyled::-webkit-input-placeholder, input.cmp-input[type=tel].cmp-input--unstyled::-webkit-input-placeholder, input.cmp-input[type=text].cmp-input--unstyled::-webkit-input-placeholder {
            visibility: visible
        }

        input.cmp-input:not([type]).cmp-input--unstyled::-moz-placeholder, input.cmp-input[type=date].cmp-input--unstyled::-moz-placeholder, input.cmp-input[type=email].cmp-input--unstyled::-moz-placeholder, input.cmp-input[type=number].cmp-input--unstyled::-moz-placeholder, input.cmp-input[type=password].cmp-input--unstyled::-moz-placeholder, input.cmp-input[type=tel].cmp-input--unstyled::-moz-placeholder, input.cmp-input[type=text].cmp-input--unstyled::-moz-placeholder {
            visibility: visible
        }

        input.cmp-input:not([type]).cmp-input--unstyled:-ms-input-placeholder, input.cmp-input[type=date].cmp-input--unstyled:-ms-input-placeholder, input.cmp-input[type=email].cmp-input--unstyled:-ms-input-placeholder, input.cmp-input[type=number].cmp-input--unstyled:-ms-input-placeholder, input.cmp-input[type=password].cmp-input--unstyled:-ms-input-placeholder, input.cmp-input[type=tel].cmp-input--unstyled:-ms-input-placeholder, input.cmp-input[type=text].cmp-input--unstyled:-ms-input-placeholder {
            visibility: visible
        }

        input.cmp-input:not([type]).cmp-input--unstyled::-ms-input-placeholder, input.cmp-input[type=date].cmp-input--unstyled::-ms-input-placeholder, input.cmp-input[type=email].cmp-input--unstyled::-ms-input-placeholder, input.cmp-input[type=number].cmp-input--unstyled::-ms-input-placeholder, input.cmp-input[type=password].cmp-input--unstyled::-ms-input-placeholder, input.cmp-input[type=tel].cmp-input--unstyled::-ms-input-placeholder, input.cmp-input[type=text].cmp-input--unstyled::-ms-input-placeholder {
            visibility: visible
        }

        input.cmp-input:not([type]).cmp-input--unstyled::placeholder, input.cmp-input[type=date].cmp-input--unstyled::placeholder, input.cmp-input[type=email].cmp-input--unstyled::placeholder, input.cmp-input[type=number].cmp-input--unstyled::placeholder, input.cmp-input[type=password].cmp-input--unstyled::placeholder, input.cmp-input[type=tel].cmp-input--unstyled::placeholder, input.cmp-input[type=text].cmp-input--unstyled::placeholder {
            visibility: visible
        }

        input.cmp-input:not([type]).cmp-input--unstyled:not(:-moz-placeholder-shown), input.cmp-input[type=date].cmp-input--unstyled:not(:-moz-placeholder-shown), input.cmp-input[type=email].cmp-input--unstyled:not(:-moz-placeholder-shown), input.cmp-input[type=number].cmp-input--unstyled:not(:-moz-placeholder-shown), input.cmp-input[type=password].cmp-input--unstyled:not(:-moz-placeholder-shown), input.cmp-input[type=tel].cmp-input--unstyled:not(:-moz-placeholder-shown), input.cmp-input[type=text].cmp-input--unstyled:not(:-moz-placeholder-shown) {
            padding: 9pt 0
        }

        input.cmp-input:not([type]).cmp-input--unstyled:not(:-ms-input-placeholder), input.cmp-input[type=date].cmp-input--unstyled:not(:-ms-input-placeholder), input.cmp-input[type=email].cmp-input--unstyled:not(:-ms-input-placeholder), input.cmp-input[type=number].cmp-input--unstyled:not(:-ms-input-placeholder), input.cmp-input[type=password].cmp-input--unstyled:not(:-ms-input-placeholder), input.cmp-input[type=tel].cmp-input--unstyled:not(:-ms-input-placeholder), input.cmp-input[type=text].cmp-input--unstyled:not(:-ms-input-placeholder) {
            padding: 9pt 0
        }

        input.cmp-input:not([type]).cmp-input--unstyled:focus, input.cmp-input:not([type]).cmp-input--unstyled:not(:placeholder-shown), input.cmp-input[type=date].cmp-input--unstyled:focus, input.cmp-input[type=date].cmp-input--unstyled:not(:placeholder-shown), input.cmp-input[type=email].cmp-input--unstyled:focus, input.cmp-input[type=email].cmp-input--unstyled:not(:placeholder-shown), input.cmp-input[type=number].cmp-input--unstyled:focus, input.cmp-input[type=number].cmp-input--unstyled:not(:placeholder-shown), input.cmp-input[type=password].cmp-input--unstyled:focus, input.cmp-input[type=password].cmp-input--unstyled:not(:placeholder-shown), input.cmp-input[type=tel].cmp-input--unstyled:focus, input.cmp-input[type=tel].cmp-input--unstyled:not(:placeholder-shown), input.cmp-input[type=text].cmp-input--unstyled:focus, input.cmp-input[type=text].cmp-input--unstyled:not(:placeholder-shown) {
            padding: 9pt 0
        }

input.cmp-input[type=tel] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

input.cmp-input[disabled] {
    background-color: transparent;
    color: #1c3325;
    font-weight: 700
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    -webkit-background-clip: text !important
}

.page_magazine .contenitoreHeroMagazine {
    background-color: #e8e8de;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px;
    width: 100%
}

.page_magazine .colonna_magazineTxt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    width: 40%
}

.page_magazine .colonna_magazineImg {
    width: 60%
}

.imgMagazine {
    width: 100%
}

.page_magazine .group-33-pdp .price-1 {
    padding-bottom: 9pt
}

.editorialMagazine {
    padding-bottom: 3pc !important
}

.littleTitle_magazine {
    background: #fffde5;
    border-radius: 9pt;
    color: #1a5632;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 9pt;
    padding: 6px 10px;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.title-magazine_1 {
    color: #1a5632;
    font-family: Gupter;
    font-size: 4pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 68px;
    margin-bottom: 1pc;
    margin-top: 22px
}

.subTitle-magazine_1 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 40px
}

.btnLeggiArticolo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    cursor: pointer;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    margin-bottom: 20px;
    padding: 9pt 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.page_magazine .hero2-paragraph {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fffde5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Gupter;
    font-size: 4pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 68px;
    padding-bottom: 0
}

.page_magazine .title-slider {
    background: #718473;
    border-radius: 24px;
    font-size: 9pt;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 0 10px;
    text-transform: uppercase
}

.page_magazine .stileBTN, .page_magazine .title-slider {
    color: #fffde5;
    font-family: DM Sans;
    font-style: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.page_magazine .stileBTN {
    background-color: unset;
    border: 2px solid #fffde5;
    font-size: 1pc;
    font-weight: 500;
    line-height: 1pc;
    padding: 10px 20px
}

.page_magazine .contenitore_imgSacchetto {
    margin-left: 6px
}

.txt_312 {
    color: #fffde5;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 9pt
}

.group_infoRicetta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.contenitore_infoRicetta, .group_infoRicetta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contenitore_infoRicetta {
    gap: 1pc
}

.separatore-infoRicetta {
    color: #fffde5
}

.page_magazine .herotext {
    border-radius: 20px 0 0 20px;
    height: 100%;
    left: 0;
    top: 0
}

.page_magazine .imagebackground {
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.4)),to(transparent));
    background: linear-gradient(90deg,rgba(0,0,0,.4),transparent);
    border-radius: 1pc
}

.bloccoTxt-magazine {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-left: 24px;
    position: relative
}

.bloccoTxt-magazine, .contenitoreRicette_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contenitoreRicette_1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px;
    width: 100%
}

.group_ricetta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
    width: 50%
}

.contenitoreRicette_1 .txt_312 {
    color: #414d45
}

.NameRicetta {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 2pc
}

.page_magazine .blocco-txt-11-22-33 {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset
}

.page_magazine .txt-cardDetail-22 {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 2pc;
    text-align: left
}

.page_magazine .txt-cardDetail-33 {
    text-align: left
}

.blocco_9090 {
    position: relative
}

    .blocco_9090 .title-slider {
        background: #fffde5;
        border-radius: 9pt;
        bottom: 20;
        color: #1a5632;
        font-family: DM Sans;
        font-size: 9pt;
        font-style: normal;
        font-weight: 700;
        left: 20;
        letter-spacing: .02em;
        line-height: 9pt;
        padding-bottom: 6px;
        padding-top: 6px;
        position: absolute;
        text-transform: uppercase
    }

.group_7878 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.group_7878, .page_magazine .contenitore_txtSacchetto {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page_magazine .contenitore_txtSacchetto {
    background-color: unset;
    padding-left: 24px;
    padding-top: 20px
}

.page_magazine .title-cardSacchetti {
    font-size: 4pc
}

.page_magazine .group_txt_sacchetti {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.page_magazine .btn-scopriTutto_sogliaOmaggio {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.page_magazine .subtitle-cardSacchetti {
    margin-bottom: 24px;
    width: 80%
}

.stilietendenzeGroup .title-slider {
    background-color: #fffde5;
    color: #1a5632;
    margin-bottom: 0
}

.stilietendenzeGroup .group_7878 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.separatoreMagazine {
    background-color: #1a5632;
    height: 1px;
    margin: 3pc 24px
}

.accordianNav {
    border-radius: 4px;
    padding: 24px
}

    .accordianNav h3 {
        color: var(--primari-verde-carli,#1a5632);
        font-size: 18px;
        font-weight: 500;
        letter-spacing: -.18px;
        padding-bottom: 24px
    }

    .accordianNav a, .accordianNav h3 {
        font-family: DM Sans;
        font-style: normal;
        line-height: 24px;
        text-align: center
    }

    .accordianNav a {
        color: var(--primari-verde-olivo,#718473);
        cursor: pointer;
        font-size: 1pc;
        font-weight: 400;
        padding-bottom: 9pt;
        padding-left: 0;
        text-decoration: none
    }

    .accordianNav h3:before {
        background-color: #444;
        background: hsla(0,0%,96%,.3);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        width: 0;
        z-index: 0
    }

    .accordianNav .dropArrow span {
        position: relative;
        z-index: 2
    }

    .accordianNav ul ul {
        display: none
    }

    .accordianNav li.active ul {
        display: block
    }

@media screen and (max-width:992px) {
    .accordianNav .dropArrow:after {
        border-bottom: 2px solid #1a5632;
        border-right: 2px solid #1a5632;
        content: "";
        float: right;
        height: 6px;
        position: relative;
        right: 25px;
        top: 9pt;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        width: 6px
    }

    .accordianNav .dropArrow.active:before, .accordianNav h3:hover:before {
        width: 2%
    }

    .accordianNav h3 {
        padding: 9pt
    }

    .accordianNav .dropArrow.active:after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .accordianNav ul ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        text-align: center;
        width: 100%
    }
}

@media screen and (min-width:992px) {
    .accordianNav ul ul {
        display: block
    }

    .accordianNav {
        border-radius: 4px;
        padding: 2pc
    }

        .accordianNav ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .accordianNav ul li {
                text-align: center;
                width: 25%;
                width: 100%
            }

        .accordianNav > ul > li {
            border-right: 1px solid var(--primari-verde-olivo,#718473)
        }

            .accordianNav > ul > li:last-child {
                border: 0
            }
}

@media screen and (max-width:992px) {
    .stilietendenzeGroup .group_ricetta img {
        width: 100%
    }

    .page_magazine .contenitoreHeroMagazine {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .page_magazine .colonna_magazineImg, .page_magazine .colonna_magazineTxt {
        width: 100%
    }

    .page_magazine .littleTitle_magazine {
        margin-top: 24px;
        padding: 6px 10px
    }

    .page_magazine .subTitle-magazine_1 {
        margin-bottom: 24px
    }

    .page_magazine .title-magazine_1 {
        color: #1a5632;
        font-family: Gupter;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.03em;
        line-height: 44px
    }

    .page_magazine .title-sogliaOmaggioProd {
        font-size: 2pc
    }

    .page_magazine .SlideImgDimension {
        max-height: 276px
    }

    .page_magazine .herotext {
        bottom: 26px;
        height: auto;
        left: 0;
        top: unset
    }

    .hideOnmobBtnScopri {
        display: none
    }

    .page_magazine .imagebackground {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(44.27%,transparent),to(rgba(0,0,0,.6)));
        background: linear-gradient(180deg,transparent 44.27%,rgba(0,0,0,.6))
    }

    .page_magazine .group_ricetta {
        width: 100%
    }

    .page_magazine .stilietendenzeGroup .group_ricetta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        width: 100%
    }

    .page_magazine .contenitoreRicette_1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1pc
    }

    .page_magazine .imggroupRicetta {
        height: 100%;
        min-height: 90pt;
        min-width: 90pt;
        width: 100%
    }

    .page_magazine .NameRicetta {
        color: #1a5632;
        font-family: DM Sans;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px
    }

    .page_magazine .title-slider {
        display: block;
        margin-bottom: 0;
        padding: 0 6px
    }

    .page_magazine .contenitore_CardSacchetti {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 1pc;
        padding-right: 1pc
    }

    .page_magazine .contenitore_imgSacchetto, .page_magazine .contenitore_txtSacchetto {
        width: 100%
    }

    .page_magazine .contenitore_txtSacchetto {
        margin-left: 0;
        padding-left: 0
    }

    .page_magazine .title-cardSacchetti {
        color: #1a5632;
        font-family: Gupter;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.03em;
        line-height: 44px
    }

    .page_magazine .btn-scopriTutto_sogliaOmaggio {
        display: block
    }

    .page_magazine .stileBTN {
        display: none
    }
}

.card-position-dsk {
    left: 500px;
    position: absolute !important;
    top: 70px
}

.card-position-dsk2 {
    left: 900px;
    position: absolute !important;
    top: 70px
}

body, html {
    font-family: DM Sans !important
}

    html.submenu-opened {
        overflow: hidden
    }

.chiudimenudamobile, .hideimg-fromDesktop {
    display: none
}

ul.sub-menu.Bgsecondmenu.opensubmenu a {
    color: #fff
}

.desktopMOdeItem .itemmenu1 {
    max-width: 300px
}

.ctashowmore {
    cursor: pointer
}

#desktopMode {
    background: #1a5632;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    left: 0;
    min-height: 66%;
    position: fixed;
    top: 0;
    width: 100%
}

.desktopMOdeItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.chiudi-da-desktop {
    background: #fffde5;
    border-radius: 20px;
    color: #1a5632;
    padding: 8px 20px 8px 9pt !important;
    position: absolute
}

.itemmenu1 {
    font-size: 2pc
}

a.itemmenu12 {
    font-size: 1pc !important
}

.containerDrop {
    background-color: #f8f8f6;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    height: 590px;
    padding: 50px 10px 0
}

.colonna-menu-sughi {
    width: 33%
}

.ultimaslide {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.titlecard-menu {
    Line-height: 26px;
    color: #1a5632;
    font-size: 18px;
    font-weight: 500
}

.testocard-menu {
    Line-height: 26px;
    color: #1a5632;
    font-size: 1pc;
    font-weight: 400
}

.contenitore-testi-card {
    margin-top: 20px;
    text-align: left
}

.title-colonna-prod {
    color: #1a5632;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px
}

.testo-colonna-prod {
    color: #718473;
    font-size: 1pc;
    font-weight: 400;
    line-height: 40px
}

.nondadesktop {
    display: none
}

header {
    background-color: transparent;
    float: left;
    position: fixed;
    z-index: 10
}

    header, header:before {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 100%
    }

        header:before {
            background: #fff;
            content: "";
            height: 0;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transform-origin: 0;
            transform-origin: 0
        }

        header .desk-menu {
            float: left;
            position: relative;
            width: 100%
        }

            header .desk-menu .logo {
                float: left;
                position: absolute
            }

            header .desk-menu .logo-adn {
                display: table;
                margin: 20px 0 0;
                position: relative;
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
                z-index: 1
            }

                header .desk-menu .logo-adn a {
                    background-image: url(https://seeklogo.com/images/G/google-logo-28FA7991AF-seeklogo.com.png);
                    background-position: 0;
                    background-repeat: no-repeat;
                    background-size: contain;
                    color: transparent;
                    font-size: 0;
                    height: 40px;
                    width: 40px
                }

                header .desk-menu .box-menu, header .desk-menu .logo-adn a {
                    display: block;
                    -webkit-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out
                }

            header .desk-menu .box-menu {
                float: right;
                margin: 0 auto;
                position: relative;
                text-align: center
            }

            header .desk-menu .menu-container {
                float: left
            }

                header .desk-menu .menu-container#mobileHide.submenu-opened {
                    overflow: hidden !important
                }

                header .desk-menu .menu-container .menu-head {
                    background: #4285f4;
                    padding: 1pc 10px
                }

                    header .desk-menu .menu-container .menu-head .e1 {
                        float: left;
                        padding: 3px 0
                    }

                        header .desk-menu .menu-container .menu-head .e1 img {
                            float: left;
                            height: 29px;
                            width: 29px
                        }

                    header .desk-menu .menu-container .menu-head .client {
                        color: #fff;
                        float: right
                    }

                        header .desk-menu .menu-container .menu-head .client span {
                            display: block;
                            font-family: Ubuntu,sans-serif;
                            font-size: 9px;
                            line-height: 100%;
                            padding: 5px 42px 5px 0;
                            position: relative;
                            text-transform: uppercase
                        }

                        header .desk-menu .menu-container .menu-head .client i {
                            font-size: 30px;
                            position: absolute;
                            right: 0;
                            top: 0
                        }

-foot {
    bottom: 0;
    padding: 15px 0;
    position: absolute
}

header .desk-menu .menu-container .menu-foot .social {
    display: table;
    margin: 0 auto
}

    header .desk-menu .menu-container .menu-foot .social a {
        background: #797c82;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        height: 29px;
        margin: 0 5px 0 0;
        padding: 5px 0;
        position: relative;
        text-align: center;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        width: 29px
    }

        header .desk-menu .menu-container .menu-foot .social a:last-child {
            margin: 0
        }

        header .desk-menu .menu-container .menu-foot .social a:hover {
            background: #a4a7ac
        }

header .desk-menu .menu-container .menu-foot hr {
    display: table;
    margin: 15px auto 20px;
    width: calc(100% - 20px)
}

header .desk-menu .menu-container .menu-foot address {
    margin: 0;
    padding: 0 15px;
    position: relative;
    text-align: left
}

    header .desk-menu .menu-container .menu-foot address i {
        left: 0;
        position: absolute;
        top: 0
    }

    header .desk-menu .menu-container .menu-foot address span {
        display: block;
        font-size: 9pt;
        margin-bottom: 5px;
        padding: 0 0 0 20px;
        position: relative
    }

header .desk-menu .menu-container .menu {
    float: left;
    list-style: none;
    margin: 0 20px 0 2pc;
    padding: 0;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    header .desk-menu .menu-container .menu li.back {
        display: none
    }

    header .desk-menu .menu-container .menu > li {
        float: left;
        margin: 0 0 0 10px;
        overflow: inherit;
        position: relative;
        -webkit-transition: all .33s ease;
        transition: all .33s ease
    }

        header .desk-menu .menu-container .menu > li a {
            display: block;
            padding: 19px 8px;
            position: relative
        }

ul#cd-primary-nav\ secondmenu > li > a:hover {
    color: #fff !important
}

header .desk-menu .menu-container .menu > li.menu-item-has-children > a {
    font-family: DM Sans;
    margin: 10px 20px 0 8px;
    padding: 6px 0;
    position: relative
}

    header .desk-menu .menu-container .menu > li.menu-item-has-children > a::hover {
        color: #fff,im !important
    }

a.barMenuHeader.openmenuh {
    border-bottom: 2px solid #1a5632
}

#cd-primary-nav\ secondmenu > li:nth-child(2) {
    padding-top: 34px
}

header .desk-menu .menu-container .menu > li.menu-item-has-children > a:before {
    right: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

li.menu-item-has-children .sub-menu {
    -webkit-overflow-scrolling: touch;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    background: #fff;
    background: #f8f8f6;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: table;
    display: none;
    float: left;
    justify-content: space-between;
    left: 0;
    list-style: none;
    min-width: 200px;
    padding: 60px 10px 70px 25px;
    position: fixed;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    width: 100%
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li {
    min-width: 200px;
    padding-right: 34px;
    -webkit-transition: all .33s ease;
    transition: all .33s ease;
    width: 100%;
    width: auto
}

a.subMenulink:hover {
    text-decoration: underline
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding: 0 0 9pt
}

.showall {
    padding-top: 9pt !important
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a:before {
    right: 6px;
    top: 19px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a:after {
    right: 6px;
    top: 23px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu, header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > a {
    display: block
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li:hover > a:after {
    right: 11px;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg)
}

header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {
    left: 100%;
    margin-top: -43px
}

li.menu-item-has-children a {
    color: #1a5632;
    text-align: left
}

.firstmenu li.menu-item-has-children a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: hsla(0,0%,100%,.6);
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
    text-align: left
}

header .desk-menu .menu-container .menu > li.line {
    background: #4285f4;
    border: 1px solid #4285f4;
    bottom: 11px;
    display: block;
    height: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-timing-function: cubic-bezier(1,.01,0,1);
    -webkit-transition-timing-function: cubic-bezier(1,.01,0,1.22);
    transition-timing-function: cubic-bezier(1,.01,0,1.22)
}

header .desk-menu .menu-container .menu > li:hover > a:before {
    right: 9pt;
    -webkit-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
    width: 10px
}

.barMenuHeader {
    font-size: 1pc;
    font-weight: 400
}

.titleMenulink {
    font-size: 20px !important;
    font-weight: 500 !important
}

.subMenulink {
    color: #718473 !important;
    font-size: 1pc !important;
    font-weight: 400 !important
}

.contentsitems, .menucontent {
    display: contents !important
}

.opensubmenu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.menu-item.menu-item-has-children.activemenu > a {
    border-bottom: 2px solid #1a5632
}

#cd-primary-nav > li > ul.opensubmenu > li > ul {
    display: contents
}

.header.openedH {
    background-color: #fff
}

header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a:after, header.small .desk-menu .menu-container .menu > li.menu-item-has-children > a:before {
    background-color: #4e4e4e
}

header.small .desk-menu .logo-adn {
    margin-top: 14px
}

    header.small .desk-menu .logo-adn a {
        background-image: url(clientlib-site/img/empresa-1-logo.svg);
        height: 30px;
        width: 140px
    }

header.small .desk-menu .box-menu {
    padding: 0
}

@media(max-width:991px) {
    header {
        height: 60px
    }

        header .hamburger-menu {
            bottom: 0;
            cursor: pointer;
            display: block;
            height: 40px;
            margin: auto;
            position: absolute;
            right: 0;
            top: 45px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            width: 40px;
            z-index: 11
        }

            header .hamburger-menu span {
                color: #fff;
                font-size: 13px;
                left: calc(-100% - 5px);
                padding: 8px 9px 8px 0;
                position: absolute;
                text-transform: uppercase;
                top: calc(50% - 18px)
            }

            header .hamburger-menu .bar, header .hamburger-menu .bar:after, header .hamburger-menu .bar:before {
                height: 3px;
                width: 35px
            }

            header .hamburger-menu .bar {
                background: #4e4e4e;
                position: relative;
                top: -7px;
                -webkit-transform: translateY(25px);
                transform: translateY(25px);
                -webkit-transition: all .1s ease;
                transition: all .1s ease
            }

                header .hamburger-menu .bar:after, header .hamburger-menu .bar:before {
                    background: #fff;
                    border-radius: 5px;
                    content: "";
                    left: 0;
                    position: absolute
                }

                header .hamburger-menu .bar:before {
                    bottom: 10px;
                    -webkit-transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);
                    -webkit-transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
                    transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
                    transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);
                    transition: bottom .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)
                }

                header .hamburger-menu .bar:after {
                    top: 10px;
                    -webkit-transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);
                    -webkit-transition: top .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
                    transition: top .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1);
                    transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1);
                    transition: top .3s cubic-bezier(.23,1,.32,1) .3s,transform .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1)
                }

                header .hamburger-menu .bar.animate {
                    background: hsla(0,0%,100%,0)
                }

                    header .hamburger-menu .bar.animate:after {
                        top: 0;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        -webkit-transition: top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s;
                        -webkit-transition: top .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
                        transition: top .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
                        transition: top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s;
                        transition: top .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s
                    }

                    header .hamburger-menu .bar.animate:before {
                        bottom: 0;
                        -webkit-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                        -webkit-transition: bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s;
                        -webkit-transition: bottom .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
                        transition: bottom .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s;
                        transition: bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s;
                        transition: bottom .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1) .3s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .3s
                    }

        header .desk-menu .menu-container {
            background: #fff;
            height: 100%;
            opacity: 0;
            position: fixed;
            right: -100%;
            top: 0;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 100%
        }

            header .desk-menu .menu-container .menu-header-container {
                float: left;
                position: relative
            }

                header .desk-menu .menu-container .menu-header-container ul {
                    background: #1a5632;
                    margin-top: 30px;
                    padding: 10px 10px 5pc !important
                }

            header .desk-menu .menu-container .menu {
                margin: 0
            }

                header .desk-menu .menu-container .menu li.back {
                    display: block;
                    position: relative
                }

                    header .desk-menu .menu-container .menu li.back a {
                        padding: 9pt 9pt 9pt 35px !important
                    }

    li.back a:after, li.back a:before {
        background-color: #4e4e4e;
        content: "";
        height: 2px;
        position: absolute;
        top: 23px;
        width: 7px
    }

    header .desk-menu .menu-container .menu li.back a:before {
        left: 15px !important;
        right: inherit !important;
        top: 20px !important;
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important
    }

    header .desk-menu .menu-container .menu li.back a:after {
        left: 15px !important;
        top: 24px !important;
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important
    }

    header .desk-menu .menu-container .menu li.line {
        display: none !important
    }

    header .desk-menu .menu-container .menu > li {
        float: left;
        font-family: DM Sans;
        margin: 0;
        text-align: left;
        width: 100%
    }

        header .desk-menu .menu-container .menu > li a {
            padding: 9pt
        }

        header .desk-menu .menu-container .menu > li.menu-item-has-children {
            position: static
        }

    li.menu-item-has-children a:after, li.menu-item-has-children a:before {
        background: #1a5632;
        background: #fff
    }

    header .desk-menu .menu-container .menu > li.menu-item-has-children a:before {
        right: 6px !important;
        top: 22px !important;
        width: 7px !important
    }

    header .desk-menu .menu-container .menu > li.menu-item-has-children a:after {
        top: 26px !important;
        width: 7px !important
    }

    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu {
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block !important;
        height: 100%;
        left: 100%;
        margin-top: 25px;
        padding-top: 70px !important;
        top: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        z-index: 1
    }

        header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {
            margin-top: 0
        }

        header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub {
            left: 0
        }

        header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a:before {
            right: 6px !important;
            top: 22px !important;
            -webkit-transform: rotate(45deg) !important;
            transform: rotate(45deg) !important;
            width: 7px !important
        }

        header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a:after {
            right: 6px !important;
            top: 26px !important;
            -webkit-transform: rotate(-45deg) !important;
            transform: rotate(-45deg) !important;
            width: 7px !important
        }

    header .desk-menu .menu-container .menu-foot, header .desk-menu .menu-container .menu-head {
        display: block
    }

    header.small .hamburger-menu {
        top: 31px
    }

        header.small .hamburger-menu span {
            color: #4e4e4e
        }

        header.small .hamburger-menu .bar, header.small .hamburger-menu .bar:after, header.small .hamburger-menu .bar:before {
            background: #4e4e4e
        }

            header.small .hamburger-menu .bar.animate {
                background: hsla(0,0%,100%,0)
            }
}

@media(max-width:992px) {
    .hidemobile {
        display: none
    }

    .icon-hamburger {
        margin-right: 0
    }

    header .desk-menu .menu-container .menu li a {
        padding: 8px 9pt
    }

    header .desk-menu .menu-container .menu li.back a {
        padding: 8px 9pt 8px 35px !important
    }

        header .desk-menu .menu-container .menu li.back a:before {
            top: 17px !important
        }

        header .desk-menu .menu-container .menu li.back a:after {
            top: 21px !important
        }

    header .desk-menu .menu-container .menu > li.menu-item-has-children a {
        margin: 0;
        padding: 8px 9pt
    }

        header .desk-menu .menu-container .menu > li.menu-item-has-children a:before {
            top: 18px
        }

        header .desk-menu .menu-container .menu > li.menu-item-has-children a:after {
            top: 22px
        }

    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li > a {
        padding: 8px 9pt
    }

    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a:before {
        top: 18px
    }

    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li.menu-item-has-children > a:after {
        top: 22px
    }
}

@media(max-width:481px) {
    header .desk-menu .logo-adn a {
        height: 30px;
        width: 75pt
    }

    .nondadesktop {
        display: unset
    }

    header .hamburger-menu {
        display: none;
        right: 0;
        top: 0
    }

        header .hamburger-menu .bar, header .hamburger-menu .bar:after, header .hamburger-menu .bar:before {
            height: 3px;
            width: 30px
        }

            header .hamburger-menu .bar:before {
                bottom: 9px
            }

            header .hamburger-menu .bar:after {
                top: 9px
            }

    header.small .desk-menu .logo-adn a {
        height: 30px;
        width: 75pt
    }
}

@media(max-height:550px) {
    header .desk-menu .menu-container .menu-foot address, header .desk-menu .menu-container .menu-foot hr {
        display: none
    }
}

.resize-message {
    display: table;
    margin: 40vh auto 0
}

    .resize-message span {
        color: #666;
        display: block;
        text-align: center;
        text-transform: uppercase
    }

        .resize-message span i {
            font-size: 30px
        }

.author {
    background: transparent;
    background: -webkit-gradient(left top,left bottom,color-stop(0,transparent),color-stop(54%,rgba(0,0,0,.54)),color-stop(100%,#000));
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(54%,rgba(0,0,0,.54)),to(#000));
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.54) 54%,#000);
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
    padding: 30px 15px 15px;
    position: fixed;
    width: 100%;
    z-index: 2
}

    .author a {
        color: #fff;
        display: table;
        font-size: 1pc;
        font-weight: 700;
        margin: 0 auto;
        text-decoration: none
    }

        .author a span {
            color: #4285f4
        }

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4e4e4e;
    font-family: Ubuntu,sans-serif;
    position: relative
}

    body, body > .over-menu {
        left: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        body > .over-menu {
            background: rgba(0,0,0,.6);
            content: "";
            height: 100%;
            opacity: 0;
            position: fixed;
            top: 0;
            visibility: hidden;
            width: 100%;
            z-index: 9
        }

        body.open-menu > .over-menu {
            opacity: 1;
            visibility: visible
        }

        body.open-menu .menu-container {
            height: auto;
            height: 100%;
            left: 0 !important;
            width: 100%
        }

@media screen and (min-width:992px) {
    a.titleMenulink {
        padding-bottom: 24px !important
    }

    .hidemobile {
        margin: 0 auto 0 1pc;
        max-width: 370px
    }

        .hidemobile .cmp-image__image {
            height: auto
        }

    header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu li {
        padding-right: 40px
    }

    li.menu-item-has-children .sub-menu {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width:992px) {
    #header-sroll > div > div > div > div.desk-menu > nav > div > div:nth-child(2) {
        background: #1a5632;
        height: 100%;
        width: 100%
    }

    .firstmenu a {
        color: #fff !important
    }

    #header-sroll > div > div > div > div.desk-menu > nav > div > div:nth-child(2) {
        display: unset
    }

    #cd-primary-nav > li:nth-child(6) > ul > li:nth-child(5) {
        display: none
    }

    .chiudimenudamobile {
        display: block
    }

    .Bgsecondmenu {
        background: #1a5632 !important
    }

    .itemmenu1 {
        font-size: 20px !important
    }

    .itemmenu12 {
        font-size: 1pc !important
    }

    .hideimg-fromDesktop {
        display: unset
    }

    .card-position-dsk, .card-position-dsk2 {
        display: none
    }
}

.close {
    background: #1a5632;
    border-radius: 25px;
    cursor: pointer;
    height: 30px;
    left: 35px;
    position: relative;
    position: absolute;
    top: 62px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    z-index: 1
}

.editorialcarditem {
    margin-left: auto
}

.cardEditorialDesktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

    .cardEditorialDesktop .menu-item.menu-item-has-children.editorialcarditem {
        padding-right: 24px !important
    }

.close span {
    background-color: #fff;
    height: 1px;
    left: 30%;
    position: absolute;
    top: 48%;
    width: 40%
}

.first {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.last {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.close {
    display: none
}

.closeCart {
    background: #1a5632;
    border-radius: 25px;
    cursor: pointer;
    display: block;
    height: 40px;
    left: inherit;
    position: absolute;
    right: 24px;
    top: 0;
    -webkit-transform: inherit;
    transform: inherit;
    width: 40px;
    z-index: 1
}

@media screen and (max-width:992px) {
    html.open-menu {
        overflow: hidden
    }

    .close {
        display: block
    }

    .cardEditorialDesktop {
        display: none
    }

    ul#cd-primary-nav {
        background: #fff;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        margin-top: 29px;
        padding: 55px 25px !important
    }

    header .desk-menu .menu-container .menu-header-container {
        background: #1a5632;
        float: left;
        position: relative
    }

    .categorymenu li.menu-item-has-children a:after, .categorymenu li.menu-item-has-children a:before {
        background: #1a5632
    }

    .firstmenu li.menu-item-has-children a:after, .firstmenu li.menu-item-has-children a:before {
        background: #fff
    }
}

.container_minicart {
    background-color: #fff;
    border-radius: 24px;
    height: 100%;
    padding: 24px;
    position: fixed;
    right: -20;
    top: 0;
    width: 40%;
    z-index: 11
}

.miniCart_title_chiudi {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.contenitore_prodMiniCart {
    background-color: #fff;
    height: 5in;
    margin-top: 36px;
    overflow-y: scroll
}

.container_minicart .qtaProdotto1 {
    bottom: 0;
    left: 140px;
    position: absolute
}

.container_minicart .infoProdotto1 {
    width: 100%
}

.container_minicart .titleDescCartProd {
    color: #1a5632;
    font-size: 1pc;
    margin-bottom: 9pt
}

.container_minicart .subDescCartProd1 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 8px
}

.container_minicart .testoCestinocarrello {
    display: none
}

.container_minicart .totProdotto1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.container_minicart .sfondo-prod-cart {
    background-color: #fff
}

.container_minicart, .contenitore_prodMiniCart {
    background-color: #ededed
}

.second_container_miniCart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

.txtMini_cartXspedizione {
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 9pt
}

.blocco1consegneInfo.promo2 {
    background: rgba(252,108,15,.1)
}

.promo2 .blocco1consegneInfo-title {
    color: #fc6c0f
}

.bloccoPrice_miniCart {
    border-top: 1px solid #e8e8de;
    margin-top: 9pt;
    padding-top: 9pt
}

.titleMiniCart {
    color: #414d45;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 2pc
}

.container_minicart .contenitoreCestinoCarrello-1 {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.my-account-loader {
    background-color: #fff;
    border-radius: 20px;
    min-height: 75pt;
    position: relative;
    width: 100%
}

    .my-account-loader:after {
        -webkit-animation: rotation 1s linear infinite;
        animation: rotation 1s linear infinite;
        border-color: #fff #fff #1a5632 #1a5632;
        border-radius: 50%;
        border-style: solid;
        border-width: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: "";
        display: inline-block;
        height: 3pc;
        left: 50%;
        position: absolute;
        top: 27px;
        width: 3pc
    }

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.cmp-modal .modal-dialog .modal-content {
    border-radius: 20px
}

    .cmp-modal .modal-dialog .modal-content .modal-header {
        padding: 24px 24px 0
    }

        .cmp-modal .modal-dialog .modal-content .modal-header .modal-title {
            color: #414d45;
            font-size: 24px;
            font-weight: 500
        }

        .cmp-modal .modal-dialog .modal-content .modal-header .btn-close {
            margin: 0;
            padding: 0;
            position: absolute;
            right: 20px;
            top: 20px
        }

    .cmp-modal .modal-dialog .modal-content .modal-body {
        padding: 24px
    }

    .cmp-modal .modal-dialog .modal-content .modal-footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 0 1rem;
        justify-content: space-between;
        padding: 0 24px 24px
    }

        .cmp-modal .modal-dialog .modal-content .modal-footer button {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

.popupNewsletterContainer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(21,17,17,.61);
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 15
}

.contentNewsletterPopup, .popupNewsletterContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contentNewsletterPopup {
    gap: 1pc
}

.columnpopup2 {
    width: 50%
}

.imPopUp-33 {
    height: 100%;
    width: 100%
}

.contentNewsletterPopup .titlePopupCard {
    color: #1a5632;
    font-family: Gupter;
    font-size: 2pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 36px;
    padding: 0
}

.contentNewsletterPopup .txt-endNewsletter {
    color: #414d45;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1pc
}

.contentNewsletterPopup {
    height: 28pc;
    position: relative;
    width: 708px
}

.btnIscrivitiOraPopNews {
    margin-bottom: 0;
    margin-top: 24px
}

.btn-closepopUpnews {
    position: absolute !important;
    right: 15px;
    top: 5px
}

@media screen and (max-width:992px) {
    .newsletterHideOnmobileImg {
        display: none
    }

    .newsletterViewMob_22 {
        width: 100%
    }

    .contentNewsletterPopup {
        height: unset
    }
}

.contentNewsletterPopup {
    background-color: #e8e8de
}

.page_prodottoOmaggio .contenitore_CardSacchetti {
    margin-bottom: 24px;
    margin-top: 24px
}

.page_prodottoOmaggio .invertSpace-margin-right6px {
    margin-left: 0;
    margin-right: 6px
}

.page_prodottoOmaggio .invertSpace-margin-left6px {
    margin-left: 6px;
    margin-right: 0
}

.noBackground, .noBgCard-pageOmaggio, .page_prodottoOmaggio .noBgCard-pageOmaggio {
    background-color: unset
}

.sub_title_2_prodOmaggio ul li {
    background: url(clientlib-site/resources/images/checkOmaggio.svg) no-repeat 0;
    list-style-type: inherit;
    list-style: none;
    margin: 0;
    padding: 5px 10px 5px 25px;
    vertical-align: middle
}

.btn__ProdottoOmaggio .cmp-button, .cta-special .cmp-button {
    background: none;
    border: 0
}

.sub_title_2_prodOmaggio ul li:before {
    background: #fffde5
}

.btnScopriDipiuProdOmaggio, .btnScopriDipiuProdOmaggio .cmp-button {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    margin-top: 24px;
    padding: 9pt 20px
}

.page_prodottoOmaggio .herodiv {
    background-image: url(../../../clientlib-fratellicarli-site/images/sfondoCentoAnniStoria.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 20px
}

.page_prodottoOmaggio .overlap-group4 {
    padding: 24px
}

.page_prodottoOmaggio .group-291.cq-Editable-dom {
    display: block
}

.page_prodottoOmaggio .group-291 {
    padding: 0;
    width: 60%
}

    .page_prodottoOmaggio .group-291 > * {
        width: 100%
    }

    .page_prodottoOmaggio .group-291 img {
        border-radius: 24px
    }

    .page_prodottoOmaggio .group-291.mobile {
        display: none
    }

@media screen and (max-width:992px) {
    .page_prodottoOmaggio .group-291.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 24px;
        width: 100%
    }

    .page_prodottoOmaggio.invert .group-291.mobile {
        margin-top: 24px
    }
}

.page_prodottoOmaggio.invert .group-291 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.titleCardProdOmaggio_1 {
    color: #fffde5;
    font-family: Gupter;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 60px;
    padding: 0;
    text-align: left;
    text-transform: unset
}

.btn__ProdottoOmaggio {
    background-color: #fffde5;
    border: 0;
    border-radius: 2pc;
    color: #1a5632;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    margin-top: 1pc;
    padding: 9pt 20px
}

.subTitle_prod_omaggio2 {
    font-size: 20px;
    line-height: 26px;
    width: 100%
}

.subTitle_prod_omaggio2, .sub_title_2_prodOmaggio {
    color: #fffde5;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400
}

.sub_title_2_prodOmaggio {
    font-size: 1pc;
    line-height: 24px;
    margin-bottom: 9pt
}

.page_prodottoOmaggio .frame-1555 {
    gap: 0;
    padding-left: 24px;
    padding-right: 24px
}

.page_prodottoOmaggio.invert .frame-1555 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    align-items: flex-end;
    order: 2
}

.bg_frame_33 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fffde5;
    border-radius: 100%;
    height: 20px;
    justify-content: center;
    width: 20px
}

.bg_frame_33, .contaier__prod22_desc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contaier__prod22_desc {
    gap: 10px;
    margin-bottom: 9pt
}

.desc_punti55 {
    color: #fffde5;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.page_prodottoOmaggio .frame-1555 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}

.page_prodottoOmaggio .frame-1556-1, .page_prodottoOmaggio .sub_title_2_prodOmaggio, .page_prodottoOmaggio .titleCardProdOmaggio_1 {
    width: 100%
}

.page_prodottoOmaggio .contenitore_txtSacchetto .cta-special-container {
    margin-top: 36px
}

.page_prodottoOmaggio li {
    list-style: inside
}

.page_prodottoOmaggio .cta-special-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

    .page_prodottoOmaggio .cta-special-container.align-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .page_prodottoOmaggio .cta-special-container.align-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .page_prodottoOmaggio .cta-special-container.align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

.editorial-block-teaser-double .page_prodottoOmaggio .cta-special {
    margin-top: 24px
}

@media screen and (max-width:992px) {
    .page_prodottoOmaggio .frame-1555 {
        margin-top: 20px
    }

    .page_prodottoOmaggio .group-291 {
        display: none
    }

    .page_prodottoOmaggio .scoprile-tutte.dmsans-medium-chilean-heath-16px {
        display: block
    }

    .page_prodottoOmaggio .cta-special {
        position: relative;
        right: unset
    }

    .page_prodottoOmaggio .contenitore_txtSacchetto .cta-special-container {
        margin-left: 0;
        margin-top: 24px
    }

    .page_prodottoOmaggio .frame-1555 {
        margin-bottom: 24px;
        padding-left: 0;
        padding-right: 0
    }

    .page_prodottoOmaggio .contenitore_CardSacchetti {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-left: 1pc;
        padding-right: 1pc
    }

    .page_prodottoOmaggio .contenitore_imgSacchetto {
        margin: 0;
        width: 100%
    }

    .page_prodottoOmaggio .contenitore_txtSacchetto {
        padding: 0;
        width: 100%
    }

    .page_prodottoOmaggio .group_txt_sacchetti {
        width: 100%
    }

    .page_prodottoOmaggio .reversefromMobOmgProd {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .editorial-block-teaser-double .page_prodottoOmaggio .cta-special {
        margin-top: 46px
    }

    .page_prodottoOmaggio .contenitore_txtSacchetto {
        margin: 24px 0 0
    }

    .page_prodottoOmaggio .cta-special {
        margin-top: 24px
    }

    .page_prodottoOmaggio .title-cardSacchetti {
        font-size: 2pc;
        line-height: 34px
    }

    .page_prodottoOmaggio .overlap-group4 {
        padding: 1pc 0
    }

    .page_prodottoOmaggio .mobile_Paddingcard {
        padding: 1pc
    }

    .page_prodottoOmaggio .group-1547 {
        display: none !important
    }
}

.invertRow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.contenitoreSwiperSoglia .swiper {
    height: 100%;
    width: 100%
}

.contenitoreSwiperSoglia .swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    justify-content: center;
    text-align: center
}

    .contenitoreSwiperSoglia .swiper-slide img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

.contenitoreSwiperSoglia {
    width: 100%
}

.page_OmaggioSoglia li {
    list-style: inside
}

.page_OmaggioSoglia .cta-special-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 24px;
    width: 100%
}

    .page_OmaggioSoglia .cta-special-container.align-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .page_OmaggioSoglia .cta-special-container.align-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .page_OmaggioSoglia .cta-special-container.align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

@media screen and (max-width:992px) {
    .page_OmaggioSoglia .cta-special-container {
        padding-right: 0
    }
}

.page_OmaggioSoglia.invert .cta-special-container {
    padding-left: 24px
}

@media screen and (max-width:992px) {
    .page_OmaggioSoglia.invert .cta-special-container {
        padding-left: 0
    }
}

.cta-special .cmp-button {
    color: #fff
}

.cta-special.text-color .cmp-button {
    color: inherit
}

.omgSogliaCard1 .contenitore_txtSacchetto {
    margin-left: 9pt;
    margin-right: 6px
}

.omgSogliaCard1 .contenitore_imgSacchetto {
    margin-left: 6px;
    margin-right: 0
}

.containerBlocco-9910 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9pt;
    justify-content: center;
    width: 100%
}

.card_2020 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 20px;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 291px;
    padding: 9pt 9pt 24px
}

.card_2020, .contenitoreArrowSoglia {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contenitoreArrowSoglia {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    justify-content: center
}

.imgSoglioaCard_2 {
    height: 167px;
    width: 222px
}

.Blocco-9910-2 {
    padding-left: 35px;
    padding-right: 35px
}

.comeFunzionaCard {
    color: #718473;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 9pt;
    margin-bottom: 1pc;
    text-transform: uppercase
}

.txt_SogliaCard {
    color: #1a5632;
    width: 90%
}

.gratisColorSoglia, .txt_SogliaCard {
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.gratisColorSoglia {
    color: #fc6c0f
}

.txt_sogliaBlocco {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.group-9900_Title .cmp-title__text {
    text-align: left
}

.page_OmaggioSoglia .overlap-group4 {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.omgSogliaCard1 .hideOnDesktop_Gropu3300 {
    display: none
}

@media screen and (min-width:992px) {
    .page_OmaggioSoglia .Sub-omaggioProd {
        padding-right: 24px;
        white-space: normal
    }
}

.page_OmaggioSoglia.invert .Sub-omaggioProd {
    padding-left: 24px
}

@media screen and (max-width:992px) {
    .page_OmaggioSoglia.invert .Sub-omaggioProd {
        padding-left: 0
    }

    .page_OmaggioSoglia .title-omaggioProd {
        font-size: 40px !important;
        line-height: 40px !important
    }

    .page_OmaggioSoglia .herodesk.title-omaggioProd {
        margin-bottom: 0
    }

    .page_OmaggioSoglia .Blocco-9910-1 {
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }

    .omgSogliaCard1 .contenitore_txtSacchetto {
        margin-bottom: 24px;
        margin-left: 0;
        margin-right: 6px
    }

    .page_OmaggioSoglia .imgSoglioaCard_2 {
        height: 15pc;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .page_OmaggioSoglia .card_2020 {
        max-width: unset
    }

    .page_OmaggioSoglia .cm-plp {
        padding-left: 1pc !important;
        padding-right: 1pc !important
    }

    .containerBlocco-9910 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ruotaMobileArrowViewSoglia {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .omgSogliaCard1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

        .omgSogliaCard1 .contenitore_imgSacchetto {
            margin: 0 0 42px;
            width: 100%
        }

        .omgSogliaCard1 .contenitore_txtSacchetto {
            width: 100%
        }

        .omgSogliaCard1 .hideOnMobile_Gropu3300 {
            display: none
        }

        .omgSogliaCard1 .hideOnDesktop_Gropu3300 {
            display: block
        }

        .omgSogliaCard1 .group_txt_sacchetti {
            padding: 24px 1pc;
            width: 100%
        }

    .txt_sogliaBlocco {
        margin-top: 24px;
        padding-left: 1pc;
        padding-right: 1pc
    }

    .containerMain_Blocco-9910 .txt_sogliaBlocco {
        margin-top: 24px
    }

    .page_OmaggioSoglia .cm-plp {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .btn-scopriTutto_sogliaOmaggio {
        display: none
    }

    .page_OmaggioSoglia .title-sogliaOmaggioProd {
        font-size: 2pc;
        line-height: 36px;
        padding: 0;
        text-align: left;
        text-transform: unset
    }

    .page_OmaggioSoglia .group-291 {
        display: none
    }

    .page_OmaggioSoglia .subtitlehero {
        display: block;
        font-size: 1pc;
        white-space: unset
    }

    .page_OmaggioSoglia .scoprile-tutte {
        display: block
    }

    .page_OmaggioSoglia .cta-special {
        position: relative;
        right: unset
    }

    .page_OmaggioSoglia .herodesk {
        font-size: 40px
    }

    .page_OmaggioSoglia .group-1547 {
        display: none !important
    }
}

.page_OmaggioSoglia .cm-plp {
    padding-bottom: 5pc
}

.page_OmaggioSoglia .subtitlehero {
    padding-bottom: 0;
    width: 100%
}

.page_OmaggioSoglia .frame-1555 {
    -ms-flex-preferred-size: 70%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-basis: 70%;
    gap: 36px;
    justify-content: center;
    margin-top: 0
}

@media screen and (max-width:992px) {
    .page_OmaggioSoglia .frame-1555 {
        gap: 28px
    }
}

.page_OmaggioSoglia.invert .frame-1555 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    align-items: flex-end;
    order: 2
}

.page_OmaggioSoglia .frame-1556-1 {
    gap: 1pc;
    width: 100%
}

@media screen and (max-width:992px) {
    .page_OmaggioSoglia .frame-1556-1 {
        padding-bottom: 0
    }
}

.page_OmaggioSoglia .frame-1556-1 > div {
    width: 100%
}

.containerMain_Blocco-9910 .txt_sogliaBlocco {
    margin-top: 3pc
}

    .containerMain_Blocco-9910 .txt_sogliaBlocco.txt_sogliaBlocco2 {
        margin-top: 9pt
    }

.containerMain_Blocco-9910 .cta-special-container {
    margin-top: 3pc;
    padding: 0
}

@media screen and (max-width:992px) {
    .containerMain_Blocco-9910 .cta-special-container {
        padding: 0 1pc
    }
}

.editorial-wrapper-container {
    background-color: #e8e8de;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.containerMain_Blocco-9910 {
    margin: 0 auto;
    padding-bottom: 3pc;
    padding-top: 5pc;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media screen and (max-width:992px) {
    .containerMain_Blocco-9910 {
        width: 100%
    }
}

.containerTitle-button_sogliaOmaggio {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 28px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
}

.title-sogliaOmaggioProd {
    color: #1a5632;
    font-family: Gupter;
    font-size: 3pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 52px
}

.btn-scopriTutto_sogliaOmaggio {
    background-color: unset;
    border: 1px solid #1a5632;
    border-radius: 2pc;
    color: #1a5632;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    padding: 9pt 20px
}

.page_sogliaSconto .wrapperplp {
    margin-left: 25px;
    margin-right: 25px
}

.page_sogliaSconto .contenitoreLastBlock_77 {
    width: 100%
}

.page_OmaggioSoglia .cm-plp {
    padding-left: 24px;
    padding-right: 24px
}

.page_OmaggioSoglia .Sub-omaggioProd {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

    .page_OmaggioSoglia .Sub-omaggioProd p b {
        font-weight: 700 !important
    }

    .page_OmaggioSoglia .Sub-omaggioProd p i {
        font-style: italic !important
    }

.page_OmaggioSoglia .title-omaggioProd {
    color: #1a5632;
    font-family: Gupter;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 60px;
    margin-bottom: 1pc
}

.page_OmaggioSoglia .group-291.cq-Editable-dom {
    display: block
}

.page_OmaggioSoglia .group-291 {
    padding: 0
}

    .page_OmaggioSoglia .group-291 > * {
        width: 100%
    }

    .page_OmaggioSoglia .group-291 img {
        border-radius: 24px
    }

    .page_OmaggioSoglia .group-291.mobile {
        display: none
    }

@media screen and (max-width:992px) {
    .page_OmaggioSoglia .group-291.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.page_OmaggioSoglia.invert .group-291 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.editorial-carousel-item, .radiusCard_Slide_22 {
    border-radius: 20px;
    height: 100%;
    width: 100%
}

.blocco_corsiEmporio-title .cmp-title__text, .consegna-gratis .cmp-title__text, .txt-cardDetail-11 .cmp-title__text {
    font-family: DM Sans,sans-serif !important
}

.cmp-order-number {
    color: #414d45;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.order-tracking-guest__body {
    margin: auto !important
}

.page-messages__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .875rem;
    visibility: hidden
}

.page-messages__container--visible {
    margin: 2.75rem 1.5rem .875rem;
    visibility: visible
}

.page-message {
    border-radius: .75rem;
    padding: 1rem 2rem 1rem 1rem;
    position: relative
}

.page-message--success {
    background-color: rgba(26,86,50,.1);
    color: #1a5632
}

    .page-message--success svg path {
        stroke: #1a5632
    }

.page-message--error {
    background-color: rgba(189,33,54,.1);
    color: #bd2136
}

    .page-message--error svg path {
        stroke: #bd2136
    }

.page-message__close {
    cursor: pointer;
    position: absolute;
    right: 9pt;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width:992px) {
    .page-product.scroll .prod-info {
        top: 56px
    }
}

.prodottosingoloslider .swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    justify-content: center;
    text-align: center
}

    .prodottosingoloslider .swiper-slide img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

.responsivegrid b {
    font-weight: 700 !important
}

.responsivegrid i {
    font-style: italic !important
}

.responsivegrid h1 a, .responsivegrid h2 a, .responsivegrid h3 a, .responsivegrid h4 a, .responsivegrid h5 a, .responsivegrid h6 a, .responsivegrid p a {
    text-decoration: underline
}

.product-description-accordion p b, .product-focus-teaser-text p b {
    font-weight: 700 !important
}

.product-description-accordion p i, .product-focus-teaser-text p i {
    font-style: italic !important
}

.contenitoreProd1 {
    height: 930pt;
    width: 60%
}

.contenitoreProd2 {
    margin-left: 75pt;
    margin-top: 60px;
    text-align: center;
    width: 40%
}

.hided {
    display: none
}

.brevedescrizioneexpand {
    padding-top: 20px
}

.titleProdSingolo {
    font-family: Gupter;
    font-size: 40px;
    letter-spacing: -.03em;
    line-height: 44px;
    margin-bottom: 15px
}

.brevedescrizione, .titleProdSingolo {
    color: #1a5632;
    font-style: normal;
    font-weight: 400;
    text-align: left
}

.brevedescrizione {
    font-size: 1pc;
    line-height: 24px;
    padding-bottom: 20px
}

.formati-bottoni {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 25px;
    display: inline-block;
    height: 36px;
    min-width: 50%;
    width: 100%
}

    .formati-bottoni > div {
        background-color: #e8e8de;
        border-radius: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 50%
    }

        .formati-bottoni > div.single-options {
            background: transparent
        }

.colore-btn-formato {
    -webkit-box-flex: 1;
    background-color: #e8e8de;
    border: 0;
    border-radius: 30px;
    color: #1a5632;
    -ms-flex: 1;
    flex: 1;
    height: 36px;
    width: 50%
}

    .colore-btn-formato:first-child:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .colore-btn-formato.tile__root_selected {
        background-color: #414d45;
        border: 0;
        border-radius: 30px;
        color: #fff;
        height: 36px;
        width: 50%
    }

.btnformato {
    background-color: #e8e8de;
    border: 0;
    border-radius: 18px;
    margin-right: 8px;
    min-height: 125px;
    min-width: 125px
}

    .btnformato a, .btnformato p {
        color: #414d45
    }

    .btnformato.tile__root_selected a, .btnformato.tile__root_selected p {
        color: #fffde5
    }

    .btnformato.tile__root_selected {
        background-color: #414d45;
        border: 0;
        border-radius: 18px;
        color: #fff;
        min-height: 125px;
        min-width: 125px
    }

    .btnformato.tile__root_hide {
        display: none
    }

.btnselectedformato p {
    color: #fff
}

.btnformato img {
    -webkit-filter: brightness(0) saturate(100%) invert(27%) sepia(10%) saturate(567%) hue-rotate(87deg) brightness(94%) contrast(88%);
    filter: brightness(0) saturate(100%) invert(27%) sepia(10%) saturate(567%) hue-rotate(87deg) brightness(94%) contrast(88%)
}

.tile__root_selected img {
    -webkit-filter: brightness(0) saturate(100%) invert(95%) sepia(6%) saturate(858%) hue-rotate(24deg) brightness(107%) contrast(106%);
    filter: brightness(0) saturate(100%) invert(95%) sepia(6%) saturate(858%) hue-rotate(24deg) brightness(107%) contrast(106%)
}

.swrapper-formato {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 25px
}

.testo-3-pdp {
    color: #1a5632;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left
}

.container-prezzi-pdp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn-acquista-pdp {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    height: 56px;
    line-height: 1pc;
    width: 100%
}

.btn-aggiungi-container {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    cursor: pointer;
    justify-content: left
}

.container-prezzi-pdp {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: 100%
}

.prezzo-pdp-1, .price-container span.regularPrice, .priceWrapper span.regularPrice {
    color: #718473;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.prezzo-per-litro {
    color: #1a5632;
    font-size: 9pt
}

.price-container span, .priceWrapper span.discountedPrice {
    color: #1a5632;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    padding-left: 10px
}

.priceWrapper span.omnibusDiscountValue {
    color: #fc6c0f;
    white-space: nowrap
}

.price-container .omnibusLastLowerPriceText {
    color: #1a5632;
    font-size: 9pt;
    font-weight: 400;
    line-height: 2
}

.price-container .tooltip-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    position: relative
}

    .price-container .tooltip-wrap img {
        height: 1pc;
        width: 1pc
    }

        .price-container .tooltip-wrap img:hover + .tooltip-content {
            display: block
        }

    .price-container .tooltip-wrap .tooltip-content {
        background-color: #fff;
        display: none;
        left: 100%;
        padding-right: .5em;
        position: absolute;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

@media screen and (max-width:992px) {
    .price-container .tooltip-wrap .tooltip-content {
        left: 0;
        top: 100%
    }
}

.price-container .tooltip-wrap .tooltip-content span {
    font-size: 9pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:992px) {
    .price-container .tooltip-wrap .tooltip-content span {
        display: block;
        width: 100%
    }
}

.section3 .addtocartbutton {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    padding-right: 5px;
    width: 55%
}

@media screen and (max-width:992px) {
    .section3 .addtocartbutton {
        padding: 0 5px;
        width: 100%
    }
}

.testo-4-pdp {
    color: #fc6c0f;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 5px;
    padding-top: 5px;
    text-align: left
}

.container-servizi-pdp {
    gap: 40px;
    margin-top: 40px
}

.container-servizi-pdp, .frame-pdp-servizi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.frame-pdp-servizi {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

    .frame-pdp-servizi img {
        width: 38px
    }

.testo-pdp-servizi {
    color: #1c3325;
    font-size: 9pt;
    text-align: left;
    width: 63%
}

.trust-pdp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    width: 80%
}

.contenitore-prod-22, .trust-pdp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contenitore-prod-22 {
    margin-bottom: 20px;
    margin-top: 20px
}

    .contenitore-prod-22 .container-prezzi-pdp {
        margin-top: 0
    }

.card-prod-plp-2 {
    background: #e9e9d3;
    border-radius: 24px;
    color: #414d45;
    font-size: 9pt;
    padding: 6px 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.flex-col-11 {
    gap: 9pt;
    min-height: 50px
}

.flex-col-11, .flex-col-22 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%
}

.flex-col-22 {
    gap: 9px;
    margin-bottom: 1px;
    min-height: 111px
}

.title-card-pdp-prod {
    color: #1a5632;
    font-size: 18px
}

.icon-cart-plp-2 {
    background-color: var(--everglade);
    border-radius: 2pc;
    bottom: -20px;
    height: 40px;
    margin-bottom: auto;
    margin-top: 40px;
    min-width: 40px;
    padding: 13px 9.3pt;
    position: absolute;
    right: 7px
}

.group-cart-testo, .icon-cart-plp-2 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.group-cart-testo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    min-width: 100%;
    position: relative
}

.group-33-pdp .price-1 {
    margin-top: 10px;
    text-align: left
}

.group-description-1 {
    color: #1a5632;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 5pc;
    width: 100%
}

.pdpscrollimage {
    padding-bottom: 5pc
}

.description-2-cont-right {
    width: 60%
}

.text-description-2-left {
    font-family: Gupter;
    font-size: 2pc;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 40px
}

.addtocartpdp {
    left: 10%
}

.description-2-cont-left {
    padding: 0 40px;
    width: 40%
}

.sharemenu {
    position: absolute;
    right: 451%;
    top: 30px;
    width: 56px
}

.wrappershare {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #e8e8de;
    border-radius: 9pt;
    -ms-flex-flow: column;
    flex-flow: column;
    min-width: 171px;
    padding: 24px 2pc;
    position: relative
}

.iconsh, .wrappershare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.iconsh {
    color: #1a5632;
    cursor: pointer;
    min-width: 300px;
    padding: 6px 0
}

    .iconsh > img {
        padding-right: 1pc
    }

.sharemenu {
    display: none
}

    .sharemenu.open {
        display: block
    }

.pdp .header {
    padding-bottom: 10px
}

.text-vlmd {
    color: #718473;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 9pt
}

    .text-vlmd .titlecollapsed {
        font-size: 28px
    }

.group-description-23 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    margin-bottom: 20px;
    margin-top: 20px
}

.revealw {
    padding-top: 20px
}

.expandpdp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    line-height: 24px;
    position: relative
}

.description-2-cont-right .expandpdp {
    margin-bottom: 24px
}

.group-description-23-1 {
    min-width: 140px;
    width: 20%
}

.separator-group {
    background: #e8e8de;
    height: 2px
}

.separator-group, .separator-group-2 {
    -webkit-transform: matrix(1,0,0,-1,0,0);
    transform: matrix(1,0,0,-1,0,0)
}

.separator-group-2 {
    background: #718473;
    height: 1px;
    opacity: .2
}

.cmp-tabs__tablist {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding-bottom: 20px
}

.cmp-tabs__tab, .cmp-tabs__tablist {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cmp-tabs__tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #e8e8de;
    border-radius: 9pt;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    height: 44px;
    justify-content: center;
    line-height: 20px;
    margin: 4px 8px;
    padding: 9pt
}

    .cmp-tabs__tab.cmp-tabs__tab--active {
        background: #414d45;
        border-color: #e8e8de;
        color: #fff
    }

.description-2-cont-right.bgwhite {
    background: #fff
}

p.tb35 {
    width: 35%
}

.separator-group-3 {
    background: #718473;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-transform: matrix(1,0,0,-1,0,0);
    transform: matrix(1,0,0,-1,0,0);
    width: 100%
}

.group-img-desc {
    gap: 50px;
    margin-top: 40px
}

.group-cont-desc-30, .group-img-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.group-cont-desc-30 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px
}

.group-cont-desc-30_pretitle {
    font-size: 9pt;
    font-weight: 500
}

.group-cont-desc-30__image {
    display: inline-block;
    min-height: 40px;
    min-width: 40px
}

    .group-cont-desc-30__image .cmp-image, .group-cont-desc-30__image .cmp-image__image {
        height: 100%;
        width: 100%
    }

@media only screen and (max-width:1024px) {
    .group-cont-desc-30 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 9pt
    }
}

.description-2-cont-right {
    background: #e9e9d3;
    border-radius: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 50px;
    padding: 30px
}

    .description-2-cont-right .opendesctab {
        cursor: pointer
    }

    .description-2-cont-right table tr {
        border-bottom: 1px solid #71847333;
        border-top: 1px solid #71847333
    }

        .description-2-cont-right table tr > td:first-child {
            width: 30%
        }

.valori-tab-11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
    margin-top: 10px
}

.hover-area1 .hover-area2 .hover-area3 {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%
}

.title-table-accordion {
    margin-bottom: 10px;
    margin-top: 10px
}

.reveal1 .reveal2 .reveal3 {
    width: 100%
}

.group-slider-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding: 0 24px;
    width: 100%
}

.group-slider-left {
    width: 60%
}

.group-slider-right {
    width: 40%
}

.group-img-testo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5pc;
    padding: 0 24px;
    width: 100%
}

.group-text-left {
    width: 40%
}

.group-img-right {
    width: 60%
}

.img-group-44 {
    height: auto;
    text-align: center;
    width: 60%
}

.container-text-90 {
    padding: 24px
}

.product-focus-teaser-title {
    color: #1a5632;
    font-family: Gupter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    margin-bottom: 30px
}

.title-234 {
    size: 1pc;
    color: #1a5632;
    font-weight: 500;
    line-height: 1pc;
    margin-bottom: 20px
}

.desk-widget-prodotto {
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-col-22 {
    border-radius: 24px
}

.shareicon {
    top: -5px
}

.pdp .title-card-pdp-prod {
    width: 100%
}

.pdp .desk-widget-prodotto {
    padding: 9pt;
    width: 100%
}

.pdp .icon-cart-plp-2 {
    bottom: 0;
    position: absolute;
    right: 0
}

.text-234, .text-2345 {
    color: #718473;
    font-size: 1pc;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px
}

    .text-234 ul, .text-2345 ul {
        list-style-type: disc;
        padding-left: 17px
    }

.video-pdp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 5pc auto 0;
    padding: 1pc;
    position: relative;
    width: 100%
}

body:not(.page-product) .video-pdp {
    margin-bottom: 5pc;
    margin-top: 0
}

.video-pdp .ctaplay {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-size: 100% 100%;
    height: 110px;
    padding: 46px 63px;
    position: absolute;
    width: 165px
}

.group-slider-right {
    border-radius: 20px;
    margin-right: 50px;
    padding: 30px
}

    .group-slider-right .product-description-accordion {
        cursor: pointer
    }

.title-table-accordion44 {
    color: #1a5632;
    font-family: Gupter;
    font-size: 40px
}

.testo-group4509 {
    color: #718473;
    font-size: 1pc
}

#hover-area4 .expandpdp {
    margin-bottom: 9pt
}

.pdp header#header {
    background: #fff;
    border-radius: 0 0 25px 25px
}

.title-desc4444 {
    color: #1a5632;
    font-family: Gupter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    padding-right: 40px
}

.pdp .title .cmp-title .cmp-title__text {
    text-align: left
}

#header.stiky {
    background-color: #fff;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    padding-top: 0;
    position: fixed;
    top: 0
}

.stiky .group-1555 {
    display: none
}

.addtocartpdp {
    bottom: 20px;
    position: fixed;
    z-index: 99
}

@media screen and (min-width:993px) {
    .addtocartpdp {
        display: none
    }
}

.imageprodctrounded {
    height: 56px;
    width: 56px
}

    .imageprodctrounded > img {
        width: 100%
    }

.section3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

.breadcrumbpdp {
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 500;
    line-height: 9pt
}

    .breadcrumbpdp .breadcrumb {
        color: #1a5632;
        padding: 0
    }

.pdp .header {
    background-color: #fff
}

.center-pdp-price, .stickyMenu__body .price-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 52px;
    justify-content: center;
    width: 100%
}

.center-pdp-price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.addtocartpdp {
    margin: 0 auto;
    width: 80%
}

.btn-acquista-pdp-skiky {
    background: #1a5632;
    border: 0;
    border-radius: 24px;
    color: #fffde5;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    height: 52px;
    line-height: 1pc;
    width: 100%
}

    .btn-acquista-pdp-skiky:disabled {
        cursor: default;
        opacity: .4;
        pointer-events: none
    }

.blockimageselec {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

    .blockimageselec .item-is-confezione-mista.product-item-name {
        padding-left: 25px
    }

        .blockimageselec .item-is-confezione-mista.product-item-name > span {
            color: #1a5632;
            font-size: 20px;
            font-weight: 500
        }

.addtocartpdp {
    border-radius: 25px
}

.productFullDetail__options.addtocartpdp .container-prezzi-pdp .prezzo-per-litro {
    display: none
}

.productFullDetail__payments-communication {
    margin-top: 20px
}

    .productFullDetail__payments-communication #klarna-payment::part(osm-container) {
        background: none;
        border: none;
        margin: 0;
        padding: 0 0 10px;
        text-align: left
    }

    .productFullDetail__payments-communication #klarna-payment test-drive-badge {
        display: none
    }

.section3 .container-prezzi-pdp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.prod-glly .swiper-button-next, .prod-glly .swiper-button-prev {
    display: none
}

.opened .sub-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.flex-col-22 {
    padding-top: 18px
}

.select-dropdown__button_confezione {
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    color: #616161;
    cursor: pointer;
    padding: 10px 35px 10px 15px;
    text-align: left;
    width: 210px
}

.select-dropdown__butto_confezione::focus {
    outline: none
}

.select-dropdown__button_confezione .zmdi-chevron-down {
    position: absolute;
    right: 10px;
    top: 9pt
}

.select-dropdown__list_confezione {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    bottom: 50px;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top left;
    transform-origin: bottom left;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2
}

    .select-dropdown__list_confezione.active {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.select-dropdown__list-item_confezione {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    color: #616161;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    list-style-type: none;
    padding: 10px 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.select-dropdown {
    display: inline-block;
    max-width: 100%;
    position: relative
}

.select-dropdown__button_formato {
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    color: #616161;
    cursor: pointer;
    padding: 10px 35px 10px 15px;
    text-align: left;
    width: 100%
}

    .select-dropdown__button_formato::focus {
        outline: none
    }

    .select-dropdown__button_formato .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdown__list_formato {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    bottom: 50px;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top left;
    transform-origin: bottom left;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2
}

.select.selectconfezione {
    position: relative
}

.select-dropdown__list_formato.active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.select-dropdown__list-item_formato {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    color: #616161;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    list-style-type: none;
    padding: 10px 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.chevron:before {
    border-style: solid;
    border-width: .15em .15em 0 0;
    content: "";
    display: inline-block;
    height: .45em;
    left: .15em;
    position: relative;
    top: .15em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: top;
    width: .45em
}

.chevron.right:before {
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.chevron.bottom:before {
    top: 4px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.chevron.left:before {
    left: .25em;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.addtocartbutton {
    margin-right: 1px;
    width: 100%
}

.containeraddtocartpdp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    border-radius: 25px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

    .containeraddtocartpdp, .containeraddtocartpdp .variant-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .containeraddtocartpdp .variant-container {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            width: 67%
        }

            .containeraddtocartpdp .variant-container .section1, .containeraddtocartpdp .variant-container .section2 {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 100%;
                flex: 1 1 100%
            }

        .containeraddtocartpdp .section2 {
            border-left: 1px solid #d3d3d3;
            border-right: 1px solid #d3d3d3
        }

        .containeraddtocartpdp .section3 {
            margin-left: auto;
            width: 33%
        }

        .containeraddtocartpdp .selectconfezione {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%
        }

            .containeraddtocartpdp .selectconfezione .select-dropdown__button_formato {
                height: 100%
            }

        .containeraddtocartpdp .container-prezzi-pdp {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 1px;
            width: 100%
        }

.pdp p.titlemain {
    padding-top: 40px;
    width: 100%
}

.titleproduct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

h1.titleProdSingolo {
    width: 80%
}

.icons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-pack: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: self-end;
    -ms-flex-align: self-end;
    align-items: center;
    align-items: self-end;
    -ms-flex-flow: column;
    flex-flow: column;
    justify-content: unset;
    width: 24%
}

.icons, .shareicon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

p.testoFormato.ctashowmore {
    font-family: DM Sans;
    font-style: normal
}

.underline, p.testoFormato.ctashowmore {
    color: #1a5632;
    font-size: 1pc;
    font-weight: 500;
    line-height: 24px
}

.underline {
    position: relative
}

    .underline:after {
        background-color: #1a5632;
        bottom: -4px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 103px
    }

.pdp .containertitle {
    width: 100%
}

.pdp .titleproduct {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 1;
    width: 100% !important
}

.pdp .pdpdetail .cuoreImg {
    left: auto;
    padding: 0 8px;
    position: relative;
    top: 20px
}

.slider-editorialepdp .cmp-image__image {
    border-radius: 24px;
    height: 100%
}

.slider-editorialepdp .swiper-button-next:after, .slider-editorialepdp .swiper-button-prev:after, .slider-editorialepdp .swiper-rtl .swiper-button-prev:after {
    display: none
}

.pdpscrollimage {
    max-height: 100%;
    max-width: 100vw
}

    .pdpscrollimage > .row {
        background-color: #f8f8f6
    }

.pdp .icon-cart {
    position: absolute;
    top: 14px
}

.root.container.responsivegrid {
    max-height: 100%;
    max-width: 100vw
}

.pdp {
    overflow: inherit !important
}

    .pdp .containerGusto .swiper {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

.productTitle.centertitle {
    margin-right: 24px;
    text-align: center;
    width: 100%
}

.centertitle .titleProdSingolo {
    padding-bottom: 70px;
    text-align: center;
    width: 100%
}

@media screen and (min-width:992px) {
    .pdpscrollimage .swiper-wrapper {
        display: block
    }
}

@media screen and (max-width:992px) {
    .pdpscrollimage .swiper-button-prev, .prod-glly .swiper-button-next {
        display: block
    }

    .pdpscrollimage .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .expandpdp {
        padding-top: 24px
    }

    .description-2-cont-left {
        padding: 0
    }

    .underline.ctashowmore {
        cursor: pointer
    }

    .btn-aggiungi-container {
        width: 100%
    }

    .pdpscrollimage {
        padding-bottom: 0
    }

    .pdp {
        overflow: hidden !important
    }

        .pdp .containertitle {
            padding-top: 0;
            width: 100%
        }

    .group-img-right {
        padding: 0 !important
    }

    .container-text-90 {
        padding: 0
    }

    .video-pdp {
        border-radius: 24px;
        margin: 40px auto 0;
        padding: 0 9pt;
        position: relative;
        width: 100%
    }

        .video-pdp .ctaplay {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            background-size: 100% 100%;
            height: 110px;
            left: 45%;
            padding: 46px 63px;
            position: absolute;
            top: 35%;
            -webkit-transform: translate(-33%);
            transform: translate(-33%,-26%);
            width: 165px
        }

    .container-servizi-pdp {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: baseline;
        gap: 10px;
        justify-content: center;
        width: 100%
    }

    .title-desc4444 {
        font-family: Gupter;
        font-size: 2pc;
        font-style: normal;
        font-weight: 400;
        line-height: 36px
    }

    .video-pdp img.img100 {
        height: 130%
    }

    .group-slider-left {
        width: 100%
    }

    .sharemenu {
        position: absolute;
        top: 35px;
        width: 56px
    }

    h1.titleProdSingolo {
        width: 76%
    }

    #header.stiky, .scroll .desk-benefit-bar {
        position: fixed
    }

    #header.stiky {
        background-color: #fff;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;
        padding: 9pt;
        top: 2pc
    }

    .stiky .group-1555 {
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .pdpscrollimage .swiper-button-prev {
        background: none
    }

        .pdpscrollimage .swiper-button-prev:after {
            display: none
        }

    .productTitle.centertitle {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        width: 100%
    }

    .pdp .flex-col-22 {
        padding-top: 1pc
    }

    .pdp .icon-cart-plp-2 {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        background-color: var(--everglade);
        border-radius: 2pc;
        height: 40px;
        margin-bottom: auto;
        margin-top: 2pc;
        min-width: 40px;
        padding: 13px 9.3pt;
        position: absolute;
        right: 0
    }

    .pdpscrollimage .swiper-button-next:after {
        display: none
    }

    .pdpdetail {
        margin: 1pc
    }

    .contenitoreProdottoSingolo {
        display: block
    }

    .contenitoreProd1 {
        height: 300px;
        width: 100%
    }

    .contenitoreProd2 {
        margin-left: 10px;
        text-align: unset;
        width: 100%
    }

    .titleProdSingolo {
        font-size: 2pc
    }

    .brevedescrizione {
        width: 100%
    }

    .formati-bottoni {
        background-color: unset;
        width: 100%
    }

    .colore-btn-formato, .colore-btn-formato1 {
        border-radius: 9pt
    }

    .swrapper-formato {
        gap: 5px;
        width: 100%
    }

    .btnformato, .btnselectedformato {
        border-radius: 9pt;
        width: 40%
    }

    .btn-acquista-pdp, .trust-pdp {
        width: 100%
    }

    .group-description-1 {
        display: block;
        margin: 40px 0;
        padding: 0 1pc
    }

    .slider-editorialepdp {
        padding: 1pc !important
    }

    .description-2-cont-left {
        margin-left: 5px;
        padding-right: 0;
        width: 100%
    }

    .text-description-2-left {
        font-size: 28px;
        letter-spacing: .2px;
        line-height: 2pc
    }

    .description-2-cont-right {
        width: 100%
    }

    .group-img-desc {
        gap: 24px
    }

    .description-2-cont-right {
        margin-top: 40px;
        padding: 10px
    }

    .group-slider-text {
        display: block;
        padding: 0;
        width: 100%
    }

    .group-slider-right {
        padding: 0 1pc;
        width: 100%
    }

    .group-img-testo {
        display: block;
        padding: 1pc
    }

    .group-text-left {
        width: 100%
    }

    .group-img-testo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
        margin: 40px 0;
        padding: 0 1pc;
        width: 100%
    }

    .group-img-right {
        padding: 1pc;
        width: 100%
    }

    .img-group-44 {
        width: 100%
    }

    .desk-widget-prodotto {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-size: 100% 100%;
        background: #fff;
        border-radius: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 9pt;
        width: 100%
    }

    .group-cart-testo {
        min-width: auto;
        position: relative;
        width: 98%
    }

    #descprodotto {
        padding-top: 25px
    }

    .centertitle .titleProdSingolo {
        margin-left: inherit;
        margin-right: inherit;
        padding-bottom: 0
    }
}

.wrapperimagepdp {
    width: 60%
}

.img-prod-pdp, .img-prod-pdp > img {
    width: 100%
}

.pdp .product-focus-teaser .cmp-image__image {
    height: 100%;
    width: 100%
}

.flexbox-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 600px
}

.regular {
    background-color: blue
}

.sticky {
    -ms-flex-item-align: start;
    align-self: flex-start;
    max-width: 38.33333%;
    position: sticky;
    top: 0
}

.cm-pdp-prod .prod-glly {
    overflow: hidden
}

.p-0 {
    padding: 0
}

@media(min-width:968px) {
    .pdpscrollimage .swiper-wrapper {
        display: block
    }

    .pdp .group-img-right:last-child {
        padding-bottom: 5pc
    }

    .pdp .title {
        font-family: Gupter;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.9pt;
        line-height: 44px;
        padding-left: 24px;
        text-align: left !important
    }

    .pdp .group-img-testo .title {
        padding-left: 9pt
    }

    .group-text-left {
        padding: 0 40px
    }

    .pdp .half-width {
        padding: 0
    }

    .col-md {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .prod-info {
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: 100%;
        min-width: 455px;
        padding: 1% 8% 0 6%;
        position: fixed;
        position: sticky;
        top: 0;
        width: 43%
    }

    .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    button.colore-btn-formato1 {
        color: #fff
    }

    .container-text-90 {
        padding: 1pc
    }

    .testoFormato {
        padding-top: 25px
    }

    .plp.half-width {
        margin: 0 auto;
        padding: 0 9pt
    }
}

.centertitle {
    text-align: center
}

.group-img-right > img, .swiper-slide > img {
    width: 100%
}

.d-none {
    display: none
}

.group-slider-left.inverted-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.inverted-right .plus-minus-toggle-det {
    left: 37%;
    right: 0
}

.clickable__root {
    cursor: pointer
}

.container-product-detail .pdpdetail .container-prezzi-pdp {
    margin-top: 20px
}

    .container-product-detail .pdpdetail .container-prezzi-pdp .price-perlitro-wrapper {
        margin-left: auto
    }

.container-product-detail .pdpdetail .ctashowmore {
    display: inline-block;
    width: auto
}

.container-product-detail .pdpdetail .ctashowmore__confezioneMista {
    margin-top: 15px
}

.container-product-detail .pdpdetail .contenitore-prod-22 .container-prezzi-pdp, .container-product-detail .pdpdetail .contenitore-prod-22 .group-33-pdp .price-1 {
    margin-top: 0
}

.container-product-detail .pdpdetail .contenitore-prod-22 .icon-cart.img {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media(max-width:992px) {
    .container-product-detail .pdpdetail .container-prezzi-pdp {
        margin-top: 20px
    }

    .container-product-detail .product-description .product-description-accordion h2 {
        display: inline-block;
        font-weight: 700;
        padding-right: 30px;
        width: 100%
    }

    .container-product-detail .product-description .product-description-accordion .expandpdp {
        margin-bottom: 18px;
        padding-top: 18px
    }

    .container-product-detail .product-description .product-description-accordion .plus-minus-toggle-det {
        top: 28px
    }

    .container-product-detail .product-description #descprodotto {
        margin-top: 0;
        padding-top: 0
    }

    .container-product-detail .description-2-cont-right table tr > td:first-child {
        width: 50%
    }

    .container-product-detail .swrapper-formato {
        height: auto
    }

        .container-product-detail .swrapper-formato .btnformato {
            margin-bottom: 8px
        }

    .group-slider-right .product-description-accordion .expandpdp {
        padding-top: 0
    }
}

.page-category .aem-Grid .responsivegrid:last-of-type {
    position: relative;
    z-index: 9
}

    .page-category .aem-Grid .responsivegrid:last-of-type, .page-category .aem-Grid .responsivegrid:last-of-type .magazine-carousel {
        background-color: #f2f2ee;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px
    }

.page-category .aem-Grid footer {
    position: relative;
    z-index: 0
}

.second-title-plp {
    color: #1a5632;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 9pt;
    margin-top: 20px;
    text-align: center
}

li.numb a:hover {
    color: #fff
}

.container-box-4 {
    cursor: pointer;
    width: 100%
}

.BoxPlp-4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    -ms-flex-positive: 0;
    align-items: center;
    background: #e8e8de;
    border-radius: 9pt;
    color: #414d45;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    height: 68px;
    justify-content: center;
    line-height: 18px;
    order: 3;
    padding: 1pc;
    text-align: center;
    width: 162px
}

    .BoxPlp-4:hover {
        background: #414d45;
        border-radius: 9pt;
        color: #fffde5
    }

.spaceContenitori {
    margin-top: 50px
}

.uppsellmobile {
    display: none
}

.plus-minus-toggle-det {
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 14px
}

.productcollection__item-button--add-to-wish-list {
    border: 0
}

.plus-minus-toggle-det:after, .plus-minus-toggle-det:before {
    background: #1a5632;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    width: 14px
}

.plus-minus-toggle-det:after {
    -webkit-transform-origin: center;
    transform-origin: center
}

.plus-minus-toggle-det.collapsed:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.plus-minus-toggle-det.collapsed:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ordina-per-1, .ordina-per-stile {
    color: #1a5632;
    cursor: pointer
}

.ordina-per-stile {
    opacity: .5
}

    .ordina-per-stile:hover {
        color: #1a5632;
        opacity: 1
    }

.contenitore-ordina-per {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px 5px 5px
}

.contenitore-ordina-per, .metodi-ordinamento-stile {
    background: #fff;
    border-radius: 1pc;
    gap: 8px;
    margin-right: 24px;
    position: absolute;
    right: 0
}

.metodi-ordinamento-stile {
    font-size: 1pc;
    height: 7pc;
    margin-top: 40px;
    padding: 20px 1pc;
    width: 182px;
    z-index: 2
}

.icon-freccia-ordina-per {
    height: 8px;
    width: 10px
}

.categories.active {
    background: #414d45;
    color: #fff
}

.headerplp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    height: auto;
    justify-content: flex-start;
    padding: 9pt 24px;
    position: relative;
    width: 100%
}

.container-prod-plp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.container-prod-plp, .container-prod-plp1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    width: 100%
}

.container-prod-plp1 {
    margin-left: 24px
}

.image-hover-oil {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    width: 100%
}

    .image-hover-oil img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        z-index: 3
    }

.colore-slideProd-plp {
    background: #e8e8de;
    border-radius: 25px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%
}

.blocco-di-testo {
    margin-bottom: 150px;
    margin-left: 24px;
    margin-top: 150px;
    width: 70%
}

.testo-b1 {
    color: #1a5632;
    font-size: 2pc
}

.title-visti-di-recente {
    color: #1a5632;
    font-family: Gupter;
    font-size: 3pc;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    margin-bottom: 40px;
    margin-left: 24px
}

@media screen and (max-width:992px) {
    .containeraddtocartpdp .section1 {
        display: none
    }

    .uppsellmobile {
        display: block
    }

    .containeraddtocartpdp .section2, .containeraddtocartpdp .section3 .price {
        display: none
    }

    .addtocartpdp {
        width: 100%
    }

    .containeraddtocartpdp {
        background: transparent;
        width: 100%
    }

    .addtocartpdp {
        left: 0
    }

    .containeraddtocartpdp .section3 {
        width: 100%
    }

    button.btn-acquista-pdp-skiky {
        margin: 0 1pc;
        padding: 1pc;
        width: 92.9%
    }

    .icon-cart-plp-2 {
        bottom: -5px
    }
}

.categories.active a {
    color: #fff
}

.titlepdp {
    font-family: Gupter
}

.descriptionplp, .titlepdp {
    color: #1a5632;
    text-align: center;
    width: 100%
}

.descriptionplp {
    font-size: 1pc
}

.wrappercategories {
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    width: 100%
}

@media(min-width:992px) {
    .wrappercategories .swiperplp {
        max-width: calc(50% + 5pc);
        padding: 0 40px
    }
}

.wrappercategories .swiperplp .swiper-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    justify-content: flex-start
}

@media(max-width:992px) {
    .wrappercategories .swiperplp .swiper-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(min-width:992px) {
    .wrappercategories .swiperplp .swiper-wrapper .swiper-slide:last-child {
        margin-right: 0 !important
    }
}

.wrappercategories .swiperplp.swiper-align-center .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrappercategories .plp-list-arrow {
    background: #f2f2ee;
    height: 100%;
    margin: 0 auto;
    top: 0;
    -webkit-transform: none;
    transform: none;
    width: 40px
}

@media(max-width:992px) {
    .wrappercategories .plp-list-arrow {
        display: none
    }
}

.wrappercategories .plp-list-arrow.swiper-button-prev {
    left: 0
}

.wrappercategories .plp-list-arrow.swiper-button-next {
    right: 0
}

.wrappercategories .plp-list-arrow:after {
    color: #1a5632;
    font-size: 25px;
    line-height: 25px
}

.categories {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e8e8de;
    border-radius: 9pt;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-height: 5pc;
    min-width: 10pc;
    padding: 1pc
}

@media screen and (min-width:992px) {
    .categories {
        height: 100%;
        min-width: unset
    }
}

.breadcrumb {
    padding: 9pt
}

.descriptionplp p {
    margin: 0 auto;
    text-align: center;
    width: 65%
}

#reveal-product_description_ table {
    width: 100%
}

.numb.active > a {
    color: #fff
}

.titlemain-plp {
    color: #1a5632;
    font-family: Gupter;
    font-size: 3pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 68px;
    margin-bottom: 30px;
    padding: 0 24px
}

.productslider .titlemain .cmp-title__text {
    text-align: left
}

@media screen and (max-width:900px) {
    .bloccoditesto-plp {
        font-size: 24px;
        width: 100%
    }

    .card50 {
        width: 100% !important
    }

    .ContenitorePiuVenduti {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .colore-slideProd1 {
        display: inline-block;
        width: 98%
    }

    .colore-slideProd {
        display: inline-block !important;
        width: 98%
    }

    .titlepdp {
        font-size: 2pc
    }

    .titlemain-plp {
        font-size: 2pc;
        margin-top: 0
    }

    h3.nome-prod {
        font-size: 1pc
    }

    .page-search .ordering-wrapper .ordering {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        justify-content: space-between
    }

    .page-search .ordering-wrapper .plp-container.productcollection__root {
        background: none
    }

    .page-search .ordering-wrapper .prodottisuggeriti-title {
        position: relative;
        top: 30px
    }

    .page-category .ordering-wrapper {
        margin-top: 20px
    }

    .page-category .wrappercategories {
        padding-bottom: 10px
    }

    .page-category .description p {
        padding: 0 1pc;
        width: 100%
    }

    .page-category .magazine-carousel {
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        position: relative;
        width: 100%;
        z-index: 10
    }

    .page-category .categorylist .swiper-wrapper {
        padding-left: 1pc
    }

    .page-category .new.newpar {
        height: 0;
        margin: 0 auto
    }
}

.flex-grid {
    overflow: hidden;
    padding: 0
}

.grid-uniform {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.grid__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    flex-grow: 1;
    -webkit-flex-grow: 1
}

    .grid__item.featured-product {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

.grid__image {
    background: #f4f4f4;
    overflow: hidden;
    padding-bottom: 9pt;
    padding-top: 9pt
}

.plp-product {
    width: 100%
}

@media screen and (min-width:900px) {
    .bloccoditesto-plp {
        font-size: 2pc;
        width: 60%
    }

    .wrappercategories .swiperplp {
        max-width: 50%
    }

    .ContenitorePiuVenduti {
        display: block
    }

    .colore-slideProd, .colore-slideProd1 {
        display: inline-block
    }

    .titlepdp {
        font-size: 4pc
    }

    .titlemain-plp {
        font-size: 3pc;
        margin-top: 40px
    }

    h3.nome-prod {
        font-size: 18px
    }
}

.product-card--header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    justify-content: center;
    left: 15px;
    position: absolute;
    right: 15px
}

.product-card--wishlist {
    -ms-flex-item-align: self-start;
    align-self: self-start;
    cursor: pointer
}

    .product-card--wishlist button {
        cursor: pointer
    }

.productStamps {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 6px;
    z-index: 2
}

@media only screen and (min-width:768px) {
    .productStamps {
        gap: 9pt
    }
}

.productStamps.pdp {
    padding: 24px;
    position: absolute
}

.tagProdottoEsaurito {
    background: #bd2136;
    border-radius: 30px;
    color: #fff;
    font-size: 9pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 9pt;
    padding: 4px 8px;
    text-transform: uppercase
}

.imgpdt-plp {
    border-radius: 25px;
    height: -webkit-fill-available;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.wrapperplp {
    margin: 9pt 24px
}

.bloccoditesto-plp {
    color: #1a5632;
    font-family: Gupter;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 52px;
    line-height: 36px;
    margin-bottom: 30px;
    margin-top: 5pc;
    padding: 0 24px
}

.posizionamentoImg-plp {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cm-plp {
    text-align: justify;
    width: 100%
}

section {
    display: block;
    position: relative
}

.plp .colore-slideProd {
    height: 100%;
    width: 100%
}

@media only screen and (min-width:768px) {
    .cm-plp .plp-container {
        display: initial
    }
}

.cm-plp .card {
    border: none;
    display: inline-block;
    font-size: 1rem;
    position: relative;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    vertical-align: top;
    width: 50%;
    will-change: transform,opacity
}

@media only screen and (min-width:768px) {
    .cm-plp .card {
        padding: 0 6px;
        width: calc(25% - 6px)
    }
}

.cm-plp .card article {
    -ms-flex-line-pack: justify;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

    .cm-plp .card article .img-box:before {
        content: "";
        display: block;
        width: 100%
    }

    .cm-plp .card article .img-box {
        position: relative
    }

        .cm-plp .card article .img-box picture {
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

            .cm-plp .card article .img-box picture:first-of-type img {
                opacity: 1;
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-transition: all .75s ease;
                transition: all .75s ease
            }

            .cm-plp .card article .img-box picture img {
                webkit-transform-origin: center center;
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain;
                -o-object-position: 50% 0;
                object-position: 50% 0;
                opacity: 0;
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-transition: all .75s ease;
                transition: all .75s ease;
                width: 100%
            }

.img-fluid, .img-thumbnail {
    height: auto;
    max-width: 100%
}

.imgPlpCard {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media only screen and (min-width:768px) {
    .cm-plp .ctg_tplst + .tds-cm {
        border-right: 1px solid #fff;
        float: left;
        width: 50%
    }

    .smtb-ctn__wrp {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        margin: 0 -.5px
    }

    .smtb-ctn .single-media-text-block {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        padding-bottom: 0;
        padding: 0 .5px 1px
    }

    .cm-plp .RATIO_4_5 {
        aspect-ratio: unset !important;
        height: calc(100% + 15px) !important
    }

    [class*=" RATIO_"] img, [class^=RATIO_] img {
        -webkit-animation: anim-fade-in .6s;
        animation: anim-fade-in .6s;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 0;
        object-position: 50% 0;
        width: 100%
    }
}

.plp .colore-slideProd {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #e8e8de;
    border-radius: 25px;
    justify-content: space-between;
    margin-bottom: 9pt;
    padding: 9pt 29px 1pc;
    position: relative;
    text-align: center
}

.img-test22 .cardDescrittiva {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: end;
    background: #718473;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-flow: row;
    flex-flow: row;
    height: 98%;
    padding: 9pt;
    width: 100%
}

.txt-group1 {
    color: #fffde5;
    height: auto;
    text-align: left;
    width: 50%
}

.btnScopri-plp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: unset;
    border: 1px solid #fffde5;
    border-radius: 24px;
    color: #fffde5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    padding: 10px 10px 10px 20px;
    width: 10pc
}

.txt-group2 {
    width: 50%
}

@media only screen and (max-width:992px) {
    .hidescopri {
        display: none
    }

    .btnScopri-plp {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 60px
    }

    .title .cmp-title .cmp-title__text {
        font-size: 2pc
    }
}

.card-plp-22 {
    background-color: unset !important;
    background-image: url(../../../clientlib-fratellicarli-site/images/img-olio-prova.png);
    padding: 0 !important
}

.plp-cardImmagine, .plp-cardImmagine22 {
    border-radius: 24px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.contenitoreImmagineCard22 {
    height: 100%;
    width: 100%
}

.titleCardDescrittiva {
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 2pc
}

p.txtCardDescrittiva {
    padding-bottom: 1pc
}

.list-product {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px
}

.list-item-product, .list-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-item-product {
    width: calc(50% - 3px)
}

@media (min-width:40em) {
    .list-item-product {
        width: calc(33.33% - 6px)
    }
}

@media (min-width:60em) {
    .list-item-product {
        width: calc(25% - 6px)
    }

    .card-cta {
        width: 50%
    }
}

.list-content-product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    width: 100%
}

    .list-content-product .productcollection__item {
        height: 100%
    }

.breadcrumb {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 9pt
}

.selectorderby {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
    padding-bottom: 25px;
    padding-right: 6px;
    position: relative
}

.select-dropdown__button_orderby {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url(clientlib-site/resources/images/Chev.svg);
    background-position-x: calc(100% - 4px);
    background-position-y: 7px;
    background-repeat: no-repeat;
    background-size: 30px;
    border: 0;
    border-radius: 22px;
    color: #1a5632;
    cursor: pointer;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    padding: 9pt 30px 9pt 9pt;
    text-align: left
}

    .select-dropdown__button_orderby span {
        padding-right: 9pt;
        top: 0
    }

.select-dropdown__butto_orderby::focus {
    outline: none
}

.select-dropdown__button_orderby .zmdi-chevron-down {
    position: absolute;
    right: 10px;
    top: 9pt
}

.select-dropdown__list_orderby {
    border-radius: 18px;
    display: block;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 182px;
    z-index: 1
}

    .select-dropdown__list_orderby.active {
        opacity: 1;
        pointer-events: auto
    }

.select-dropdown__list-item_orderby {
    background: #fff;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 1pc 20px
}

    .select-dropdown__list-item_orderby.active {
        color: #1a5632
    }

@media only screen and (max-width:992px) {
    .txtCardDescrittiva {
        font-size: 14px;
        margin-bottom: 1pc;
        margin-top: 1pc;
        width: 90%
    }
}

.contenitorePaginazione1 {
    margin-top: 1pc;
    width: 100%
}

.paginazione-plp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: red;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 10px 40px;
    width: 200px
}

.contaiber-22 {
    width: 100%
}

    .contaiber-22 .pagination ul {
        background: #fff;
        border-radius: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 8px;
        width: 100%
    }

        .contaiber-22 .pagination ul li {
            color: #1a5632;
            cursor: pointer;
            font-size: 18px;
            font-weight: 500;
            line-height: 45px;
            list-style: none;
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .contaiber-22 .pagination ul li.numb {
                border-radius: 50%;
                height: 45px;
                line-height: 45px;
                list-style: none;
                margin: 0 3px;
                width: 45px
            }

                .contaiber-22 .pagination ul li.numb > a {
                    border-radius: 50%;
                    display: inline-block;
                    height: 45px;
                    line-height: 45px;
                    width: 45px
                }

                .contaiber-22 .pagination ul li.numb.first {
                    margin: 0 3px 0 -5px
                }

                .contaiber-22 .pagination ul li.numb.last {
                    margin: 0 -5px 0 3px
                }

            .contaiber-22 .pagination ul li.dots {
                cursor: default;
                font-size: 22px
            }

            .contaiber-22 .pagination ul li.btn {
                border-radius: 50px;
                padding: 0 20px
            }

            .contaiber-22 .pagination li.active, .contaiber-22 .pagination ul li.numb:hover, li.numb:hover > a {
                background: #1a5632;
                color: #fff
            }

.plp .hp-widget-magazine.aem-GridColumn.aem-GridColumn--default--12 {
    background-color: #f2f2ee;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    position: relative;
    z-index: 9
}

.pagination {
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.overlay-quickbuy {
    background: #fff;
    border-radius: 25px;
    bottom: 0;
    height: 49%;
    left: 0;
    padding: 1pc;
    position: absolute;
    width: 100%
}

.testoFormato.quickbuy {
    margin-top: 0;
    padding: 0
}

.overlay-quickbuy button.AddcartSkin {
    margin-bottom: 0;
    max-width: 100% !important;
    width: 100%
}

.testoFormato.quickbuy.second {
    padding-top: 24px
}

p.testoFormato.quickbuy {
    margin-bottom: 8px
}

.tooltip {
    border-bottom: 1px dotted #000;
    display: inline-block;
    position: relative
}

    .tooltip .tooltiptext {
        background-color: #1c3325;
        border-radius: 6px;
        bottom: 125%;
        color: #fff;
        font-family: DM Sans;
        font-size: 9pt;
        font-style: normal;
        font-weight: 500;
        line-height: 9pt;
        margin-left: -60px;
        opacity: 0;
        padding: 8px 9pt;
        position: absolute;
        right: 0;
        text-align: center;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        visibility: hidden;
        width: auto;
        z-index: 1
    }

        .tooltip .tooltiptext:after {
            border: 5px solid transparent;
            border-top-color: #1c3325;
            content: "";
            left: 50%;
            margin-left: -5px;
            position: absolute;
            top: 100%
        }

    .tooltip:hover .tooltiptext {
        opacity: 1;
        visibility: visible
    }

.overlay-quickbuy {
    display: none
}

    .overlay-quickbuy.open {
        display: block
    }

.card50 {
    width: 50%
}

@media only screen and (max-width:992px) {
    .img-test22 {
        padding: 0 6px;
        width: calc(100% - 6px) !important
    }

    h3.nome-prod.allimenetotestoprod {
        font-family: DM Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        max-width: 100%;
        padding-bottom: 2px;
        text-align: center
    }

    .plp .colore-slideProd {
        padding: 9pt
    }

    .wrapperplp {
        margin: 9pt
    }

    .categories {
        font-family: DM Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        min-width: auto
    }
}

.container-pagina-profilo {
    min-height: 750pt;
    padding-bottom: 134px;
    padding-left: 24px;
    padding-top: 40px;
    width: 100%
}

.container-profilo1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.group-1-profilo {
    width: 25%
}

.group-2-profilo {
    margin-left: 129px;
    width: 60%
}

.colonna-1-profilo {
    background-color: #fff;
    border-radius: 24px;
    margin-bottom: 9pt;
    padding: 24px
}

.colonna-2-profilo {
    background-color: #fff;
    margin: 0 auto 9pt
}

.colonna-2-profilo, .colonna-3-profilo {
    border-radius: 24px;
    padding: 20px;
    width: 90%
}

.colonna-3-profilo {
    background-color: rgba(252,108,15,.1);
    margin: 0 auto 20px
}

.linea-22 {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.profilo-12 {
    background-color: #e8e8de;
    border-radius: 9pt;
    font-size: 20px;
    margin-bottom: 2pc;
    margin-left: -10px;
    padding: 10px;
    text-align: center;
    width: auto;
    width: 50%;
    width: 138px
}

.brn-contatti-profilo {
    background-color: unset;
    border: 1px solid #1a5632;
    border-radius: 24px;
    color: #1a5632;
    font-size: 1pc;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px;
    width: 100%
}

.voceMenuProf {
    font-size: 20px;
    margin-bottom: 2pc
}

.voceMenuProf1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    justify-content: space-between;
    margin-top: 2pc
}

.title-prof1 {
    color: #1a5632;
    font-size: 20px;
    font-weight: 500
}

.title-prof2 {
    color: #fc6c0f;
    font-size: 1pc;
    font-weight: 500;
    margin-left: 5px
}

.linkModifica {
    color: #414d45;
    font-size: 1pc;
    font-weight: 400;
    text-decoration: underline
}

.info-personali-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.singola-info-1 {
    margin-bottom: 24px;
    width: 50%
}

.title-prof33 {
    color: #414d45;
    font-size: 18px;
    font-weight: 500
}

.separatore-profilo {
    color: #e8e8de;
    margin-bottom: 20px;
    margin-top: 20px
}

.contenitorePromoTxt-profilo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.txtpromo-profilo {
    margin-left: 36px
}

.modificaInfoPersonali {
    display: none
}

.container-pagina-profilo .ordering-genere, .container-pagina-profilo .ordering-titolo {
    height: 56px;
    width: 50%
}

.container-pagina-profilo .select-dropdown_SideBarProfilo, .container-pagina-profilo .select-dropdown_genere, .container-pagina-profilo .select-dropdown_titolo {
    border: 1px solid #e8e8de;
    border-radius: 9pt
}

.contenitore-dati-registrazione .BoxCodiceCliente {
    width: 50%
}

.contenitoreBtn-DatiFiscali {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.contenitore-dati-registrazione .CampoRagioneSociale {
    font-size: 14px;
    height: 56px;
    margin: 5px 0;
    width: 100%
}

.container-annullaSalvaMod-profilo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.btn-annullaSalvaMod-profilo {
    margin: 5px;
    width: 50%
}

.btn-Annulla_mod {
    background: none;
    border: 1px solid #1a5632;
    border-radius: 2pc;
    color: #1a5632;
    padding: 9pt 20px
}

.btn-Annulla_mod, .btn-Salva_mod {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-weight: 500;
    justify-content: center;
    width: 100%
}

.btn-Salva_mod {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fff;
    padding: 9pt 24px
}

.spaziamentoCampi {
    margin-top: 8px
}

@media screen and (max-width:992px) {
    .container-pagina-profilo .ordering-titolo {
        height: 56px;
        margin-bottom: 8px;
        width: 100%
    }

    .container-pagina-profilo .ordering-genere {
        height: 56px;
        margin-bottom: 4px;
        width: 100%
    }

    .colonna-2-profilo .sfondo-prod-cart {
        max-height: 90px;
        max-width: 90px
    }

    .colonna-2-profilo .img-prod-cart-22 {
        height: 90px;
        width: 90px
    }

    .hidetxt_Mobile {
        display: none
    }

    .colonna-2-profilo .containerProdotto1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .colonna-2-profilo .mod-CancGroup-1 {
        position: absolute;
        right: 0;
        top: 20
    }

    .colonna-2-profilo .infoProdCart-22 {
        width: 100%
    }

    .group-2-profilo .infoProdotto1 {
        width: 100% !important
    }

    .group-2-profilo .totProdotto1 {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-box-pack: unset !important;
        -ms-flex-pack: unset !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
        justify-content: unset !important;
        width: 100% !important
    }

    .container-profilo1 {
        display: block;
        padding-left: 1pc;
        padding-right: 1pc
    }

    .group-1-profilo {
        width: 100%
    }

    .group-2-profilo {
        margin: 0;
        width: 100%
    }

    .container-pagina-profilo {
        padding: 0
    }
}

@media only screen and (min-width:990px) {
    .ordering-SideBarProfilo .hideBtn-mob-Sidebar {
        display: none
    }

    .ordering-SideBarProfilo .select-dropdown__list_SideBarProfilo {
        opacity: 1;
        position: relative;
        top: 0
    }

    .container-pagina-profilo .ordering-SideBarProfilo {
        width: 100%
    }

    .container-pagina-profilo .select-dropdown_SideBarProfilo {
        border: 0;
        border-radius: 0
    }

    .ordering-SideBarProfilo .selectortitolo {
        padding-bottom: 0 !important;
        padding-right: 0 !important
    }

    .group-1-profilo .groupAiuto-2 {
        background-color: #fff;
        border-radius: 9pt;
        margin-top: 9pt;
        padding: 15px;
        width: 100%
    }
}

@media only screen and (max-width:990px) {
    .groupAiuto-2 {
        background-color: #fff;
        border-radius: 9pt;
        margin: 10px auto;
        padding: 10px;
        width: 100%
    }

    .hideSeparatoreSidebar {
        display: none !important
    }

    .container-pagina-profilo .ordering-SideBarProfilo {
        margin: 30px auto 0;
        padding-bottom: 2pc;
        width: 100%
    }

    .select-dropdown__list_SideBarProfilo {
        background-color: #e8e8de !important
    }
}

.select-dropdown__list-item_SideBarProfilo {
    color: #1c3325;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 1pc 2pc;
    pointer-events: all
}

.containerLogout-txt-img {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: transparent;
    border: none;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: 100%
}

    .containerLogout-txt-img[disabled] {
        color: #8d918e !important
    }

        .containerLogout-txt-img[disabled] img {
            opacity: .5 !important
        }

.select-dropdown__list_SideBarProfilo {
    background-color: #fff;
    border-radius: 18px;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 9pt 0 0;
    opacity: 0;
    overflow: auto;
    padding-bottom: 20px;
    padding-top: 20px;
    pointer-events: none;
    position: absolute;
    top: 50px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 100%;
    z-index: 1
}

    .select-dropdown__list_SideBarProfilo.active {
        visibility: visible
    }

.select-dropdown__list-item_SideBarProfilo.select-dropdown__list_SideBarProfilo {
    color: #1a5632
}

.select-dropdown__list_SideBarProfilo.active {
    opacity: 1;
    pointer-events: auto
}

.select-dropdown_SideBarProfilo {
    width: 100%
}

.select-dropdown__button_SideBarProfilo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8de;
    border: 0;
    border-radius: 9pt;
    color: #616161;
    color: #1a5632;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    height: 56px;
    justify-content: space-between;
    line-height: 1pc;
    padding: 1pc 18px 1pc 25px;
    position: relative;
    text-align: left;
    width: 100%
}

    .select-dropdown__button_SideBarProfilo span {
        padding-right: 9pt;
        top: 0
    }

    .select-dropdown__button_SideBarProfilo .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.popup-containerEliminaAddress {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(21,17,17,.61);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.popup-contentAddress {
    background-color: #fefefe;
    border: 1px solid #888;
    border-radius: 9pt;
    margin: auto;
    padding: 20px;
    width: 25%
}

    .popup-contentAddress p {
        font-size: 17px;
        line-height: 20px;
        padding: 10px
    }

    .popup-contentAddress a.BtncloseEliminaIndirizzo {
        color: #000;
        float: right;
        font-family: sans-serif;
        font-size: 15px;
        height: 40px;
        text-align: center;
        text-decoration: none;
        width: 40px
    }

.popup-containerEliminaAddress:target {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    z-index: 10
}

.txt-popup-delete {
    width: 90%
}

.titoloPopUpDelete-1 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    width: 50%
}

.group-preferenze-22 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.txt-pref-privacy {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px
}

.group-preferenze11 {
    border: 1px solid #e8e8de;
    border-radius: 9pt;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%
}

.containerPreferenzePrivacy-1.active {
    display: none
}

.containerTxtRadio-privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%
}

.containerTxt-privacy {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    width: 85%
}

.containerRadio-privacy {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative;
    width: 15%
}

    .containerRadio-privacy .si-no-radio-reg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        margin: 0;
        position: absolute;
        top: 25px
    }

.titlePrivacy-A-B {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px
}

.containerMethodCardPayment {
    background: #f8f8f6;
    border-radius: 9pt;
    margin: 2px;
    padding: 1pc;
    width: 50%
}

.alignName-TrashImg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between
}

.alignName-TrashImg, .containerCardPaymentMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.containerCardPaymentMain {
    width: 100%
}

.alignImg-codeCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-top: 20px
}

.colonna-2-profiloProd {
    border-radius: 24px;
    margin: 0 auto 9pt;
    padding: 20px;
    width: 90%
}

.group-2-profilo .infoProdotto1 {
    width: 70%
}

.group-2-profilo .totProdotto1 {
    width: 30%
}

.button-addCartWishlist {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    padding: 9pt 20px
}

.containerCouponDaUtilizzare {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

.couponSingoloDautilizzare {
    background-color: #e8e8de;
    border-radius: 9pt;
    padding: 1pc;
    width: 100%
}

.allinemento-codiceScontoCoupon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    width: 100%
}

.codiceCopuon {
    color: #414d45;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.01em
}

.codiceCopuon, .scontoCoupoon-1 {
    font-family: DM Sans;
    font-style: normal;
    line-height: 24px
}

.scontoCoupoon-1 {
    color: #fc6c0f;
    font-size: 1pc;
    font-weight: 400
}

.txtcopuon-1 {
    color: #414d45;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 9pt
}

.btnCopyCodeCoupon, .txtcopuon-1 {
    font-family: DM Sans;
    font-style: normal
}

.btnCopyCodeCoupon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 500;
    gap: 15px;
    line-height: 1pc;
    margin-top: 9pt;
    padding: 8px 15px 8px 20px
}

.imgPortaUnamico {
    border-radius: 24px;
    width: 100%
}

.contenitoreImgportaUnAmico {
    margin-bottom: 24px;
    margin-top: 24px;
    width: 100%
}

.containerCondividiCodePortaAmico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.singoloSocialShare a {
    background-color: #e8e8de;
    border-radius: 9pt;
    cursor: pointer;
    gap: 10px;
    margin-right: 9pt;
    padding: 10px
}

.singoloSocialShare a, .txt-share-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.txt-share-1 {
    margin-bottom: 24px;
    margin-top: 24px;
    width: 100%
}

.txt-share-2 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 700
}

.txt-socialShare {
    color: #1a5632;
    font-weight: 500
}

.sub-txr_profilo, .txt-socialShare {
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    line-height: 24px
}

.sub-txr_profilo {
    color: #414d45;
    font-weight: 400;
    margin-top: 24px
}

.colonna-2-profilo_Ordini {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
    margin: 0 auto 9pt;
    width: 90%
}

.nOrdine_txt {
    color: #1c3325;
    font-size: 10px;
    letter-spacing: .02em;
    line-height: 10px;
    text-transform: uppercase
}

.nOrdine-code, .nOrdine_txt {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500
}

.nOrdine-code {
    color: #414d45;
    font-size: 20px;
    line-height: 26px
}

.section1_ordine {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4px;
    width: 100%
}

.section1_ordine, .section1_state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section1_state {
    gap: 42px
}

.section1_present, .section2_ordine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section2_ordine {
    padding-top: 3pc;
    width: 100%
}

.section2_infoOrdine {
    width: 25%
}

.section2_infoOrdine_txt {
    color: #1c3325;
    font-family: DM Sans;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 10px;
    text-transform: uppercase
}

.container_ordineProd1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:992px) {
    .myaccountcontainer {
        margin-bottom: 5pc
    }

    .select-dropdown__list_SideBarProfilo {
        visibility: hidden
    }

    .select-dropdown__list-item_SideBarProfilo {
        font-size: 1pc
    }

    .containerCardPaymentMain {
        display: block
    }

    .colonna-2-profiloProd, .containerMethodCardPayment {
        width: 100%
    }

    .section2_infoOrdine {
        margin-bottom: 10px;
        width: 50%
    }

    .section2_ordine {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hideOnMobile_present {
        display: none
    }

    .section1_state {
        gap: 5px
    }

    .couponSingoloDautilizzare {
        margin: 0;
        width: 100%
    }

    .containerCouponDaUtilizzare {
        display: block;
        grid-template-columns: 1fr
    }

    .txt-socialShare {
        display: none
    }

    .imgPortaUnamico {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.colonna-2-profilo_Ordini .ordering-titolo {
    width: 18%
}

.colonna-2-profilo_Ordini .select-dropdown__button_titolo {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    background-color: #e8e8de;
    color: #1a5632;
    height: 36px;
    justify-content: unset
}

.colonna-2-profilo_Ordini .select-dropdown__list-item_titolo {
    background-color: #e8e8de
}

.colonna-2-profilo_Ordini .txt-test1 {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc
}

.colonna-2-profiloPaginationProfilo {
    border-radius: 24px;
    margin: 0 auto 9pt;
    width: 90%
}

.colonna-2-profiloProd .list-item-product {
    width: 50%
}

.button-addCartWishlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.portaUnAmicoElenco {
    list-style: disc;
    padding: 20px
}

.txtAiutoSidebar {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media screen and (max-width:992px) {
    .my_account_page {
        position: relative
    }

        .my_account_page .container-profilo1 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .my_account_page .container-profilo1 .group-1-profilo {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto
            }

                .my_account_page .container-profilo1 .group-1-profilo .groupAiuto-2 {
                    bottom: 0;
                    left: 1pc;
                    min-height: 250px;
                    position: absolute;
                    right: 1pc;
                    width: auto
                }

            .my_account_page .container-profilo1 .group-2-profilo {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                margin-bottom: 1pc;
                padding-bottom: 250px
            }
}

.page_progressoResponsabile .video-pdp {
    margin-bottom: 5pc;
    margin-top: 0
}

.descrizioneCardgroup_1 a {
    text-decoration: underline
}

.containerCardValori {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 101px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
}

.cardValore {
    background: #718473;
    border-radius: 20px;
    margin: 5px;
    min-height: 308px;
    padding: 24px;
    position: relative
}

.txt_valoreCard {
    color: #fffde5;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 9pt;
    text-transform: uppercase
}

.title_valoreCard {
    font-size: 2pc;
    letter-spacing: -.01em;
    line-height: 40px;
    margin-bottom: 5pc;
    margin-top: 8px
}

.desc_valoreCard, .title_valoreCard {
    color: #fffde5;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400
}

.desc_valoreCard {
    font-size: 1pc;
    line-height: 24px;
    width: 100%
}

.page_progressoResponsabile .subtitle-main, .page_progressoResponsabile .wrapper-component-title {
    width: 100%
}

.page_progressoResponsabile .title_mainProgettoResponsabile {
    color: #1a5632;
    font-family: Gupter;
    font-size: 4pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 68px;
    text-align: center
}

.page_progressoResponsabile .subtitle_mainProgettoResponsabile {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    width: 924px
}

.page_progressoResponsabile .subtitle_valori_2 {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    width: 50pc
}

.page_progressoResponsabile .spaziamentoContainerCard_2 {
    margin-bottom: 5pc
}

.containerValoriSwiper {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width:992px) {
    .SwiperValori > .swiper-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:992px) {
    .page_progressoResponsabile .mob_BloccoVideo {
        border-radius: 1pc
    }

    .page_progressoResponsabile .ctaplay {
        height: 90px;
        padding: 38px 40px;
        width: 125px
    }

    .page_progressoResponsabile .contenitoreCit_card {
        margin-top: 9pt
    }

    .page_progressoResponsabile .groupCard_descrizione2 {
        margin-top: 24px
    }

    .page_progressoResponsabile .desk-card-editoriale {
        gap: 1pc
    }

    .page_progressoResponsabile .title-editorial {
        font-size: 2pc;
        line-height: 36px;
        width: 90%
    }

    .page_progressoResponsabile .containerValoriSwiper {
        padding-left: 1pc;
        padding-right: 0
    }

    .page_progressoResponsabile .cardValore {
        padding: 1pc
    }

    .containerValoriSwiper .swiper-slide {
        min-height: 314px !important;
        width: 308px !important
    }

    .page_progressoResponsabile .groupCard_descrizione {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .navbar-link-consegna-gratuita-su {
        width: 100%
    }

    .page_progressoResponsabile .spacingDesk-mob_9 {
        margin-top: 60px
    }

    .page_progressoResponsabile .group_txt_sacchetti {
        width: 100%
    }

    .page_progressoResponsabile .title-cardSacchetti {
        font-family: Gupter;
        font-size: 2pc;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.02em;
        line-height: 36px
    }

    .page_progressoResponsabile .subtitle_valori_2 {
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }

    .page_progressoResponsabile .video-pdp {
        height: 10pc
    }

    .page_progressoResponsabile .title_mainProgettoResponsabile {
        font-size: 40px;
        line-height: 44px;
        width: 85%
    }

    .page_progressoResponsabile .groupCard_descrizione {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .page_progressoResponsabile .groupCard_descrizione2 {
        padding: 0;
        width: 100%
    }

    .page_progressoResponsabile .groupCard_descrizione1 {
        width: 100%
    }

    .page_progressoResponsabile .colonnaRovesciataMobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .page_progressoResponsabile .contenitore_CardSacchetti {
        display: none
    }

    .page_progressoResponsabile .wrapper-component-title {
        margin-top: 60px
    }

    .page_progressoResponsabile .subtitle_mainProgettoResponsabile {
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }

    .page_progressoResponsabile .descrizioneCardgroup_1 {
        margin-bottom: 9pt;
        margin-top: 9pt
    }

    .page_progressoResponsabile .hideOnMobile_44 {
        display: none
    }

    .page_chiSiamo2 .wrapper-component-title {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .wrapper-component-title {
        gap: 1pc;
        padding-bottom: 24px;
        padding-top: 2pc;
        width: 100%
    }
}

.contenitore_CardSacchetti {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 56px;
    margin-top: 5pc;
    padding: 24px;
    width: 100%
}

.contenitore_imgSacchetto {
    border-radius: 20px;
    margin-right: 6px;
    width: 50%
}

.contenitore_txtSacchetto {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #e8e8de;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-left: 6px;
    width: 50%
}

.noBg {
    background-color: unset
}

.lightMargin {
    margin-bottom: 24px;
    margin-top: 24px
}

.group_txt_sacchetti {
    margin: 0 auto;
    width: 80%
}

.title-cardSacchetti {
    color: #1a5632;
    font-family: Gupter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 44px
}

.subtitle-cardSacchetti {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 1pc
}

.littleTitle_ed {
    color: #718473;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 9pt;
    margin-bottom: 5px;
    text-transform: uppercase
}

.littleTitle_ed_sub {
    margin: 10px 0
}

.btnScopriGroupCard_editorial {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    line-height: 1pc;
    margin-top: 36px;
    padding: 9pt 20px;
    width: 135px
}

.btnScopriGroupCard_editorial, .citName-progRes {
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500
}

.citName-progRes {
    color: #414d45;
    line-height: 24px
}

.citTxt-progRes {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.contenitoreCit_card {
    margin-top: 3pc
}

.spaceTitle_sub {
    margin-bottom: 1pc
}

.containerValoriSwiper {
    padding-bottom: 5pc;
    width: 100%
}

.page_progressoResponsabile .swiper {
    width: 100%
}

.page_progressoResponsabile .swiper-slide img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page_progressoResponsabile .spacingDesk-mob_9 {
    margin-top: 101px
}

.page_Editoriale2 .wrapper-component-title {
    background-image: none
}

.page_chiSiamo2 .wrapper-component-title {
    padding-bottom: 0
}

.title-cardSacchetti .cmp-title__text, .titleCardgroup_1 .cmp-title__text {
    text-align: left !important
}

.page_promoScontoV3 .group-9900 {
    background-color: #e8e8de;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-bottom: 60px;
    padding-left: 24px;
    padding-right: 24px
}

.page_promoScontoV3 .cta-special {
    margin-top: 24px
}

@media screen and (max-width:992px) {
    .page_promoScontoV3 .cta-special {
        bottom: unset;
        position: relative;
        right: unset
    }

        .page_promoScontoV3 .cta-special .scoprile-tutte {
            display: block
        }
}

.page_promoScontoV3 .cta-special-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

    .page_promoScontoV3 .cta-special-container.align-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .page_promoScontoV3 .cta-special-container.align-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .page_promoScontoV3 .cta-special-container.align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

.page_promoScontoV3 .group-9900_Title {
    color: #1a5632;
    font-family: Gupter;
    font-size: 3pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 52px;
    margin-bottom: 1pc
}

.page_promoScontoV3 .group-9900_subTitle {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.page_promoScontoV3 .group-9900_btn {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    margin-top: 2pc;
    padding: 9pt 20px
}

.prodottiContainer_33_promo {
    background-color: #718473;
    z-index: -1
}

.prodottiContainer_33_promo, .prodottiContainer_44_promo {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: -20px;
    padding: 50px 24px 5pc
}

.prodottiContainer_44_promo {
    background-color: #414d45;
    position: relative;
    z-index: -2
}

.page_promoScontoV3 .plp-container {
    background-color: unset;
    padding: 0
}

.title_2323 {
    color: #fffde5;
    font-family: Gupter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 44px;
    text-align: center;
    text-transform: unset
}

.editorial-message-wrapper {
    margin-bottom: 3pc;
    margin-top: 3pc;
    padding: 24px
}

.contenitoreLastBlock_77 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8de;
    border-radius: 1pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 3pc 24px;
    text-align: center
}

    .contenitoreLastBlock_77 .cta-special-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-top: 40px;
        max-width: 885pt;
        width: 100%
    }

        .contenitoreLastBlock_77 .cta-special-container.align-left {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .contenitoreLastBlock_77 .cta-special-container.align-center {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .contenitoreLastBlock_77 .cta-special-container.align-right {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

    .contenitoreLastBlock_77 li {
        list-style: inside
    }

.txt_33-block {
    color: #414d45;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 auto;
    max-width: 885pt;
    text-align: center;
    width: 100%
}

    .txt_33-block .showMoreCta.hidden, .txt_33-block.showMoreText.hidden {
        display: none
    }

.txt_33-block-subtitle {
    color: #718473;
    font-size: 9pt;
    letter-spacing: .02em;
    line-height: 9pt;
    text-transform: uppercase
}

.txt_33-block-subtitle, .txt_33-block-title {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    margin: 0 auto 9pt;
    max-width: 885pt;
    width: 100%
}

.txt_33-block-title {
    color: #414d45;
    font-size: 1pc;
    line-height: 24px;
    text-align: center
}

.page_promoScontoV3 .overlap-group4 {
    background-color: #e8e8de
}

.page_promoScontoV3 .herotext {
    width: 100%
}

.page_promoScontoV3 li {
    list-style: inside
}

@media screen and (max-width:992px) {
    .page_promoScontoV3 .hideOnMobTitle-bloccoFinale {
        display: none !important
    }

    .page_promoScontoV3 .prodottiContainer_33_promo, .page_promoScontoV3 .prodottiContainer_44_promo {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .title_2323 {
        text-align: left
    }

    .page_promoScontoV3 .group-9900_Title, .title_2323 {
        font-size: 2pc
    }

    .page_promoScontoV3 .hero2-paragraph {
        color: #1a5632;
        font-family: Gupter;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.03em;
        line-height: 44px
    }

    .page_promoScontoV3 .herotext {
        left: 0
    }

    .page_promoScontoV3 .title-slider {
        font-size: 1pc
    }

    .page_promoScontoV3 .herotext {
        top: 0
    }

    .page_promoScontoV3 .title-slider {
        color: #1a5632;
        display: block
    }

    .page_promoScontoV3 .imagebackground {
        margin-top: 10pc
    }

    .page_promoScontoV3 .title_2323 {
        margin-bottom: 0;
        margin-top: 0
    }

    .editorial-message-wrapper {
        margin-bottom: 24px;
        margin-top: 24px;
        padding: 1pc
    }

    .contenitoreLastBlock_77 {
        padding: 3pc 1pc
    }

        .contenitoreLastBlock_77 .cta-special {
            position: relative;
            right: unset
        }

            .contenitoreLastBlock_77 .cta-special .scoprile-tutte {
                display: block
            }
}

.SlideImgDimensionPromoScontoV3 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -ms-flex-item-align: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: flex-end;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: 100%
}

.page_promoScontoV3 .title_2323 {
    margin-bottom: 2pc;
    margin-top: 40px
}

.page_promoScontoV3 .contenitoreLastBlock_77 {
    margin-bottom: 65px
}

.containerspwdimenticata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5pc;
    width: 100%
}

    .containerspwdimenticata .accediGroup1 {
        background-color: #fff;
        border-radius: 24px;
        margin: 0 auto
    }

.title-pswdimenticata {
    font-size: 20px
}

.containerspwdimenticata .accediGroup2 {
    padding: 24px;
    width: 100%
}

.containerspwdimenticata .accediGroup1 {
    width: 456px
}

.containerspwdimenticata input.buttonclassic {
    border: 1px solid #e8e8de
}

.containerspwdimenticata button.buttonclassic {
    margin-bottom: 0 !important
}

.separatore-pswDim {
    background-color: #d5d5d5;
    margin-bottom: 24px;
    margin-top: 24px
}

.btn-pswdimenticata {
    background-color: #1a5632;
    border: 0;
    border-radius: 24px;
    color: #fffde5
}

.btn-pswdimenticata, .btn-pswdimenticata-annulla {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-weight: 500;
    justify-content: center;
    padding: 9pt 20px;
    width: 50%
}

.btn-pswdimenticata-annulla {
    background-color: unset;
    border: 1px solid #1a5632;
    border-radius: 24px;
    color: #1a5632
}

.pulsanti-spwdimenticata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9pt;
    margin-top: 20px
}

@media screen and (max-width:992px) {
    .containerspwdimenticata {
        margin-top: 0;
        padding: 40px 1pc 82px
    }

    .title-pswdimenticata {
        padding-bottom: 9pt
    }
}

#showEyes1, #showEyes2 {
    display: none
}

.containerSelectPreparazione, .page_recipeList .ordering-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.containerSelectPreparazione {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.containerSelectPreparazione__title {
    color: #fff;
    font-weight: 400;
    margin-bottom: 25px;
    text-align: center;
    width: 100%
}

.select-dropdownPreparazione {
    display: inline-block;
    max-width: 100%;
    position: relative
}

.select-dropdownPreparazione__button {
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    border-radius: 1pc;
    color: #616161;
    color: #1a5632;
    cursor: pointer;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    padding: 10px 35px 10px 15px;
    text-align: left
}

    .select-dropdownPreparazione__button::focus {
        outline: none
    }

    .select-dropdownPreparazione__button .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdownPreparazione__list {
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: 25
}

    .select-dropdownPreparazione__list.active {
        border-radius: 1pc;
        margin-top: 10px;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.select-dropdownPreparazione__list-item {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 10px 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .select-dropdownPreparazione__list-item:hover {
        color: #1a5632
    }

.containerDifficolta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center
}

.select-dropdownDifficolta {
    display: inline-block;
    max-width: 100%;
    position: relative
}

.select-dropdownDifficolta__button {
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    border-radius: 1pc;
    color: #616161;
    color: #1a5632;
    cursor: pointer;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    padding: 10px 35px 10px 15px;
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .select-dropdownDifficolta__button::focus {
        outline: none
    }

    .select-dropdownDifficolta__button .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdownDifficolta__list {
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: 25
}

    .select-dropdownDifficolta__list.active {
        border-radius: 1pc;
        margin-top: 10px;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.select-dropdownDifficolta__list-item {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 10px 15px
}

    .select-dropdownDifficolta__list-item:hover {
        color: #1a5632
    }

.contenitoreFiltri {
    gap: 20px;
    margin-bottom: 60px;
    width: 100%
}

.containerTipologia, .contenitoreFiltri {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.containerTipologia {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.select-dropdownTipologia {
    display: inline-block;
    max-width: 100%;
    position: relative
}

.select-dropdownTipologia__button {
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    border-radius: 1pc;
    color: #616161;
    color: #1a5632;
    cursor: pointer;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    padding: 10px 35px 10px 15px;
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .select-dropdownTipologia__button::focus {
        outline: none
    }

    .select-dropdownTipologia__button .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdownTipologia__list {
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: 25
}

    .select-dropdownTipologia__list.active {
        border-radius: 1pc;
        margin-top: 10px;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.select-dropdownTipologia__list-item {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 10px 15px
}

    .select-dropdownTipologia__list-item:hover {
        color: #1a5632
    }

.containerIngredientiCarli {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center
}

.select-dropdownIngredientiCarli {
    display: inline-block;
    max-width: 100%;
    position: relative
}

.select-dropdownIngredientiCarli__button {
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    border-radius: 1pc;
    color: #616161;
    color: #1a5632;
    cursor: pointer;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    padding: 10px 35px 10px 15px;
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .select-dropdownIngredientiCarli__button::focus {
        outline: none
    }

    .select-dropdownIngredientiCarli__button .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdownIngredientiCarli__list {
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: 25
}

    .select-dropdownIngredientiCarli__list.active {
        border-radius: 1pc;
        margin-top: 10px;
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.select-dropdownIngredientiCarli__list-item {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 10px 15px
}

    .select-dropdownIngredientiCarli__list-item:hover {
        color: #1a5632
    }

.page_recipeList .contenitore_imgSacchetto {
    width: 100%
}

.page_recipeList .title-slider {
    background: #718473;
    border-radius: 9pt;
    color: #fffde5;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 9pt;
    text-transform: uppercase
}

.page_recipeList .list-item-product {
    width: 33%
}

.page_recipeList .recipe {
    color: #1a5632
}

.downArrowList_33 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

    .downArrowList_33 .chevron.bottom {
        margin-top: 0;
        position: absolute;
        right: 15px
    }

@media screen and (max-width:992px) {
    .page_recipeList .list-item-product {
        width: 100%
    }

    .page_magazine .contenitore_imgSacchetto {
        margin: 0;
        padding-bottom: 30px
    }

    .page_articleList .contenitore_CardSacchetti {
        margin-top: 0
    }

    .page_recipeList .title-slider {
        bottom: 10px;
        display: block;
        left: 10px;
        padding: 4px 10px
    }

    .hideFilter22 {
        display: none
    }

    .page_recipeList .txt_sub_1 {
        width: 100%
    }

    .bloccoFiltriRecipelist {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        background: #fff;
        border: 0;
        border-radius: 1pc;
        color: #1a5632;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        gap: 4px;
        justify-content: end;
        padding-left: 10px;
        padding-right: 10px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .page_recipeList .contenitoreFiltroRecipeList_1 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: end;
        margin-right: 1pc;
        width: 100%
    }
}

.bloccoFiltriRecipelist {
    display: none
}

.prova-222 {
    background-color: #f8f8f6;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    z-index: 100
}

.headerFilterRecipe {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 1pc;
    padding-right: 1pc;
    padding-top: 20px;
    width: 100%
}

.headerFilterRecipe, .page_recipeList #chiudiFiltriRecipe {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page_recipeList #chiudiFiltriRecipe {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #e6e6e6;
    height: 2pc;
    justify-content: center;
    width: 2pc
}

.titleFilterRecipe {
    color: #414d45;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 2pc
}

.wrapper_recipe {
    padding: 0 1pc
}

.page_recipeList .content {
    font-size: 14px;
    height: 0;
    line-height: 30px;
    overflow: hidden;
    padding-bottom: 0 !important;
    position: relative;
    text-align: justify;
    -webkit-transition: all 1s;
    transition: all 1s
}

.toggle_recipe_1 {
    background-color: unset;
    border: 0;
    color: #1a5632;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    text-align: center
}

.bloccoListRecipe_33 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.contenitoreFiltriRicercaRicetta {
    margin-top: 2pc
}

.contenitorePulsantiRicercaRicette {
    background: #f2f2ee;
    border-radius: 0 0 2pc 2pc;
    bottom: 0;
    padding-left: 1pc;
    padding-right: 1pc;
    position: absolute;
    width: 100%
}

.page_recipeList .RadioClientereg-22 {
    gap: 5px
}

.btnCancellaFiltroRicercaRicetta, .btnMotraFiltroRicercaRicetta {
    width: 48%
}

@media screen and (min-width:992px) {
    .page_recipeList .dimBoxOli {
        width: auto !important
    }

    .page_recipeList .wrappercategories .swiperplp .swiper-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .page_recipeList .categories {
        min-height: auto !important
    }

    .page_recipeList .wrappercategories .swiperplp {
        max-width: 100%
    }
}

.blocco999 {
    padding-left: 24px;
    padding-top: 24px
}

.page_reciperDetail01 .frame-1558 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page_reciperDetail01 .frame-1557 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page_reciperDetail01 .contenitoreRecipeDetailCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    width: 100%
}

.page_reciperDetail01 .column_1_reciperDetail {
    background-color: #e9e9d3;
    border-radius: 20px;
    margin-right: 6px;
    padding: 2pc 24px;
    width: 60%
}

.page_reciperDetail01 .column_2_reciperDetail {
    background: #e8e8de;
    border-radius: 20px;
    margin-left: 6px;
    position: relative;
    width: 40%
}

.VariantColumn_2_reciper .group-33-pdp {
    padding-bottom: 9pt
}

.containerSingleinfoRecipe {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    font-weight: 400;
    justify-content: space-between;
    line-height: 24px
}

.containerSingleinfoRecipe, .titleCardDetailRecipe {
    color: #1a5632;
    font-family: DM Sans;
    font-style: normal
}

.titleCardDetailRecipe {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 2pc
}

.separatoreSingleRecipe {
    background-color: #718473;
    height: 1px;
    margin-bottom: 17px;
    margin-top: 17px;
    opacity: .2
}

.page_reciperDetail01 .nome-prod {
    color: #1a5632;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 24px;
    text-align: center
}

.page_reciperDetail01 .swiperOmaggioSoglia {
    margin: 3pc 0
}

.page_reciperDetail01 .noBgreciper {
    background-color: unset;
    padding: 0
}

.page_reciperDetail01 .contenitore-prod-22 {
    display: block;
    margin-top: 0
}

.page_reciperDetail01 .desk-widget-prodotto {
    max-width: 100%
}

.page_reciperDetail01 .flex-col-22 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page_reciperDetail01 .VariantColumn_1_reciper, .page_reciperDetail01 .VariantColumn_2_reciper {
    width: 50%
}

.page_reciperDetail01 .icon-cart-plp-2 {
    bottom: 9pt;
    right: 9pt
}

.swiper-button-prev-white {
    left: 1pc;
    position: absolute;
    top: 45%;
    z-index: 99
}

.swiper-button-next-white {
    position: absolute;
    right: 1pc;
    top: 45%;
    z-index: 99
}

@media screen and (max-width:992px) {
    .page_reciperDetail01 .bloccoCorsiInEmporio-1 {
        gap: 15px
    }

    .page_reciperDetail01 .blocco_corsiEmporio-title {
        font-size: 1pc
    }

    .page_reciperDetail01 .txt-nextAppoimnetDetail {
        font-size: 14px
    }

    .page_reciperDetail01 .SlideImgDimension {
        height: 250px
    }

    .page_reciperDetail01 .detailMainTitle_1 {
        font-size: 2pc
    }

    .page_reciperDetail01 .contenitoreRecipeDetailCard {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .page_reciperDetail01 .column_1_reciperDetail {
        min-height: 319px;
        width: 100%
    }

    .page_reciperDetail01 .column_2_reciperDetail {
        width: 50%
    }

    .page_reciperDetail01 .SkinSconto {
        display: none
    }

    .page_reciperDetail01 .desk-widget-prodotto {
        max-width: unset
    }

    .page_reciperDetail01 .VariantColumn_2_reciper {
        width: 100%
    }

    .page_reciperDetail01 .card-prod-plp-2 {
        font-size: 10px
    }

    .page_reciperDetail01 .detailSecondTitle_1 {
        font-size: 24px
    }

    .page_reciperDetail01 .detailTxt_11 {
        color: #414d45;
        font-family: DM Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px
    }

    .page_reciperDetail01 .contenitoredetail {
        margin-bottom: 38px
    }

    .page_reciperDetail01 .titlemain {
        margin-bottom: 0
    }

    .blocco999 {
        padding-left: 1pc;
        padding-top: 24px
    }

    .page_reciperDetail01 .titlepdp {
        font-size: 40px
    }

    .swiper-button-prev-white {
        left: 1pc;
        position: absolute;
        top: 33%;
        z-index: 99
    }

    .swiper-button-next-white {
        position: absolute;
        right: 1pc;
        top: 33%;
        z-index: 99
    }
}

.page_reciperDetail01 .img-card-mini {
    display: none
}

.page_reciperDetail01 .Allineamento-testo {
    margin-top: 0
}

.page_reciperDetail01 .contenitoredetail {
    margin-bottom: 86px
}

.miniTitleReciper {
    background: #718473;
    border-radius: 9pt;
    color: #fffde5;
    font-family: DM Sans;
    font-size: 9pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 9pt;
    margin: 60px auto 22px;
    padding: 6px 10px;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.page_reciperDetail01 .titlepdp {
    margin-bottom: 34px
}

@media screen and (min-width:992px) {
    .contenitoreRecipeDetailCard .VariantColumn_1_reciper {
        margin-right: 3pc
    }
}

.containerReg-success {
    width: 100%
}

    .containerReg-success .accediGroup1 {
        margin: 0 auto;
        padding-bottom: 10pc
    }

    .containerReg-success .title-accedi {
        font-family: Gupter;
        font-size: 3pc;
        font-weight: 400;
        line-height: 52px;
        margin-bottom: 0;
        text-align: center
    }

    .containerReg-success .subtitle-accedi {
        font-size: 1pc;
        text-align: center
    }

    .containerReg-success .buttonclassic {
        margin: 2pc auto 0;
        width: auto
    }

.cmp-region__name {
    color: #414d45;
    font-size: 20px;
    font-weight: 500
}

.cmp-region .cmp-region__countries {
    list-style: none;
    margin: 0;
    padding: 0
}

    .cmp-region .cmp-region__countries .cmp-region__country-item, .cmp-region .cmp-region__countries .cmp-region__country-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 0 9pt
    }

    .cmp-region .cmp-region__countries .cmp-region__country-item {
        margin-top: 24px
    }

        .cmp-region .cmp-region__countries .cmp-region__country-item .cmp-region__country-flag {
            height: 2pc;
            -o-object-fit: cover;
            object-fit: cover;
            width: 2pc
        }

.cmp-regions .cmp-regions__container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 58px;
    justify-content: center
}

@media screen and (max-width:992px) {
    .cmp-regions .cmp-regions__container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 0 40px
    }
}

.contenitore-registrati {
    background-color: #f2f2ee;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    margin-top: 5pc;
    padding-bottom: 25px;
    width: 100%;
    z-index: 1
}

.second-coontainer-reg {
    margin: 0 auto;
    width: 50%
}

.separatore-reg {
    margin-bottom: 40px;
    margin-top: 40px
}

.txt-reg-1 {
    color: #1a5632;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    margin-top: 24px;
    width: 100%
}

.contenitore-dati-registrazione {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

    .contenitore-dati-registrazione .CampiAccesso22 {
        margin: 5px;
        width: 48%
    }

    .contenitore-dati-registrazione .CampiAccesso11 {
        width: 25%
    }

.button-cover, .knobs, .layer {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0
}

.button-acconsento {
    height: 2pc;
    overflow: hidden;
    position: relative;
    top: 50%;
    width: 60px
}

    .button-acconsento.r, .button-acconsento.r .layer {
        border-radius: 75pt
    }

.checkbox {
    cursor: pointer;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 3
}

.knobs {
    z-index: 2
}

.layer {
    background-color: rgba(28,51,37,.2);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    z-index: 1
}

#button-1 .knobs:before {
    background-color: #fffde5;
    border-radius: 50%;
    color: #fff;
    content: "";
    font-size: 10px;
    font-weight: 700;
    height: 4px;
    left: 4px;
    line-height: 1;
    padding: 9px 4px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 14px
}

#button-1 .checkbox:checked + .knobs:before {
    background-color: #1a5632;
    content: "";
    left: 34px
}

.container-btn-acc {
    margin-bottom: 20px;
    min-height: 50px;
    position: relative;
    width: 100%
}

.selectortitolo {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: end;
    justify-content: end
}

.select-dropdown__button_titolo, .selectortitolo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.select-dropdown__button_titolo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 0;
    border-radius: 9pt;
    color: #616161;
    color: #1a5632;
    cursor: pointer;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    height: 56px;
    justify-content: space-between;
    line-height: 1pc;
    padding: 1pc 18px 1pc 25px;
    text-align: left;
    width: 100%
}

div.contenitore-dati-registrazione > div > div:first-child {
    margin-right: 9pt
}

.select-dropdown__button_titolo span {
    padding-right: 9pt;
    top: 0
}

.select-dropdown__button_titolo .zmdi-chevron-down {
    position: absolute;
    right: 10px;
    top: 9pt
}

.select-dropdown__list_titolo {
    border-radius: 18px;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 50px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 98%;
    z-index: 1
}

.select-dropdown__list-item_titolo {
    background: #fff;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 1pc 20px
}

.select-dropdown__list_titolo.active {
    opacity: 1;
    pointer-events: auto
}

.select-dropdown__list-item_titolo.select-dropdown__list_titolo {
    color: #1a5632
}

.select-dropdown_titolo {
    width: 100%
}

.ordering-titolo {
    width: 25%
}

.selectorgenere {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: end;
    justify-content: end;
    padding-bottom: 25px;
    position: relative
}

.select-dropdown__button_genere, .selectorgenere {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select-dropdown__button_genere {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 0;
    border-radius: 9pt;
    color: #616161;
    color: #1a5632;
    cursor: pointer;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    height: 56px;
    justify-content: space-between;
    line-height: 1pc;
    padding: 1pc 18px 1pc 25px;
    text-align: left;
    width: 100%
}

    .select-dropdown__button_genere span {
        padding-right: 9pt;
        top: 0
    }

    .select-dropdown__button_genere .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdown__list_genere {
    border-radius: 18px;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 50px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 98%;
    z-index: 1
}

.select-dropdown__list-item_genere {
    background: #fff;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 1pc 20px
}

.select-dropdown__list_genere.active {
    opacity: 1;
    pointer-events: auto
}

.select-dropdown__list-item_genere.select-dropdown__list_genere {
    color: #1a5632
}

.select-dropdown_genere {
    min-width: 90%;
    width: 100%
}

.ordering-genere {
    width: 25%
}

.si-no-radio-reg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
    margin-top: 18px;
    width: 100%
}

.buttonclassic-reg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #1a5632;
    border: 0;
    border-radius: 24px;
    color: #fffde5;
    cursor: pointer;
    justify-content: center;
    margin-bottom: 3pc;
    margin-top: 3pc;
    padding: 9pt 20px;
    width: auto
}

.radio1-Carli {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    width: 100%
}

p.txt-reg2 {
    width: 95%
}

p.txt-reg-compleano {
    color: #414d45;
    font-size: 9pt;
    padding: 8px 0 1pc 10px;
    width: 100%
}

.select-titolo-genere {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    width: 100%
}

.compleanno-reg {
    padding: 9pt 20px;
    width: 49%
}

.testo-accedi {
    color: #414d45;
    font-family: DM Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.ricorda-cred-box {
    gap: 9px
}

.title-accedi {
    color: #414d45;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 2pc
}

.contenitore-registrati .selectorgenere, .contenitore-registrati .selectortitolo {
    padding-bottom: 8px
}

.contenitore-registrati .buttonclassic {
    margin-top: 0
}

.ordering-genere .chevron.bottom {
    margin-top: -10px
}

.containerBirthday-btn {
    margin-top: 4px
}

@media only screen and (max-width:990px) {
    .containerBirthday-btn {
        margin-top: 0
    }

    .contenitore-registrati .container-campi-11 {
        margin-bottom: 11px
    }

    .contenitore-registrati .select-dropdown_titolo {
        margin-bottom: 8px
    }

    #birthdate {
        margin-top: 0
    }

    .btn-CreaAccount {
        width: 100%
    }

    .accProfEsistente {
        margin-left: 10px
    }

    .campoForm-333 {
        font-size: 14px;
        left: 27px;
        position: absolute;
        top: 1pc
    }

    .contenitore-registrati .title-accedi {
        margin-left: 10px
    }

    .containerAccedi .title-accedi {
        font-size: 24px;
        margin: 0
    }

    .txt-reg-1 {
        margin: 13px
    }

    .si-no-radio-reg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: block;
        margin-bottom: 18px;
        margin-top: 1pc
    }

    #birthdate {
        padding: 9pt 8px 9pt 19px
    }

    .containerBirthday-btn {
        margin-left: 0
    }

    .selectorgenere, .selectortitolo {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        align-items: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: end;
        position: relative
    }

    .selectorgenere {
        padding-bottom: 0
    }

    .second-coontainer-reg {
        margin: 0 auto;
        width: 100%
    }

    .si-no-radio-reg {
        margin-left: 13px
    }

    .contenitore-dati-registrazione .CampiAccesso22 {
        margin: 10px;
        width: 100%
    }

    .radio1-Carli {
        display: block;
        margin-left: 5px;
        width: 100%
    }

    .contenitore-registrati {
        margin-top: 40px
    }

    .txt-reg2 {
        margin-left: 13px
    }

    .select-titolo-genere {
        display: unset
    }

    .ordering-titolo {
        width: 100%
    }

    .container-btn-acc {
        margin: 10px
    }

    .compleanno-reg {
        width: 98%
    }

    p.txt-reg-compleano {
        font-size: 9pt;
        padding: 0;
        text-align: center
    }

    .buttonclassic-reg {
        margin: 10px;
        width: 100%
    }

    .container-psw-33, .containerInput {
        display: unset !important
    }

    .ordering-genere {
        width: 100%
    }
}

.hideNoncorrisponde {
    color: #bd2136;
    display: none;
    font-size: 9pt;
    font-weight: 500;
    margin-left: 10px;
    padding-left: 5px
}

.contenitoremailreg-22 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.heading-2 {
    color: #0d3f67;
    font-size: 2rem;
    font-weight: 700;
    margin: 1rem 0;
    text-transform: capitalize
}

.form-inline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 97%
}

    .form-inline .input-password {
        border: 1px solid hsla(0,0%,7%,.2);
        border-radius: 3px;
        font-size: 1.1rem;
        height: 20px;
        outline: none;
        padding: .7rem 1rem;
        -webkit-transition: border .4s ease-in-out;
        transition: border .4s ease-in-out
    }

    .form-inline .meter-text {
        color: hsla(0,0%,7%,.6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 70%
    }

        .form-inline .meter-text, .form-inline .meter-text .meter-status {
            text-transform: capitalize
        }

    .form-inline .meter {
        background: hsla(0,0%,7%,.1);
        border-radius: 3px;
        display: block;
        height: 3px;
        margin: 0 9pt;
        overflow: hidden;
        width: 100%
    }

        .form-inline .meter .meter-bar {
            display: block;
            height: 100%;
            -webkit-transition: width .4s ease-in-out,-webkit-transform .4s ease-in-out;
            transition: width .4s ease-in-out,-webkit-transform .4s ease-in-out;
            transition: width .4s ease-in-out,transform .4s ease-in-out;
            transition: width .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
            width: 0
        }

.psw-reg-page {
    width: 100%
}

.si-no-radio-reg input {
    margin-right: 25px;
    top: -1px
}

    .si-no-radio-reg input[type=radio] {
        -webkit-tap-highlight-color: transparent;
        -moz-appearance: none;
        appearance: none;
        -webkit-appearance: none;
        height: 0;
        position: relative;
        width: 0
    }

        .si-no-radio-reg input[type=radio]:after {
            border: 1px solid #1a5632;
            border-radius: 20px;
            content: "";
            cursor: pointer;
            height: 14px;
            left: 0;
            position: absolute;
            top: -10.5px;
            width: 14px
        }

        .si-no-radio-reg input[type=radio]:checked:after {
            background: #1a5632;
            content: "";
            cursor: pointer;
            height: 1pc;
            position: absolute;
            width: 1pc
        }

        .si-no-radio-reg input[type=radio]:checked:before {
            background: #fff;
            border-radius: 4px;
            content: "";
            cursor: pointer;
            height: 4px;
            left: 7px;
            position: absolute;
            top: -3.5px;
            width: 4px;
            z-index: 1
        }

.containerInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.contenitore-dati-registrazione .CampiAccesso33 {
    font-size: 14px;
    height: 56px;
    margin: 5px 5px 5px 0;
    width: 100%
}

.container-campi-11 {
    position: relative;
    width: 100%
}

.container-psw-33 {
    width: 100%
}

.allineamentoRadio-txt, .container-psw-33 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.allineamentoRadio-txt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.containerBirthday-btn {
    width: 100%
}

    .containerBirthday-btn.buttonclassic {
        border: 1px solid #e8e8de;
        font-size: 14px;
        padding: 10px
    }

@media only screen and (min-width:992px) {
    .campoForm-333 {
        font-size: 14px;
        left: 25px;
        position: absolute;
        top: 22px
    }

    .btn-CreaAccount {
        width: 183px
    }
}

.containertrattamentoPrivacy-11 {
    background-color: #fff;
    border-radius: 9pt;
    height: 89px;
    margin-bottom: 10px;
    margin-top: 9pt;
    overflow: scroll;
    overflow-x: hidden;
    padding: 20px;
    width: 100%
}

    .containertrattamentoPrivacy-11::-webkit-scrollbar {
        width: 3px
    }

    .containertrattamentoPrivacy-11::-webkit-scrollbar-thumb {
        border: 5px solid #708090;
        height: 3px
    }

.selectorprovincia {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
    padding-right: 6px;
    position: relative
}

.select-dropdown__button_provincia {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    border: 0;
    border-radius: 9pt;
    color: #616161;
    color: #1a5632;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    height: 56px;
    justify-content: space-between;
    line-height: 1pc;
    margin-top: 5px;
    padding: 20px 18px 1pc 20px;
    text-align: left;
    width: 100%
}

    .select-dropdown__button_provincia span {
        padding-right: 9pt;
        top: 0
    }

    .select-dropdown__button_provincia .zmdi-chevron-down {
        position: absolute;
        right: 10px;
        top: 9pt
    }

.select-dropdown__list_provincia {
    border-radius: 18px;
    display: block;
    left: 0;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 50px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 98%;
    z-index: 1
}

.select-dropdown__list-item_provincia {
    background: #fff;
    color: #718473;
    cursor: pointer;
    display: block;
    font-family: DM Sans;
    font-size: 14px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    line-height: 1pc;
    list-style-type: none;
    padding: 1pc 20px
}

.select-dropdown__list_provincia.active {
    opacity: 1;
    pointer-events: auto
}

.select-dropdown__list-item_provincia.select-dropdown__list_provincia {
    color: #1a5632
}

.select-dropdown_provincia {
    width: 100%
}

.ordering-provincia {
    padding-left: 7px;
    padding-top: 5px;
    width: 99%
}

.RadioClientereg-22 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#showSicurezzaPswAlta, #showSicurezzaPswBassa, #showSicurezzaPswMedia {
    display: none
}

.LivelloSicurezzaTxt {
    color: #718473;
    font-size: 10px;
    font-weight: 700;
    padding-left: 3px
}

.TxtLivelloSicurezza {
    color: #718473;
    font-size: 10px;
    font-weight: 500;
    padding-left: 9pt
}

.txt-test1 {
    color: #1c3325;
    font-size: 14px;
    font-weight: 400
}

.campoFormSelect-333 {
    color: #718473;
    font-size: 10px;
    position: absolute;
    top: 5px
}

    .campoFormSelect-333.campoFormSelect-argomento, .campoFormSelect-333.campoFormSelect-motivo, .campoFormSelect-genere, .campoFormSelect-provincia, .campoFormSelect-titolo {
        display: none
    }

.chevron.bottom {
    margin-top: -10px
}

body > div > div > div.contenitore-registrati > div > div.contenitore-dati-registrazione > div:nth-child(6), body > div > div > div.contenitore-registrati > div > div.contenitore-dati-registrazione > div:nth-child(8) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

input[type=date] {
    background-position: 97%;
    background-repeat: no-repeat;
    background-size: 25px;
    color: #1a5632
}

    input[type=date]::-webkit-calendar-picker-indicator {
        opacity: 0
    }

.toggleInfo {
    width: 100%
}

    .toggleInfo.active {
        display: block
    }

.containerOptionalAddress {
    display: inline-block;
    position: relative;
    width: 100%
}

.OptionalAddress-content {
    display: none;
    position: relative;
    width: 100%
}

.showOptionAddress {
    display: block;
    margin-bottom: 20px;
    width: 100%
}

.btn-CreaAccount {
    margin-top: 2pc
}

.accessoLink-11 {
    color: #414d45;
    cursor: pointer;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: underline
}

.RadioClientereg-22 {
    cursor: pointer
}

.prefisso-cellReg, .prefisso-cellRegFisso {
    color: #000;
    display: none;
    font-size: 14px;
    left: 20px;
    position: absolute;
    top: 23px
}

.campo_prefisso-cellReg {
    padding-left: 40px !important
}

.campo_prefisso-cellRe2 {
    padding-left: 24px !important
}

.radio-error {
    color: red
}

.hide-error {
    display: none
}

.searchButton.open img.icon {
    background: green;
    border-radius: 24px;
    left: 4px;
    padding: 4px;
    position: absolute;
    top: 3px
}

.searchContainer form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 24px
}

    .searchContainer form .searchInput {
        left: -24px;
        max-width: 24px;
        position: relative
    }

.searchContainer.open {
    max-width: none
}

    .searchContainer.open .searchInput {
        left: auto;
        max-width: none;
        position: relative
    }

main.container.z-index-0 {
    z-index: 0
}

.title-search {
    font-family: Gupter
}

.modificaricerca, .title-search {
    color: #1a5632;
    padding-left: 9pt;
    text-align: center;
    width: 100%
}

.modificaricerca {
    display: none;
    font-weight: 500
}

.prodottisuggeriti-title {
    color: #718473;
    font-size: 14px;
    font-weight: 500;
    padding-left: 24px;
    text-transform: uppercase
}

.title-search {
    font-size: 2pc
}

@media screen and (min-width:902px) {
    .title-search {
        font-size: 3pc
    }

    .modificaricerca {
        display: unset
    }

    .prodottisuggeriti-title {
        font-size: 1pc
    }

    .wrappersearcherror {
        margin-top: 5pc
    }
}

.modificaricerca {
    font-size: 1pc;
    text-decoration: underline
}

.contenitoreProdottiSuggeriti {
    height: auto;
    margin-bottom: 150px;
    padding-left: 9pt;
    padding-right: 9pt;
    width: 100%
}

.container-intendevi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 10px
}

.prodCorrelati {
    font-size: 20px;
    padding-left: 24px
}

.cotenitoreProdErrorpage {
    margin-bottom: 0
}

.container-intendevi {
    margin-bottom: 5pc;
    margin-top: 90px
}

.wrappersearcherror {
    margin-top: 20px
}

.titolo-22 {
    margin: 0 auto;
    width: 70%
}

.cmp-select, select.cmp-select {
    width: 100%
}

    .cmp-select .cmp-select__control, select.cmp-select .cmp-select__control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        background-color: #fff;
        border: 1px solid #e8e8de;
        border-radius: 9pt;
        color: #414d45;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        height: 56px;
        justify-content: space-between;
        line-height: 1pc;
        outline: none;
        padding: 22px 20px 6px;
        -webkit-transition: none;
        transition: none;
        width: 100%
    }

    .cmp-select .cmp-select__control--menu-is-open, select.cmp-select .cmp-select__control--menu-is-open {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .cmp-select .cmp-select__control .cmp-select__input, select.cmp-select .cmp-select__control .cmp-select__input {
        grid-area: 1/1/2/4 !important
    }

    .cmp-select .cmp-select__control .cmp-select__indicators, select.cmp-select .cmp-select__control .cmp-select__indicators {
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .cmp-select .cmp-select__menu, select.cmp-select .cmp-select__menu {
        background-color: #fff;
        border: 1px solid #e8e8de;
        border-radius: 9pt;
        border-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding-bottom: 9pt
    }

    .cmp-select .cmp-select__menu-list .cmp-select__option, select.cmp-select .cmp-select__menu-list .cmp-select__option {
        color: #414d45;
        cursor: pointer;
        font-size: 14px;
        line-height: 1pc;
        padding: 9pt 20px
    }

        .cmp-select .cmp-select__menu-list .cmp-select__option:hover, select.cmp-select .cmp-select__menu-list .cmp-select__option:hover {
            background-color: #f8f8f6
        }

    .cmp-select ~ .cmp-field-label, select.cmp-select ~ .cmp-field-label {
        color: #718473;
        opacity: .65;
        -webkit-transform: scale(.85) translateY(-6px) translateX(.15rem);
        transform: scale(.85) translateY(-6px) translateX(.15rem)
    }

.page_servizioClienti .herodiv {
    background-image: unset;
    padding: 0
}

.page_servizioClienti .elencoServizi_22 {
    list-style: disc;
    margin-bottom: 10px;
    padding-left: 1pc
}

.btnScopriGroupCard_22 .cmp-button, .btnScopriGroupCard_22 button {
    background: none;
    border: 0;
    color: #fff
}

@media screen and (max-width:992px) {
    .page_servizioClienti .subtitle-mainDetailEmporio {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .page_servizioClienti .wrapper-component-title {
        margin-top: 20px
    }

    .page_servizioClienti .SlideImgDimension {
        max-height: 193px
    }

    .page_servizioClienti .groupCard_descrizione1 {
        width: 100%
    }

    .page_servizioClienti .groupCard_descrizione {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .page_servizioClienti .groupCard_descrizione2 {
        margin-top: 10px;
        padding-left: 1pc;
        padding-right: 1pc;
        width: 100%
    }

    .page_servizioClienti .address, .page_servizioClienti .con-pay-pal-e-amazon-pay, .page_servizioClienti .fino-a-90-giorni, .page_servizioClienti .su-tutti-gli-ordini {
        white-space: unset
    }

    .page_servizioClienti .frame-1508, .page_servizioClienti .frame-1559, .page_servizioClienti .frame-1562, .page_servizioClienti .frame-1564 {
        min-height: 180px;
        padding-left: 0;
        padding-right: 0
    }

    .page_servizioClienti .titleCardgroup_1 {
        font-family: Gupter;
        font-size: 2pc;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.02em;
        line-height: 36px
    }

    .page_servizioClienti .frame, .page_servizioClienti .frame-1, .page_servizioClienti .frame-2, .page_servizioClienti .icon-car {
        height: 40px
    }

    .editorial-image .contenitoreCardImage_group.imagecovermobile, .editorial-image .contenitoreCardImage_group.imagecovermobile > img {
        height: 180px;
        min-height: auto
    }

    .page_prodottoOmaggio .mobileReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .invertRow {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: column-reverse
    }

    .group_txt_sacchetti {
        margin: 0 auto;
        width: 100%
    }
}

.page_servizioClienti .frame-1564 {
    width: 25%
}

.page_servizioClienti .btnScopriDipiuProdOmaggio {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.page_servizioClienti .frame-1508, .page_servizioClienti .frame-1559, .page_servizioClienti .frame-1562 {
    width: 25%
}

.page_servizioClienti .o2-o {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.containerEditoriale .swiper {
    width: 100%
}

.containerEditoriale .swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    justify-content: center;
    text-align: center
}

    .containerEditoriale .swiper-slide img {
        display: block;
        -o-object-fit: cover;
        object-fit: cover
    }

.img-container, .img-container > img {
    height: 100%;
    width: 100%
}

.scoprieditoriale {
    color: #1a5632;
    letter-spacing: 0;
    line-height: 1pc;
    margin-top: -1px;
    white-space: nowrap
}

.cta-speciale-out-editoriale, .scoprieditoriale {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.cta-speciale-out-editoriale {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(10px) brightness();
    backdrop-filter: blur(10px) brightness();
    border: 1px solid #1a5632;
    border-radius: 75pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    height: 40px;
    margin-left: 1px;
    margin-top: 2pc;
    padding: 9pt 20px
}

.containerEditoriale {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 50px;
    padding: 0 0 0 24px;
    position: relative;
    width: 100%
}

.list-product.productcarousel__root {
    padding: 0 24px
}

.corpofreccia-editoriale {
    border: 1px solid;
    color: #1a5632;
    height: 1px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 10px
}

.title-editorial {
    letter-spacing: -.03em;
    text-align: left;
    width: 280px
}

@media screen and (max-width:992px) {
    .desk-card-editoriale {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-flow: column-reverse !important;
        flex-flow: column-reverse !important;
        height: 100%
    }

    .group-264 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        height: 100%;
        justify-content: space-between;
        position: relative !important
    }

    .gupter-normal-everglade-48px {
        font-size: 2pc !important;
        line-height: 36px !important
    }

    .ContainerSliderProd {
        margin-bottom: 5pc !important
    }

    .wwwoliocarli-1 {
        letter: 2px !important;
        height: 350px !important;
        width: auto !important
    }

    .CardEditorialePosizione {
        margin-right: 0 !important;
        width: 80% !important
    }

    .group-1514 {
        height: 100%
    }

    .cmp-image__link {
        width: 100%
    }

    .group-15141 {
        min-height: 0 !important
    }

    .containerEditoriale {
        margin-bottom: 0 !important
    }

        .containerEditoriale .swiper-slide img {
            -o-object-fit: contain;
            object-fit: contain
        }

    .containerEditoriale {
        margin-left: 0;
        padding: 0
    }

        .containerEditoriale .swiper {
            padding-left: 24px;
            width: 100%
        }

        .containerEditoriale .swiper-slide {
            height: auto
        }

    .list-product.productcarousel__root {
        padding: 0 9pt
    }

    .title-editorial {
        font-family: Gupter;
        font-size: 2pc;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.64px;
        line-height: 36px;
        padding-bottom: 1pc
    }

    .entra-nel-nostro-mon {
        font-size: 1pc;
        font-style: normal;
        font-weight: 400;
        line-height: 24px
    }
}

.containerGusto .swiper {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
}

.containerGusto .swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 18px;
    justify-content: center;
    text-align: center
}

.containerGusto .swiper-slide, .img-bullet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.img-bullet {
    left: 33%;
    position: absolute;
    top: 35%;
    vertical-align: middle;
    width: 100%
}

    .img-bullet > img {
        width: 38px
    }

.containerGusto .swiper-button-next:after, .containerGusto .swiper-button-prev:after, .swiper-button-next:after {
    font-family: unset;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.containerGusto .swiper-slide img {
    border-radius: 24px !important;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.herodiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 24px
}

.frame-1555 {
    -ms-flex-preferred-size: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-basis: 50%;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    position: relative
}

.frame-1555, .frame-1556-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.frame-1556-1 {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1pc 0
}

.subtitlehero {
    letter-spacing: 0;
    line-height: 28px;
    margin-top: -1px;
    padding-bottom: 1pc;
    white-space: nowrap
}

.dmsans-normal-everglade-20px {
    color: var(--everglade);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400
}

.herodesk {
    letter-spacing: -.16pc;
    line-height: 68px;
    width: 4in;
    width: 100%
}

.gupter-normal-everglade-64px {
    color: var(--everglade);
    color: #1a5632;
    font-family: var(--font-family-gupter);
    font-family: Gupter;
    font-size: 4pc;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 44px
}

.cta-special {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--everglade);
    border-radius: 2pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9pt;
    padding: 9pt 20px;
    position: relative;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

    .cta-special.alt-cta {
        background-color: transparent;
        border-color: var(--everglade);
        border-style: solid;
        border-width: 2px
    }

.scoprile-tutte {
    letter-spacing: 0;
    line-height: 1pc;
    margin-top: -2px;
    white-space: nowrap;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.dmsans-medium-chilean-heath-16px {
    color: var(--chilean-heath);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500
}

.group-291 {
    -ms-flex-item-align: end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    align-self: flex-end;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 1pc;
    position: relative;
    width: 100%
}

.img-sellup {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    height: 134px;
    margin-right: 9pt;
    -o-object-fit: cover;
    object-fit: cover;
    width: 119px
}

.category-carousel-item img, .cmp-teaser__image img, .group-291 > img, .img-card > img, .img-container img, .video-pdp img {
    border-radius: 24px
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1px;
    margin-top: auto;
    min-height: 111px;
    width: 244px;
    width: auto
}

.title-sellup {
    color: var(--everglade);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xl);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.18px;
    line-height: 24px;
    margin-bottom: 5px;
    width: auto;
    width: 95%
}

.flex-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 93px;
    height: 50px;
    margin-top: -10px;
    min-width: 244px
}

.flex-col-1, .flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-col-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9pt;
    position: relative;
    width: 111px
}

.group-18 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: var(--everglade);
    border: 0;
    border-radius: 2pc;
    bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin-bottom: auto;
    min-width: 40px;
    padding: 13px 9.3pt;
    position: absolute;
    right: 5px
}

.icon-cart {
    height: 13px;
    width: 13px
}

.allineamentoBTNvideoSlider {
    width: 100%
}

@media screen and (max-width:992px) {
    #swiper-wrapper-cc86703e7af1f778 > div:nth-child(3) {
        padding: 24px;
        width: 100%
    }

    .herodiv {
        padding: 1pc
    }

    .hero2-paragraph {
        font-size: 40px !important;
        line-height: 40px !important
    }

    .title-slider {
        display: none
    }

    .allineamentoTesto {
        height: auto !important
    }

    .herodiv {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .scoprile-tutte {
        display: none
    }

    .frame-1555 {
        gap: 0;
        margin-top: 0;
        width: 100%
    }

    .herodesk {
        font-family: Gupter;
        font-size: 2pc;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        line-height: 44px
    }

    .cta-special {
        bottom: 1pc;
        position: absolute;
        right: 10px
    }

    .group-291 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        min-width: 0;
        padding: 0
    }

    .Slider1home .swiper-wrapper {
        display: contents !important
    }

        .Slider1home .swiper-wrapper .qtaStyle {
            margin: 0
        }

    .frame-1556-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: inherit;
        padding: 1pc 0;
        width: calc(100% - 65px)
    }

    .herov2 .frame-1556-1 {
        width: 100%
    }
}

a.item__images.item-sellup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.containerswipereditorialtemporized {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: 100%
}

    .containerswipereditorialtemporized span.swiper-pagination-bullet {
        background: none;
        position: relative
    }

    .containerswipereditorialtemporized span.swiper-pagination-bullet-active .img-bullet {
        background-color: rgba(255,253,229,.5)
    }

        .containerswipereditorialtemporized span.swiper-pagination-bullet-active .img-bullet img {
            top: 50%
        }

    .containerswipereditorialtemporized span.swiper-pagination-bullet .img-bullet {
        border-radius: 50%;
        height: 81px;
        left: 1px;
        margin: 0 auto;
        position: absolute;
        top: 2px;
        -webkit-transform: rotate(-16deg);
        transform: rotate(-16deg);
        vertical-align: middle;
        width: 100%
    }

@media screen and (max-width:992px) {
    .containerswipereditorialtemporized span.swiper-pagination-bullet .img-bullet {
        height: 60px;
        left: 6px;
        top: 14px;
        width: 6pc
    }
}

.containerswipereditorialtemporized span.swiper-pagination-bullet .img-bullet img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(16deg) translate(-50%,-50%);
    transform: rotate(16deg) translate(-50%,-50%)
}

.containerswipereditorialtemporized .group-container-1 {
    height: auto;
    margin-left: 3.31px;
    margin-top: 2px;
    position: relative;
    width: 38px
}

.containerswipereditorialtemporized .group-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 42px;
    min-height: 190px;
    padding-bottom: 5pc;
    width: 100%
}

.group-1636 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #07436e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding: 5pc 23.5px;
    position: relative
}

@media(min-width:968px) {
    .group-1636 {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.group-container {
    margin-left: 3.31px;
    margin-top: 2px;
    position: relative;
    width: 38px
}

.category-visual-img {
    width: 100%
}

@media(min-width:968px) {
    .category-visual-img .cmp-image {
        padding-top: 230px
    }
}

.group-1548 {
    height: 85px;
    width: 397px
}

.group-162 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .5px;
    position: relative
}

.editorialslidetitle {
    color: var(--chilean-heath);
    font-family: DM sans;
    font-family: Gupter;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.14pc;
    line-height: 60px;
    margin-left: 1px;
    width: 100%
}

.cta-speciale-out {
    -webkit-backdrop-filter: blur(10px) brightness();
    backdrop-filter: blur(10px) brightness();
    border: 1px solid;
    border-color: var(--chilean-heath);
    border-radius: 75pt;
    height: 40px;
    margin-left: 1px;
    margin-top: 2pc;
    padding: 9pt 20px
}

.cta-speciale-out, .frame-1611 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.frame-1611 {
    height: 1pc;
    position: relative
}

.scoprile-tutte-2 {
    color: var(--chilean-heath);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1pc;
    margin-top: -1px;
    white-space: nowrap;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.group-131-1 {
    height: 8.49px;
    min-width: 10.49px
}

.rectangle-7 {
    height: 10px;
    left: 5px;
    position: absolute;
    top: 0;
    width: 6px
}

.rectangle-7-itinerari {
    height: 25px;
    left: -6;
    position: absolute;
    top: -6;
    width: 25px
}

.rectangle-24 {
    background-color: var(--chilean-heath);
    border: 1px solid;
    height: 1px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 10px
}

.bthumbcarsoursel {
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 180px
}

.swipereditorialtemporized .swiper-pagination-bullet {
    height: 84px;
    min-width: 93pt
}

.swipereditorialtemporized .swiper-pagination-bullet-active .path {
    stroke-dasharray: 1500;
    stroke-dashoffset: 0;
    -webkit-animation: dash 5s linear;
    animation: dash 5s linear;
    -webkit-animation-iteration-count: unset;
    animation-iteration-count: unset;
    display: inline-block !important
}

div.containerswipereditorialtemporized > div > div.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal > span.swiper-pagination-bullet.swiper-pagination-bullet-active > .img-bullet {
    background-image: url(clientlib-site/css/clientlib-fratellicarli-site/images/ic1.png)
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1500
    }

    to {
        stroke-dashoffset: 1000
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1500
    }

    to {
        stroke-dashoffset: 1000
    }
}

.swipereditorialtemporized .swiper-pagination-bullets, .swipereditorialtemporized .swiper-pagination-bullets.swiper-pagination-horizontal {
    height: 75pt;
    left: -4%;
    top: 13%;
    width: 37%
}

.editorialslidetitle {
    padding-top: 220px;
    text-align: left;
    width: 60%
}

@media screen and (max-width:992px) {
    .swipereditorialtemporizedialtemporizedialtemporized .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .swipereditorialtemporized .swiper-pagination-bullets, .swipereditorialtemporized .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: 0;
        top: 10%;
        width: 100%
    }

    .group-1636 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse
    }

    .bthumbcarsoursel img {
        height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 180px
    }

    .category-carousel-image.image.category-thumb-img.bthumbcarsoursel {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        margin: 0 auto;
        order: 3;
        width: 100%
    }

    .category-carousel-image.image.category-visual-img {
        padding-top: 40%
    }

    .group-162 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
        margin-top: 90px;
        top: -40px;
        width: 100%
    }

    .group-1636 {
        gap: 0;
        padding: 10px
    }

    img.bthumbcarsoursel {
        margin: 0 auto;
        text-align: center;
        -webkit-transform: translateY(40%);
        transform: translateY(40%)
    }

    img.category-visual-img {
        height: auto;
        padding-top: 41%;
        width: 100%
    }

    .cta-speciale-out {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        margin-left: auto;
        margin-right: auto;
        order: 2
    }

    .editorialslidetitle {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    p.editorialslidetitle {
        margin: 0;
        padding-top: 1pc;
        text-align: center;
        width: 100%
    }

    .containerswipereditorialtemporized .group-container {
        padding-bottom: 30px
    }
}

@media screen and (min-width:993px) {
    .editorialslidetitle {
        width: 75%
    }

    .swipereditorialtemporized .swiper-pagination-bullets, .swipereditorialtemporized .swiper-pagination-bullets.swiper-pagination-horizontal {
        top: 20%
    }

    .containerswipereditorialtemporized .group-container {
        height: 80%;
        padding-bottom: 0;
        width: 40%
    }

    .category-carousel-image.image.category-visual-img {
        padding: 0;
        position: relative;
        width: calc(60% - 20px);
        width: 70%
    }

        .category-carousel-image.image.category-visual-img > div.cmp-image {
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            justify-content: center;
            padding: 0;
            width: 100%
        }
}

.height-lg-10 {
    height: 10px
}

.height-lg-20 {
    height: 20px
}

.height-lg-30 {
    height: 30px
}

.height-lg-40 {
    height: 40px
}

.height-lg-50 {
    height: 50px
}

.height-lg-60 {
    height: 60px
}

.height-lg-70 {
    height: 70px
}

.height-lg-80 {
    height: 5pc
}

.height-lg-90 {
    height: 90px
}

.height-lg-100 {
    height: 75pt
}

.containerCentoAnni {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-image: url(../../../clientlib-fratellicarli-site/images/sfondoCentoAnniStoria.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-bottom: 90pt;
    padding-top: 90pt;
    width: 100%
}

.page_Storia .herodiv {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px
}

.blocco-StoriaCentoAnn-txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    width: 30%
}

.blocco-StoriaCentoAnn-img {
    width: 50%
}

.titleCentoAnni {
    font-family: Gupter;
    font-size: 4pc;
    letter-spacing: -.04em;
    line-height: 68px
}

.subtitleCentoAnni, .titleCentoAnni {
    color: #fffde5;
    font-style: normal;
    font-weight: 400;
    width: 330px
}

.subtitleCentoAnni {
    font-family: DM Sans;
    font-size: 1pc;
    line-height: 24px
}

.container-linaTemporale {
    background-image: url(clientlib-site/clientlib-fratellicarli-site/images/lineaTempo.png);
    background-position: 242px;
    background-position-y: -90pt;
    background-repeat: no-repeat;
    padding-left: 54px;
    padding-right: 141px;
    position: relative;
    width: 100%
}

.contenitoreCardLineaTemporale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 194px;
    width: 100%
}

.columnLineaTemporaleYear {
    width: 20%
}

.columnLineaTemporaleImg, .columnLineaTemporaleText {
    width: 40%
}

.yearLineaTemporale {
    color: #1a5632;
    font-family: Gupter;
    font-size: 84px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 90px
}

.imgLineaTemporale {
    height: 100%;
    width: 100%
}

.titleCardLineaTemporale {
    color: #1a5632;
    font-family: Gupter;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 44px
}

.subtitleCardLineaTemporale {
    color: #414d45;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 24px;
    margin-top: 1pc
}

.contenitoreTxtCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: left;
    max-width: 337px
}

.contenitoreTxtCard, .txtPositionCard_22 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.txtPositionCard_22 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.page_Storia .frame-1555 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0
}

.page_Storia .herodiv {
    background-image: url(../../../clientlib-fratellicarli-site/images/bg-StoriaHero.png)
}

@media screen and (max-width:992px) {
    .mobileTimeView > div {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        min-width: 25pc auto;
        width: 100%
    }

    .page_Storia .titleCentoAnni {
        font-size: 56px
    }

    .page_Storia .herodiv .frame-1556-1 > div {
        margin: 0 auto
    }

    .page_Storia .titleHistoryPage-1 {
        margin: 0 auto;
        text-align: center
    }

    .page_Storia .subtitleHistory {
        color: #414d45;
        font-family: DM Sans;
        font-size: 1pc;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-align: center
    }

    .container_subtitleHistory {
        text-align: center;
        width: 100%
    }

    .page_Storia .mob_marginView-11 {
        margin-top: -75pt;
        position: relative;
        z-index: 0
    }

    .page_Storia .mobViewTitle_2 {
        width: 50%
    }

    .page_Storia .mobile_space_16px_left {
        margin-top: 24px;
        padding-left: 1pc;
        padding-right: 1pc
    }

    .page_Storia .mobile_space_64px_left {
        margin-top: 24px;
        padding-left: 4pc;
        padding-right: 1pc
    }

    .page_Storia .imgTimelineViewMobile_left {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .page_Storia .dimensionamentoImgBlocco22 {
        height: 221px;
        width: 295px
    }

    .page_Storia .containerCentoAnni {
        padding-left: 1pc;
        padding-right: 1pc
    }

    .page_Storia .herodiv .gupter-normal-everglade-64px {
        color: #1a5632;
        font-family: Gupter;
        font-size: 84px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.04em;
        line-height: 90px;
        text-align: center
    }

    .page_Storia .herodiv .frame-1556-1 {
        width: 100%
    }

    .page_Storia .herodiv {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0
    }

    .bloccoTimeLine .componente1_time {
        margin-bottom: 5pc !important
    }

    .imgTimelineViewMobile_right {
        margin-right: 145px
    }

    .bloccoTimeLine .mobileTimeView {
        left: 5%
    }

    .bloccoTimeLine .componente1_time {
        float: none
    }

    .bloccoTimeLine .timeline ul li:nth-child(2n):before, .bloccoTimeLine .timeline ul li:nth-child(odd):before {
        left: 49% !important
    }

    .bloccoTimeLine .timeline ul li {
        padding: 30px 0;
        width: 100%
    }

    .bloccoTimeLine .contenitoreImg_txtTime {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bloccoTimeLine .timeline ul li:before {
        top: 0
    }

    .bloccoTimeLine .time {
        top: -50px;
        width: 100%
    }

    .bloccoTimeLine .timeline ul li:nth-child(2n):before, .bloccoTimeLine .timeline ul li:nth-child(odd):before {
        left: 36%
    }

    .bloccoTimeLine .timeline:before {
        left: 50%
    }

    .imgCentoAnniStoria {
        height: 221px !important;
        width: 295px !important
    }

    .blocco-StoriaCentoAnn-img {
        padding: 2pc 0 60px;
        text-align: end;
        width: 100%
    }

    .containerCentoAnni {
        padding-bottom: 0;
        padding-top: 0
    }

    .blocco-StoriaCentoAnn-txt {
        margin-top: 4pc;
        width: 100%
    }

    .containerCentoAnni, .groupTestoeImmagine-timeLine {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .groupTestoeImmagine-timeLine {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100% !important
    }

    .container-linaTemporale {
        padding: 0
    }

    .contenitoreCardLineaTemporale {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .columnLineaTemporaleText {
        width: 100%
    }

    .contenitoreTxtCard {
        max-width: unset
    }

    .columnLineaTemporaleImg {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: right;
        margin-top: 1pc;
        padding: 1pc;
        width: 100%
    }

    .imgLineaTemporale {
        width: 295px
    }

    .container-linaTemporale {
        background-position: 50%;
        background-position-y: -90pt
    }

    .contenitoreImg_txtTime {
        margin-left: 0
    }

    .pageStoria-1 .wrapper-main {
        background-color: #fff;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;
        z-index: 10
    }

    .page_Storia .frame-1555 {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
        justify-content: unset
    }
}

.groupTestoeImmagine-timeLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%
}

.imgCentoAnniStoria {
    height: 100%;
    width: 100%
}

.bloccoTimeLine {
    --colorPrincipal: #7db4b5;
    --colorSecundario: #680148;
    --colorSombra: rgba(125,180,181,.2)
}

* {
    font-family: Montserrat,sans-serif;
    margin: 0;
    padding: 0
}

.bloccoTimeLine h1 {
    color: var(--colorPrincipal);
    font-size: 3pc;
    letter-spacing: 2px;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase
}

.timeline {
    margin: 50px auto;
    padding: 40px 0;
    position: relative;
    width: 100%
}

    .timeline:before {
        background-color: #e4e4e4;
        content: "";
        height: 100%;
        left: 20%;
        position: absolute;
        width: 2px
    }

    .timeline ul li {
        clear: both;
        float: right;
        list-style: none;
        padding: 20px 40px;
        position: relative;
        text-align: left;
        width: 80%
    }

        .timeline ul li:before {
            background-color: #cfb687;
            border-radius: 50%;
            content: "";
            height: 10px;
            position: absolute;
            top: 40%;
            width: 10px
        }

        .timeline ul li:nth-child(2n):before, .timeline ul li:nth-child(odd):before {
            left: -4px
        }

.time {
    color: #1a5632;
    display: inline-block;
    font-family: Gupter;
    font-size: 84px;
    font-style: normal;
    left: -15%;
    letter-spacing: -.04em;
    line-height: 90px;
    padding-right: 53px;
    position: absolute;
    top: 33%
}

.time, h3 {
    font-weight: 400
}

.content {
    padding-bottom: 20px
}

.timeline ul li h2 {
    font-weight: 500
}

.timeline ul li p {
    font-weight: 300;
    margin: 10px 0
}

.contenitoreImg_txtTime {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.reverseColumnTimeLine {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: left
}

.Description_MobileView_left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.bloccoTimeLine .componente1_time {
    margin-bottom: 15pc
}

.dimensionamentoImgBlocco22 {
    height: 100%;
    width: 100%
}

.subtitleHistory {
    font-family: DM Sans;
    font-size: 20px;
    line-height: 26px
}

.subtitleHistory, .titleHistoryPage-1 {
    color: #1a5632;
    font-style: normal;
    font-weight: 400
}

.titleHistoryPage-1 {
    font-family: Gupter;
    font-size: 84px;
    letter-spacing: -.04em;
    line-height: 90px;
    text-align: left;
    text-transform: unset
}

.cmp-subtitle .cmp-subtitle__text {
    color: #1a5632;
    font-family: DM Sans,sans-serif;
    font-weight: 400;
    text-align: center
}

.footer .cmp-title .cmp-title__text {
    color: var(--chilean-heath);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500
}

.ytOverlay {
    background-color: rgba(0,0,0,.75);
    color: #fff;
    display: none;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10
}

    .ytOverlay iframe {
        margin-top: 90pt
    }

.closeVideo i {
    font-size: 24px
}

.ytOverlayInside {
    background-color: rgba(0,0,0,.75);
    color: #fff;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10
}

.containerVideoImage {
    height: 100%;
    position: relative;
    width: 100%
}

    .containerVideoImage > img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.videocontainerInside {
    height: 100%;
    left: 1.5%;
    position: absolute;
    width: 97%
}

.ytOverlayInside iframe {
    opacity: 1 !important
}

.closeVideoInside i {
    font-size: 24px
}

.closeVideo a {
    color: #fff !important;
    text-decoration: none !important
}

#clickVideo, .closeVideo {
    cursor: pointer
}

#clickVideo {
    font-family: verdana;
    font-weight: 600;
    text-align: center
}

    #clickVideo:hover {
        color: #ff0
    }

.closing {
    font-family: verdana;
    text-align: center
}

.wishlistPage .infoProdCart-22 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 0 9pt
}

.wishlistProduct-item {
    width: 100%
}

@media screen and (max-width:992px) {
    .wishlistProduct-item .infoProdotto1 .abs_position_bottom {
        bottom: -10px
    }

    .wishlistProduct-item .wishlist-totals .contenitoreCestinoCarrello-1 {
        padding-left: 10px
    }
}

.wishlistPage .totProdotto1 {
    width: 100%
}

.wishlistPage .contenitoreCestinoCarrello-1 {
    position: relative
}

.wishlist-totals, .wishlistPage .totProdotto1 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30%
}

.wishlist-totals {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    justify-content: space-between;
    min-width: 200px;
    padding: 10px 0
}

@media only screen and (max-width:990px) {
    .wishlist-totals {
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        margin: 2px 0 0 90px
    }

    .wishlist-totals, .wishlistPage .totProdotto1 {
        -webkit-box-orient: horizontal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .wishlistPage .totProdotto1 {
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 50px;
        width: 100%
    }

    .wishlistPage .group-2-profilo .infoProdotto1 {
        width: 100%
    }
}

body.page-country-selection .country-selection-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    margin-bottom: 75pt;
    margin-left: 8.33333%;
    margin-top: 60px;
    max-width: 83.33333%
}

body.page-country-selection .cmp-subtitle {
    text-align: center
}

body.page-country-selection .cmp-regions {
    margin-top: 3pc
}

body.faq-page .faq-container, body.page-faq .faq-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    margin-bottom: 5pc;
    margin-left: 8.33333%;
    margin-top: 60px;
    max-width: 83.33333%
}

body.faq-page .faq-search, body.page-faq .faq-search {
    margin-top: 2pc
}

body.faq-page .cmp-faq__navigation, body.page-faq .cmp-faq__navigation {
    margin-top: 70px
}

body.page-order-confirmation .page-order-confirmation-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    margin-bottom: 75pt;
    margin-left: 8.33333%;
    margin-top: 60px;
    max-width: 83.33333%
}

body.page-order-confirmation .cmp-subtitle {
    text-align: center
}

body.page-order-confirmation .cmp-order-number {
    margin-top: 24px
}

body.page-thank-you .page-thank-you-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    margin-bottom: 75pt;
    margin-left: 8.33333%;
    margin-top: 60px;
    max-width: 83.33333%
}

body.page-thank-you .cmp-subtitle {
    text-align: center
}

body.page-thank-you .cmp-order-number {
    margin-top: 24px
}

.cmp-button--basic, .cmp-button--main, .cmp-button--special {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 2pc;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    max-width: 100%;
    min-width: 0;
    padding: 9pt 20px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: auto
}

    .cmp-button--basic > span, .cmp-button--main > span, .cmp-button--special > span {
        font-family: DM Sans,sans-serif;
        font-size: 1pc;
        font-weight: 500
    }

    .cmp-button--basic:disabled, .cmp-button--main:disabled, .cmp-button--special:disabled {
        opacity: .5
    }

.cmp-button--icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1a5632;
    border: none;
    border-radius: 50%;
    color: #fffde5;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: center;
    padding: 10px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: auto
}

    .cmp-button--icon:hover {
        background-color: #1c3325
    }

    .btn-reset > span, .cmp-button--icon.cmp-button--unstyled > span, .cmp-button--link.cmp-button--unstyled > span, .cmp-button--unstyled > span, .order-details__back > span {
        font-family: DM Sans,sans-serif;
        font-size: 1pc;
        font-weight: 400
    }

.cmp-button--basic.cmp-button--primary {
    background-color: #1a5632;
    color: #fffde5
}

    .cmp-button--basic.cmp-button--primary:hover {
        background-color: #1c3325
    }

.cmp-button--basic.cmp-button--secondary {
    background-color: transparent;
    border-color: #1a5632;
    color: #1a5632
}

    .cmp-button--basic.cmp-button--secondary:hover {
        background-color: #1c3325;
        border-color: #1c3325;
        color: #fffde5
    }

    .cmp-button--basic.cmp-button--secondary:active {
        background-color: #1a5632;
        color: #fffde5
    }

.cmp-button--special.cmp-button--primary {
    background-color: #fffde5;
    color: #1a5632
}

    .cmp-button--special.cmp-button--primary:hover {
        background-color: #fffde5
    }

.cmp-button--main {
    background-color: #1a5632;
    color: #fff;
    font-size: 1rem;
    height: auto;
    line-height: 1.5em;
    padding: .75rem 1.5rem
}

.cmp-button--link {
    text-decoration: underline
}

.cmp-button--icon.cmp-button--unstyled {
    padding: 5px
}

.cmp-button__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cmp-button-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8px;
    width: 100%
}

.cmp-button-group--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px
}

.cmp-button-group .cmp-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cmp-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8px
}

    .cmp-checkbox input {
        height: 1pc;
        opacity: 0;
        position: absolute;
        width: 1pc
    }

        .cmp-checkbox input:checked + .checkmark {
            background-color: #1a5632
        }

            .cmp-checkbox input:checked + .checkmark:after {
                display: block
            }

        .cmp-checkbox input:focus + .checkmark {
            -webkit-box-shadow: 0 0 1px #1a5632;
            box-shadow: 0 0 1px #1a5632
        }

    .cmp-checkbox .checkmark {
        background-color: #fff;
        border: 2px solid #1a5632;
        border-radius: 4px;
        cursor: pointer;
        height: 1pc;
        left: 0;
        position: relative;
        top: 0;
        width: 1pc
    }

        .cmp-checkbox .checkmark:after {
            border: solid #fffde5;
            border-width: 0 2px 2px 0;
            content: "";
            display: none;
            height: 10px;
            left: 3px;
            position: absolute;
            top: 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 6px
        }

    .cmp-checkbox .cmp-checkbox-label {
        -webkit-box-flex: 1;
        color: #414d45;
        -ms-flex: 1;
        flex: 1;
        font-family: DM Sans,sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }

.cmp-fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6px 24px
}

.cmp-fieldset, .cmp-fieldset--full-width {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.cmp-fieldset__legend {
    color: #414d45;
    font-family: DM Sans,sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    padding: 0 6px
}

.cmp-fieldset__caption {
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px
}

.cmp-icon {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .cmp-icon .svg {
        background-color: #1a5632;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain
    }

.cmp-react-modal {
    background-color: rgba(0,0,0,.6);
    height: 100%;
    inset: 0;
    opacity: 0;
    padding: 9pt;
    position: fixed;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 500
}

    .cmp-react-modal.--open {
        opacity: 1
    }

.cmp-react-modal__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 9pt;
    -webkit-box-shadow: 0 7px 29px 0 hsla(240,5%,41%,.3);
    box-shadow: 0 7px 29px 0 hsla(240,5%,41%,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    min-height: 250px;
    padding: 24px;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 450px
}

    .cmp-react-modal__content .cmp-react-modal__header {
        -webkit-box-flex: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 0 20px;
        justify-content: space-between
    }

        .cmp-react-modal__content .cmp-react-modal__header .cmp-react-modal__title {
            color: #414d45;
            font-family: DM Sans,sans-serif;
            font-size: 20px;
            font-weight: 500;
            line-height: 26px;
            margin-bottom: 0
        }

    .cmp-react-modal__content .cmp-react-modal__separator {
        background-color: #d5d5d5;
        height: 1px;
        margin: 24px 0;
        width: 100%
    }

    .cmp-react-modal__content .cmp-react-modal__body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow-y: auto
    }

    .cmp-react-modal__content .cmp-react-modal__footer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: 20px
    }

.cmp-react-modal.--bonus-product-selection .cmp-react-modal__content {
    min-height: auto;
    min-width: 606px
}

@media screen and (max-width:992px) {
    .cmp-react-modal.--bonus-product-selection .cmp-react-modal__content {
        min-width: auto
    }
}

.cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__header .cmp-react-modal__close {
    background-color: #1a5632;
    padding: 15px
}

    .cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__header .cmp-react-modal__close .cmp-icon .svg {
        background-color: #fff;
        height: 10px !important;
        width: 10px !important
    }

.cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__body {
    position: relative
}

    .cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__body .selection-summary {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-top: 24px
    }

        .cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__body .selection-summary span {
            color: #414d45;
            font-family: DM Sans,sans-serif;
            font-size: .875rem;
            font-weight: 400
        }

    .cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__body .swiper-pagination {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0 1pc;
        justify-content: flex-end;
        margin-bottom: 1pc;
        position: relative;
        -webkit-transform: none;
        transform: none
    }

        .cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__body .swiper-pagination .swiper-button-next, .cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__body .swiper-pagination .swiper-button-prev {
            color: #1a5632;
            height: 20px;
            left: unset;
            margin-top: 0;
            position: relative;
            top: unset;
            width: 20px
        }

            .cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__body .swiper-pagination .swiper-button-next:after, .cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__body .swiper-pagination .swiper-button-prev:after {
                font-size: 1.25rem
            }

        .cmp-react-modal.--bonus-product-selection .cmp-react-modal__content .cmp-react-modal__body .swiper-pagination .swiper-button-next {
            right: 0
        }

.cmp-react-modal.--promo-code .cmp-react-modal__content {
    min-height: auto
}

    .cmp-react-modal.--promo-code .cmp-react-modal__content .cmp-react-modal__footer, .cmp-react-modal.--promo-code .cmp-react-modal__content .cmp-react-modal__separator, .cmp-react-modal.--promo-code .cmp-react-modal__content .cmp-react-modal__title {
        display: none
    }

    .cmp-react-modal.--promo-code .cmp-react-modal__content .cmp-react-modal__body {
        text-align: center
    }

        .cmp-react-modal.--promo-code .cmp-react-modal__content .cmp-react-modal__body h3 {
            font-size: 24px;
            font-weight: 500;
            margin-top: 30px
        }

        .cmp-react-modal.--promo-code .cmp-react-modal__content .cmp-react-modal__body .icon-promo-code {
            background-image: url(clientlib-site/resources/images/discount-code-green.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-block;
            height: 40px;
            margin: 0 auto;
            padding-bottom: 15px;
            width: 40px
        }

.cmp-react-modal.--promo-code .cmp-react-modal__close {
    margin-left: auto
}

    .cmp-react-modal.--promo-code .cmp-react-modal__close .cmp-icon {
        background-color: #1a5632;
        border-radius: 50%;
        display: inline-block;
        height: 35px;
        width: 35px
    }

    .cmp-react-modal.--promo-code .cmp-react-modal__close .svg {
        background-color: #fff;
        height: 15px;
        margin: 0 auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 15px
    }

.cmp-form.cmp-form--personalInformation .cmp-field--city, .cmp-form.cmp-form--personalInformation .cmp-field--postcode, .cmp-form.cmp-form--personalInformation .cmp-field--region {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

@media screen and (max-width:992px) {
    .cmp-form.cmp-form--personalInformation .cmp-field--city, .cmp-form.cmp-form--personalInformation .cmp-field--postcode, .cmp-form.cmp-form--personalInformation .cmp-field--region {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.cmp-form {
    position: relative
}

    .cmp-form.cmp-form-privacy-preferences .cmp-privacy-preferences-accordion, .cmp-form.cmp-form-privacy-preferences .cmp-privacy-preferences-accordion .accordion {
        width: 100%
    }

        .cmp-form.cmp-form-privacy-preferences .cmp-privacy-preferences-accordion .accordion-item {
            border: 1px solid #e8e8de;
            border-radius: 9pt;
            margin-bottom: 10px;
            padding: 10px;
            width: 100%
        }

        .cmp-form.cmp-form-privacy-preferences .cmp-privacy-preferences-accordion .accordion-body .privacy-option-item, .cmp-form.cmp-form-privacy-preferences .cmp-privacy-preferences-accordion .accordion-header {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content: space-between;
            width: 100%
        }

        .cmp-form.cmp-form-privacy-preferences .cmp-privacy-preferences-accordion .accordion-body .privacy-option-item {
            margin-bottom: 15px;
            margin-top: 15px
        }

        .cmp-form.cmp-form-privacy-preferences .cmp-privacy-preferences-accordion .accordion-body .privacy-option-item__text {
            color: #414d45;
            font-family: DM Sans;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            width: 85%
        }

.cmp-account-section {
    background-color: #fff;
    border-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 9pt;
    padding: 24px
}

.cmp-account-section__go-back {
    margin-bottom: 9pt
}

    .cmp-account-section__go-back .cmp-button span {
        font-family: DM Sans,sans-serif;
        font-size: 14px;
        line-height: 20px
    }

.cmp-account-section__heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    justify-content: space-between
}

    .cmp-account-section__heading .cmp-account-section__title {
        -webkit-box-flex: 1;
        color: #414d45;
        -ms-flex: 1;
        flex: 1;
        font-family: DM Sans,sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 26px
    }

        .cmp-account-section__heading .cmp-account-section__title .cmp-account-section__subtitle {
            color: #414d45;
            font-family: DM Sans,sans-serif;
            font-size: 1pc;
            font-weight: 400;
            line-height: 24px;
            margin-top: 8px
        }

    .cmp-account-section__heading .cmp-account-section__component {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

.cmp-account-section__separator {
    -webkit-box-flex: 0;
    background-color: #d5d5d5;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: 1px;
    margin: 24px 0
}

.cmp-account-section__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.cmp-account-section__content, .cmp-address-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.cmp-address-card {
    max-width: 100%;
    padding: 0 6px;
    position: relative
}

@media only screen and (min-width:990px) {
    .cmp-address-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.cmp-address-card__wrapper {
    height: 100%;
    position: relative
}

.cmp-address-card__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #f8f8f6;
    border-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    max-height: 300px;
    padding: 1pc;
    position: relative;
    width: 100%
}

    .cmp-address-card__container .cmp-address-card__heading {
        -webkit-box-flex: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        justify-content: space-between
    }

        .cmp-address-card__container .cmp-address-card__heading .cmp-address-card__type {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 0 4px
        }

            .cmp-address-card__container .cmp-address-card__heading .cmp-address-card__type .cmp-address-card__name {
                color: #414d45;
                font-family: DM Sans,sans-serif;
                font-size: 18px;
                font-weight: 500;
                line-height: 24px
            }

        .cmp-address-card__container .cmp-address-card__heading .cmp-address-card__actions {
            -webkit-box-flex: 0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            gap: 0 24px
        }

            .cmp-address-card__container .cmp-address-card__heading .cmp-address-card__actions .cmp-address-card__action--edit .cmp-button__text {
                color: #1a5632;
                font-family: DM Sans,sans-serif;
                font-size: 1pc;
                font-weight: 400;
                line-height: 24px
            }

    .cmp-address-card__container .cmp-address-card__body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow-y: auto
    }

    .cmp-address-card__container .cmp-address-card__footer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: auto
    }

.cmp-address-card--main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media only screen and (min-width:990px) {
    .cmp-address-card--main .cmp-address-card__wrapper {
        max-width: 50%
    }
}

.cmp-address-cards {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6px 2pc;
    row-gap: 9pt
}

.cmp-address-cards__text {
    padding: 0 6px
}

.loader {
    background-color: #fff;
    background: rgba(0,0,0,.1);
    border-radius: 20px;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999
}

    .loader:not(.fixed) {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

        .loader:not(.fixed):after {
            left: auto;
            top: auto;
            -webkit-transform: none;
            transform: none
        }

    .loader:after {
        -webkit-animation: rotation 1s linear infinite;
        animation: rotation 1s linear infinite;
        border-color: #fff #fff #1a5632 #1a5632;
        border-radius: 50%;
        border-style: solid;
        border-width: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: "";
        display: inline-block;
        height: 3pc;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 3pc
    }

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.loader.fixed {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.cmp-bonus-product-selection {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #f8f8f6;
    border-radius: 9pt;
    color: #1a5632;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 20px;
    justify-content: space-between;
    margin: 9pt 24px 2pc;
    padding: 1pc 24px
}

    .cmp-bonus-product-selection span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.cmp-orderconfirmation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.cmp-orderconfirmation__title {
    color: #1a5632;
    font-family: Gupter,sans-serif;
    font-size: 3rem;
    font-weight: 400;
    text-align: center
}

.cmp-orderconfirmation__subtitle {
    color: #414d45;
    font-family: DM Sans,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 8px;
    text-align: center
}

.cmp-orderconfirmation__id {
    color: #414d45;
    font-family: DM Sans,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 26px;
    margin-top: 24px;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.cmp-orderconfirmation__call-to-action {
    margin-top: 24px
}

.cmp-orderconfirmation-page__guest-section {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 10%;
    justify-content: space-between;
    margin-top: 5pc
}

@media(max-width:991.98px) {
    .cmp-orderconfirmation-page__guest-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px 0
    }
}

.cmp-orderconfirmation-page__guest-section .cmp-register-guest-account, .cmp-orderconfirmation-page__guest-section .cmp-registration-benefits {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

@media(max-width:991.98px) {
    .cmp-orderconfirmation-page__guest-section .cmp-register-guest-account, .cmp-orderconfirmation-page__guest-section .cmp-registration-benefits {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.cmp-register-guest-account__title {
    color: #414d45;
    font-family: DM Sans,sans-serif;
    font-size: 2rem;
    font-weight: 400
}

.cmp-register-guest-account__subtitle {
    color: #414d45;
    font-family: DM Sans,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 1pc
}

.cmp-register-guest-account .cmp-form--register-guest-account {
    margin-top: 24px
}

.cmp-registration-form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin: 5pc 0 5pc 25%;
    max-width: 50%
}

@media screen and (max-width:992px) {
    .cmp-registration-form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        margin: 40px 0 40px 8.3333333333%;
        max-width: 83.3333333333%
    }
}

.cmp-registration-form .cmp-radio-group {
    margin-bottom: 24px
}

.cmp-registration-form .social-button-group {
    padding: 0 6px;
    width: 100%
}

.cmp-newsletter-subscription {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    align-items: center;
    align-self: stretch;
    background-color: #718473;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: space-between;
    padding: 2px 2px 2px 20px
}

    .cmp-newsletter-subscription .cmp-form {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 0 10px;
        margin: unset
    }

        .cmp-newsletter-subscription .cmp-form .cmp-field {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin: 0;
            padding: 0
        }

            .cmp-newsletter-subscription .cmp-form .cmp-field .cmp-input.cmp-input--unstyled {
                background-color: transparent;
                border: none;
                color: #e9e9d3;
                font-size: .875rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%
            }

                .cmp-newsletter-subscription .cmp-form .cmp-field .cmp-input.cmp-input--unstyled::-webkit-input-placeholder {
                    color: #e9e9d3
                }

                .cmp-newsletter-subscription .cmp-form .cmp-field .cmp-input.cmp-input--unstyled::-moz-placeholder {
                    color: #e9e9d3
                }

                .cmp-newsletter-subscription .cmp-form .cmp-field .cmp-input.cmp-input--unstyled:-ms-input-placeholder {
                    color: #e9e9d3
                }

                .cmp-newsletter-subscription .cmp-form .cmp-field .cmp-input.cmp-input--unstyled::-ms-input-placeholder {
                    color: #e9e9d3
                }

                .cmp-newsletter-subscription .cmp-form .cmp-field .cmp-input.cmp-input--unstyled::placeholder {
                    color: #e9e9d3
                }

            .cmp-newsletter-subscription .cmp-form .cmp-field .cmp-field-error, .cmp-newsletter-subscription .cmp-form .cmp-field .cmp-radio-group .cmp-radio-group__error, .cmp-radio-group .cmp-newsletter-subscription .cmp-form .cmp-field .cmp-radio-group__error {
                display: none
            }

        .cmp-newsletter-subscription .cmp-form .cmp-button-group {
            padding: 0
        }

.btn-reset, .cmp-button--icon.cmp-button--unstyled, .cmp-button--link.cmp-button--unstyled, .cmp-button--unstyled, .order-details__back {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: inherit;
    padding: 0
}

.order-details {
    background: #fff;
    border-radius: .75rem;
    color: #414d45;
    margin: 0 1rem .75rem;
    padding: 1.25rem
}

.order-details__back {
    font-size: .875rem;
    margin-bottom: .75rem
}

@media screen and (min-width:992px) {
    .order-details__back {
        margin-bottom: 1.5rem
    }

    .order-details__cap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: grid;
        gap: .25rem;
        grid-template-columns: 2fr 5fr
    }
}

.order-details__actions button {
    background: transparent;
    border: 1px solid #1a5632;
    border-radius: 2rem;
    color: #1a5632;
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-top: .75rem;
    padding: .75rem;
    width: 100%
}

    .order-details__actions button:hover {
        background: #1a5632;
        color: #fffde5
    }

@media screen and (min-width:992px) {
    .order-details__actions button {
        display: inline-block;
        margin-right: .75rem;
        padding: .75rem 1.25rem;
        width: auto
    }
}

.order-details__totals {
    font-size: .875rem;
    margin: 2rem 0
}

.order-details__totals__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

.order-details__totals__item--total {
    border-top: 1px solid #f8f8f6;
    margin-top: 1rem;
    padding-top: 1rem
}

    .order-details__totals__item--total strong {
        font-size: 1rem;
        font-weight: 500
    }

@media screen and (min-width:992px) {
    .order-details__payment {
        display: grid;
        gap: .75rem;
        grid-template-columns: 1fr 1fr
    }
}

.order-progress {
    display: grid;
    font-size: .625rem;
    grid-template-columns: 1fr 2fr 2fr 1fr;
    letter-spacing: .02em;
    pointer-events: none;
    position: relative
}

.order-progress__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

    .order-progress__item:nth-child(2), .order-progress__item:nth-child(3) {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .order-progress__item:nth-child(4) {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

.order-progress__item__value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #f8f8f6;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 .25rem #fff;
    box-shadow: 0 0 0 .25rem #fff;
    color: #414d45;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.25rem;
    justify-content: center;
    margin-bottom: .375rem;
    width: 1.25rem
}

.order-progress__item__value--active {
    background-color: #718473;
    color: #fffde5
}

@media screen and (max-width:992px) {
    .order-progress__item__label {
        display: none
    }

    .order-progress__item__label--active {
        display: block
    }
}

.order-progress__indicators {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem);
    width: 100%
}

.order-progress__indicator {
    background-color: #414d45;
    height: 1px;
    opacity: .6
}

.order-progress__indicator--completed {
    opacity: 1
}

.order-item-card {
    border-top: 1px solid #f8f8f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .75rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    width: 100%
}

@media screen and (min-width:992px) {
    .order-item-card {
        margin-top: 1.5rem;
        padding-top: 1.5rem
    }
}

.order-item-card__aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 5rem
}

.order-item-card__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.order-item-card__name {
    color: #1a5632;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .5rem
}

@media screen and (min-width:992px) {
    .order-item-card__name {
        font-size: 1rem
    }
}

.order-item-card__data {
    font-size: .75rem
}

@media screen and (min-width:992px) {
    .order-item-card__data {
        font-size: .875rem
    }
}

.order-item-card__data p {
    margin-bottom: .375rem
}

.order-item-card__price {
    font-size: .875rem;
    margin-top: .75rem;
    text-align: right
}

@media screen and (min-width:992px) {
    .order-item-card__price {
        font-size: 1rem;
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

.order-info-card {
    background: #f8f8f6;
    border-radius: .75rem;
    color: #414d45;
    margin-bottom: .75rem;
    padding: 1rem
}

.order-info-card__title {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 1.5;
    margin-bottom: .75rem
}

.orderhistory__body {
    font-family: DM Sans,sans-serif
}

.order-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    padding-right: 1rem
}

@media screen and (min-width:992px) {
    .order-filters {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: .75rem
    }
}

.order-filters__select {
    background: #e8e8de;
    border: none;
    border-radius: 1rem;
    color: #1a5632;
    margin-left: 1rem;
    padding: .5rem .75rem;
    width: 10rem
}

.myaccountcontainer .containerMain .my_account_page .container-profilo1 .orderhistorycontainer .order-filters select.order-filters__select {
    width: auto
}

.order-row {
    background: #fff;
    border-radius: .75rem;
    color: #414d45;
    margin: 0 1rem .75rem;
    padding: 1.25rem
}

@media screen and (min-width:992px) {
    .order-row {
        padding: 1.5rem
    }
}

.order-row__intro {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

    .order-row__intro svg {
        bottom: 1.5rem;
        display: block;
        height: 1.25rem;
        position: absolute;
        right: 0;
        width: 1.25rem
    }

.order-row__view-details {
    background-color: #1a5632;
    border: none;
    border-radius: 2rem;
    color: #fffde5;
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-top: 2rem;
    padding: .75rem;
    width: 100%
}

.order-status {
    --order-status-color: #1a5632;
    margin-bottom: .5rem
}

    .order-status[data-order-status="1"] {
        --order-status-color: #fc6c0f
    }

    .order-status[data-order-status="2"], .order-status[data-order-status="3"] {
        --order-status-color: #ffc60f
    }

.order-status__value:before {
    background-color: var(--order-status-color);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .25rem;
    margin-right: .25rem;
    vertical-align: middle;
    width: .25rem
}

.order-header {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
    margin-top: 1.25rem
}

@media screen and (min-width:992px) {
    .order-header {
        grid-template-columns: 2fr 2fr 2fr 1fr
    }

        .order-header .order-info:last-child {
            text-align: right
        }
}

@media screen and (max-width:992px) {
    .order-details .order-header .order-info:nth-child(2n) {
        text-align: right
    }
}

.order-info--number {
    margin-bottom: 1.5rem;
    padding-right: 1rem;
    white-space: nowrap
}

.order-info__label {
    font-size: .625rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.order-info__value {
    font-size: .825rem;
    line-height: 1;
    position: relative
}

.order-info__value--number {
    font-size: 1.25rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis
}

.order-info__value--loading {
    color: transparent
}

    .order-info__value--loading:after {
        background: #f8f8f6;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 5rem
    }

.order-items {
    border-top: 1px solid #f8f8f6;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3,1fr);
    margin-top: .5rem;
    overflow: hidden;
    padding-top: 1.5rem
}

@media screen and (min-width:992px) {
    .order-items {
        grid-template-columns: repeat(5,1fr)
    }
}

.order-items__item:nth-child(n+5) {
    display: none
}

@media screen and (max-width:992px) {
    .order-items__item:nth-child(n+3) {
        display: none
    }
}

@media screen and (min-width:992px) {
    .order-items__more--mobile {
        display: none
    }
}

@media screen and (max-width:992px) {
    .order-items__more--desktop {
        display: none
    }
}

.order-items__image, .order-items__more-label {
    background: #f8f8f6;
    border-radius: .75rem;
    display: block;
    height: 0;
    padding-top: 100%;
    position: relative
}

    .order-items__image img, .order-items__more-label img {
        display: block;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .order-items__image span, .order-items__more-label span {
        display: block;
        font-size: 1.25rem;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.pagination {
    background: #fff;
    border-radius: 1.5rem;
    -webkit-column-gap: .125rem;
    -moz-column-gap: .125rem;
    column-gap: .125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .125rem
}

.pagination__item, .pagination__next, .pagination__prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 50%;
    color: #1a5632;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 2.5rem
}

    .pagination__item--active, .pagination__item:hover, .pagination__next--active, .pagination__next:hover, .pagination__prev--active, .pagination__prev:hover {
        background: #1a5632;
        color: #fffde5
    }

    .pagination__next[disabled], .pagination__prev[disabled] {
        cursor: not-allowed;
        opacity: .3
    }

.cmp-product-card {
    background-color: #fff
}

.cmp-product-card, .cmp-product-card__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.cmp-product-card__container {
    background-color: #e8e8de;
    border-radius: 20px;
    padding: 9pt 9pt 1pc
}

    .cmp-product-card__container .cmp-product-card__image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-bottom: 9pt
    }

        .cmp-product-card__container .cmp-product-card__image picture img {
            height: 170px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 170px
        }

    .cmp-product-card__container .cmp-product-card__name {
        color: #1a5632;
        font-family: DM Sans,sans-serif;
        font-size: 1rem;
        font-weight: 500;
        line-height: 24px;
        margin-top: auto;
        text-align: center
    }

    .cmp-product-card__container .cmp-product-card__attributes {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-top: 9pt
    }

        .cmp-product-card__container .cmp-product-card__attributes .cmp-product-card__attribute {
            background-color: #fbf9ee;
            border-radius: 24px;
            color: #414d45;
            font-family: DM Sans,sans-serif;
            font-size: .75rem;
            font-weight: 500;
            padding: 6px 8px;
            text-align: center;
            text-transform: uppercase;
            width: auto
        }

.cmp-product-card .cmp-product-card__actions {
    margin-top: 9pt
}

.cmp-profiling-banner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #fff;
    border-top-left-radius: 9pt;
    border-top-right-radius: 9pt;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 20px;
    height: auto;
    left: 0;
    padding: 20px;
    position: fixed;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    width: 100%;
    z-index: 900
}

@media screen and (max-width:992px) {
    .cmp-profiling-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.cmp-profiling-banner.--visible {
    -webkit-box-shadow: 0 -1pc 38px 0 rgba(0,0,0,.5);
    box-shadow: 0 -1pc 38px 0 rgba(0,0,0,.5);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cmp-profiling-banner .cmp-profiling-banner__privacy {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .875rem;
    margin-bottom: 40px;
    max-height: 200px;
    overflow: auto
}

@media screen and (max-width:992px) {
    .cmp-profiling-banner .cmp-profiling-banner__privacy {
        margin-bottom: 20px
    }
}

.cmp-profiling-banner .cmp-profiling-banner__actions {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto
}

    .cmp-profiling-banner .cmp-profiling-banner__actions .cmp-button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

.cmp-registration-benefits__title {
    color: #414d45;
    font-family: DM Sans,sans-serif;
    font-size: 2rem;
    font-weight: 400
}

.cmp-registration-benefits__subtitle {
    color: #414d45;
    font-family: DM Sans,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 1pc
}

.cmp-registration-benefits__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc 0;
    margin-top: 24px
}

    .cmp-registration-benefits__list .registration-benefit {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 0 1pc
    }

    .cmp-registration-benefits__list .registration-benefit__information .benefit__title {
        color: #414d45;
        font-family: DM Sans,sans-serif;
        font-size: 1rem;
        font-weight: 500
    }

    .cmp-registration-benefits__list .registration-benefit__information .benefit__description {
        color: #414d45;
        font-family: DM Sans,sans-serif;
        font-size: .875rem;
        font-weight: 400;
        margin-top: 8px
    }

.cmp-wishlist-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-top: 1px solid #d5d5d5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

.cmp-wishlist-card {
    border-bottom: 1px solid #d5d5d5;
    display: grid;
    gap: 1pc 9pt;
    grid-auto-rows: 50%;
    grid-template-areas: "image name price" "image options ." "image delete action";
    grid-template-columns: minmax(auto,134px) 1fr 1fr;
    grid-template-rows: repeat(3,auto);
    padding: 24px 0
}

@media screen and (max-width:992px) {
    .cmp-wishlist-card {
        gap: 8px 9pt;
        grid-template-areas: "image name delete" "image options options" "image action price";
        grid-template-columns: -webkit-min-content;
        grid-template-columns: min-content
    }
}

.cmp-wishlist-card__image {
    grid-area: image
}

    .cmp-wishlist-card__image picture {
        background-color: #f8f8f6;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .cmp-wishlist-card__image picture img {
            height: 134px;
            -o-object-fit: contain;
            object-fit: contain;
            width: 134px
        }

@media screen and (max-width:992px) {
    .cmp-wishlist-card__image picture img {
        height: 5pc;
        width: 5pc
    }
}

.cmp-wishlist-card__name {
    color: #1a5632;
    font-family: DM Sans,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    grid-area: name;
    margin-bottom: 0
}

.cmp-wishlist-card__price {
    color: #1c3325;
    font-family: DM Sans,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    grid-area: price;
    justify-self: flex-end;
    margin-left: auto
}

.cmp-wishlist-card__options {
    grid-area: options
}

.cmp-wishlist-card__delete {
    gap: 0 4px;
    grid-area: delete;
    justify-self: flex-start;
    margin-right: auto
}

    .cmp-wishlist-card__delete span {
        color: #1c3325;
        font-family: DM Sans,sans-serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 20px
    }

@media screen and (max-width:992px) {
    .cmp-wishlist-card__delete {
        -ms-flex-item-align: start;
        align-self: flex-start;
        justify-self: flex-end;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: unset
    }

        .cmp-wishlist-card__delete span:not(.cmp-icon) {
            display: none
        }
}

.cmp-wishlist-card__action {
    grid-area: action;
    justify-self: flex-end;
    margin-left: auto
}

@media screen and (max-width:992px) {
    .cmp-wishlist-card__action {
        justify-self: flex-start;
        margin-left: unset;
        margin-right: auto
    }
}

.cmp-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8px;
    position: relative
}

.cmp-field .cmp-field-control .cmp-radio:not(.simple) {
    background-color: #fff;
    border: 1px solid #e8e8de;
    border-radius: 9pt;
    height: 56px;
    padding: 9pt 20px;
    width: 100%
}

.cmp-radio-group.has-error .cmp-radio {
    border-color: #bd2136
}

.cmp-radio input {
    height: 1pc;
    opacity: 0;
    position: absolute;
    width: 1pc
}

    .cmp-radio input:checked + .radio-button {
        background-color: #1a5632
    }

        .cmp-radio input:checked + .radio-button:after {
            display: block
        }

    .cmp-radio input:focus + .radio-button {
        -webkit-box-shadow: 0 0 1px #1a5632;
        box-shadow: 0 0 1px #1a5632
    }

.cmp-radio .radio-button {
    background-color: #fff;
    border: 2px solid #1a5632;
    border-radius: 50%;
    cursor: pointer;
    height: 1pc;
    left: 0;
    position: relative;
    top: 0;
    width: 1pc
}

    .cmp-radio .radio-button:after {
        background-color: #fff;
        border-radius: 50%;
        content: "";
        display: none;
        height: 3px;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 3px
    }

.cmp-radio .cmp-radio-label {
    color: #414d45;
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.cmp-radio-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1pc;
    position: relative
}

@media screen and (max-width:992px) {
    .cmp-radio-group {
        gap: 24px 0
    }
}

.cmp-radio-group:has(.cmp-field) {
    gap: 0
}

    .cmp-radio-group:has(.cmp-field) .cmp-field {
        margin-bottom: 0
    }

@media screen and (max-width:992px) {
    .cmp-radio-group:has(.cmp-field) .cmp-field {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

        .cmp-radio-group:has(.cmp-field) .cmp-field:has(+.cmp-field) {
            margin-bottom: 24px
        }
}

.cmp-radio-group:has(.cmp-field) .cmp-radio-group__error {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.cmp-radio-group--full-width {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.cmp-subscription-dem {
    margin: 3pc 0
}

.page-messages__root .system-message {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1pc;
    justify-content: flex-start;
    margin: 30px auto;
    padding: 15px 20px;
    position: relative;
    width: calc(100% - 50px);
    z-index: 500
}

    .page-messages__root .system-message.success {
        background: rgba(26,86,50,.1);
        color: #1a5632
    }

    .page-messages__root .system-message.error {
        background: rgba(189,33,54,.1);
        color: #bd2136
    }

    .page-messages__root .system-message.warning {
        background: rgba(255,198,15,.1);
        color: #ffc60f
    }

.page-messages__root .close-message {
    cursor: pointer;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cmp-textarea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #fff;
    border: 1px solid #e8e8de;
    border-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 168px;
    justify-content: space-between;
    padding: 20px;
    width: 100%
}

    .cmp-textarea:has(.cmp-textarea__input--invalid) {
        border-color: #bd2136
    }

.cmp-textarea__input {
    -webkit-box-flex: 1;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-flex: 1;
    flex: 1;
    outline: none;
    overflow: auto;
    resize: none
}

.cmp-textarea__max-length {
    color: #414d45;
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: right
}

.cmp-toggle {
    display: inline-block;
    height: 2pc;
    outline: none;
    position: relative;
    width: 60px
}

    .cmp-toggle input {
        inset: 0;
        opacity: 0;
        position: absolute
    }

        .cmp-toggle input:checked + .switch {
            background-color: #1a5632
        }

            .cmp-toggle input:checked + .switch:before {
                -webkit-transform: translateX(28px);
                transform: translateX(28px)
            }

        .cmp-toggle input:focus + .switch {
            -webkit-box-shadow: 0 0 1px #1a5632;
            box-shadow: 0 0 1px #1a5632
        }

    .cmp-toggle .switch {
        background-color: rgba(28,51,37,.2);
        border-radius: 2pc;
        bottom: 0;
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

        .cmp-toggle .switch:before {
            background-color: #fff;
            border-radius: 50%;
            bottom: 4px;
            content: "";
            height: 24px;
            left: 4px;
            position: absolute;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 24px
        }

    .cmp-toggle + .cmp-toggle-label {
        font-family: DM Sans,sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-left: 8px
    }

.cmp-toggle-filters {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #e8e8de;
    border-radius: 2pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 36px;
    padding: 2px;
    width: auto
}

    .cmp-toggle-filters .cmp-toggle-filter {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 30px;
        color: #414d45;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: DM Sans,sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        padding: 6px 9pt
    }

    .cmp-toggle-filters .cmp-toggle-filter--selected {
        background-color: #414d45;
        color: #e8e8de
    }

a {
    color: #1a5632;
    font-weight: 500
}

.desk-benefit-bar {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 2pc;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 50
}

.chiudibutton {
    color: #1a5632
}

.cardmenudesktop {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
    position: absolute;
    right: 0;
    right: 10px;
    top: 25%;
    width: 50%
}

.navbar-link-i-nostri-empori {
    letter-spacing: 0;
    line-height: 20px;
    min-width: 6pc;
    white-space: nowrap
}

.navbar-link-servizio-clienti-0183-7080 {
    letter-spacing: 0;
    line-height: 20px;
    margin-left: 8px;
    text-align: right;
    white-space: nowrap
}

.benefitleft {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    justify-content: left
}

.benefitleft, barra-nav-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

barra-nav-top {
    z-index: 0
}

.settingNavLink {
    color: #1a5632;
    font-size: 20px;
    font-size: 1pc;
    font-style: normal;
    font-weight: 400;
    line-height: 1pc;
    margin-right: 2pc;
    text-decoration: none
}

    .settingNavLink:hover {
        color: green;
        text-decoration: underline;
        z-index: 999
    }

a {
    text-decoration: none
}

.container-center-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%
}

    .container-center-horizontal > * {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        pointer-events: auto
    }

.valign-text-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrapper-main {
    width: 100%;
    z-index: 10
}

.homepage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--pampas);
    border: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width:992px) {
    .homepage .spacer {
        height: 0
    }
}

.homepage.pdp {
    background-color: #f8f8f6;
    border: 1px;
    width: 100%
}

.home .swiperarrow .swiper-button-prev {
    padding-right: 75px
}

.hero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    left: 0;
    margin: 0 auto;
    padding: 24px;
    top: 0
}

.hero, .img100 {
    width: 100%
}

.closeVideo {
    height: 40px;
    position: absolute;
    right: 0;
    top: 7%;
    width: 40px
}

.trustpilot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 6.3px
}

    .trustpilot > div {
        width: 100%
    }

.eccezionale {
    margin-left: 8px;
    min-width: 74px
}

.eccezionale, .x47-su-5-sulla-base-di-1532-recensioni {
    letter-spacing: -.28px;
    line-height: 14px;
    margin-top: 3px;
    white-space: nowrap
}

.x47-su-5-sulla-base-di-1532-recensioni {
    margin-left: 11px;
    min-width: 228px
}

.videocontainerimage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-image: url(clientlib-site/clientlib-fratellicarli-site/images/rectangle.svg);
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    left: 0;
    min-height: 1094px;
    padding: 5pc 254px;
    position: relative;
    top: 0;
    width: 100%
}

.title-video {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: var(--chilean-heath);
    font-family: Gupter;
    font-size: 84px;
    font-weight: 400;
    letter-spacing: -.21pc;
    line-height: 90px;
    margin-top: 4px;
    text-align: center;
    width: 100%
}

.video {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 662px;
    margin-left: 1.68px;
    margin-top: 60px;
    min-width: 902px;
    padding: 276px 23pc;
    position: relative
}

.title-main {
    font-family: Gupter;
    font-size: 4pc;
    font-weight: 400;
    letter-spacing: -.16pc;
    line-height: 68px;
    text-align: center;
    width: 100%
}

.testoecta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SwiperVerticale .swiper-pointer-events.swiper-vertical {
    height: 525px
}

#app > div > div > div.contenitoreProdottoSingolo > div.contenitoreProd1 > div > div > div.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-vertical {
    display: none
}

.contenitoreProdottoSingolo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.testoFormato {
    color: #1c3325;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 0;
    text-align: left;
    text-transform: uppercase
}

.trust-pilot-stars {
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: 28px;
    mix-blend-mode: multiply;
    width: 134px
}

.containerPaginaProdotto {
    height: 25pc
}

.testo-after-prodotti {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    font-size: 2pc;
    justify-content: left;
    letter-spacing: -.02em;
    line-height: 36px;
    margin: 150px auto
}

.testo-after-prodotti, .visti-di-recente {
    color: #1a5632;
    font-family: Gupter;
    font-style: normal;
    font-weight: 400
}

.visti-di-recente {
    font-size: 3pc;
    letter-spacing: -.03em;
    line-height: 52px;
    margin-left: 24px;
    width: 100%
}

.ContenitoreGridProdotto {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #f2f2ee;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 50px
}

    .ContenitoreGridProdotto .swiper {
        margin-top: 0;
        width: 100%
    }

    .ContenitoreGridProdotto .swiper-slide {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
        justify-content: center;
        text-align: center
    }

        .ContenitoreGridProdotto .swiper-slide img {
            -o-object-fit: cover;
            object-fit: cover
        }

p.tagProdotto-promo, p.tagProdottonovita {
    background: #cfb687;
    border-radius: 30px;
    color: #1c3325;
    font-size: 9pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 9pt;
    padding: 4px 8px;
    text-transform: uppercase
}

p.tagProdotto-promo {
    margin-left: 25px;
    margin-top: 19px
}

@media screen and (min-width:992px) {
    .page-product p.tagProdotto-promo, .page-product p.tagProdottoEsaurito, .page-product p.tagProdottonovita, .page-product p.tagProdottopromo {
        font-size: 14px;
        line-height: 14px;
        padding: 8px 14px
    }

    .product-detail .swiper-wrapper > div:first-child img {
        display: block;
        margin: 0 auto;
        width: auto
    }
}

.tagProdottopromo {
    background: #fc6c0f;
    border-radius: 30px;
    color: #fff;
    font-size: 9pt;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 9pt;
    padding: 4px 8px;
    text-transform: uppercase
}

.imgpdt {
    width: 100%
}

.qtaStyle {
    background: #fbf9ee;
    border-radius: 24px;
    color: #414d45 !important;
    font-size: 9pt;
    font-style: normal;
    font-weight: 500;
    height: 30px;
    letter-spacing: .02em;
    line-height: 30px;
    margin: 15px auto 0;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase
}

.max-1-line, .max-2-line {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.max-1-line {
    -webkit-line-clamp: 1;
    line-clamp: 1
}

.max-2-line {
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.ContenitoreGridProdotto {
    padding: 0 24px;
    position: relative;
    width: 100%
}

.carouselmaincontainer, .carouselmaincontainer > img {
    width: 100%
}

.titlemain {
    font-size: 4pc;
    line-height: 68px;
    padding: 30px 24px 0
}

.emporicontainer {
    padding-top: 30px
}

.SkinOriginalPrice {
    -ms-flex-item-align: start;
    align-self: start;
    font-size: 9pt
}

.first-title-plp {
    color: #1a5632;
    font-family: Gupter;
    font-size: 4pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 68px;
    margin-top: 20px;
    text-align: center
}

.container-box-4 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 20px;
    justify-content: center;
    margin-top: 50px;
    width: 100% s
}

.container-box-4, .menu-drop-down-prodotto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.menu-drop-down-prodotto {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: var(--orange-white);
    border: 1px;
    overflow: hidden;
    width: 100%
}

.containerMenu1 {
    height: 810px;
    position: relative;
    width: 100%
}

.colonna1menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 3.8px;
    width: 33%
}

.olio {
    letter-spacing: -.18px;
    line-height: 26px;
    white-space: nowrap
}

.group-1516 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 325px;
    width: 343px
}

.olio-evo, .olio-evo-delicato, .visualizza-tutto {
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap
}

.olio-evo {
    margin-top: 18px
}

.group-1637 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px;
    min-height: 25px;
    width: 118px
}

.rectangle-255 {
    background-color: var(--everglade);
    height: 1px;
    width: 87pt
}

.olio-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-item-align: baseline;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    align-self: baseline;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 129px;
    min-height: 122px
}

.group-1495, .olio-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33%
}

.group-1495 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.imgContainer {
    background-size: 100% 100%;
    height: 277px;
    min-width: 369px;
    padding: 9pt;
    position: relative
}

.group-1639, .imgContainer {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.group-1639 {
    gap: 1pc;
    margin-right: -4px;
    min-width: 361px
}

.olio-e-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 4px;
    min-height: 5pc;
    width: 241px
}

.olio-evo-1 {
    letter-spacing: 0;
    line-height: 26px;
    white-space: nowrap
}

.detto-anche-olio-extra-vergine-di-oliva {
    letter-spacing: 0;
    line-height: 24px;
    width: 241px
}

.image-7 {
    height: 100%;
    width: 100%
}

.rectangle-256 {
    background-color: var(--everglade);
    border-radius: 2px 2px 0 0;
    height: 2px;
    left: 271px;
    position: absolute;
    top: 142px;
    width: 45px
}

.containerDrop {
    position: fixed;
    width: 100%;
    z-index: 3
}

.dmsans-medium-everglade-18px {
    -webkit-box-flex: 0;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    color: #1a5632;
    -ms-flex: none;
    flex: none;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    order: 0
}

.header.hover {
    background-color: #fff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.desk-label-prodotto {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--chilean-heath);
    border-radius: 9pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    padding: 0 10px
}

.articolo, .desk-label-prodotto {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.articolo {
    color: var(--everglade);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: .24px;
    line-height: 9pt;
    white-space: nowrap
}

.editoriali::-webkit-scrollbar {
    display: none;
    width: 0
}

.editoriali {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 55px;
    left: 24px;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative
}

.desk-card-editoriale {
    -webkit-box-orient: horizontal;
    -ms-flex-negative: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    background-color: #0000;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-shrink: 1;
    justify-content: flex-start;
    width: 100%
}

.desk-card-editoriale, .group-1514 {
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.group-1514 {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 74px;
    width: 282px
}

@media(max-width:992px) {
    .group-1514 {
        padding-top: 30px
    }
}

.group-15141 {
    margin-right: 74px
}

.group-15141, .group-264 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.group-264 {
    bottom: 0;
    gap: 24px;
    position: absolute;
    width: 226px
}

.entra-nel-nostro-mon {
    letter-spacing: 0;
    line-height: 24px;
    text-align: left;
    width: 14pc
}

.wwwoliocarli-1 {
    height: 550px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 413px
}

.cta-speciale-out-1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(10px) brightness();
    backdrop-filter: blur(10px) brightness();
    border: 1px solid;
    border-color: var(--everglade);
    border-radius: 75pt;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 9pt 20px
}

.cta-speciale-out-1, .scoprile-tutte-3 {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.scoprile-tutte-3 {
    letter-spacing: 0;
    line-height: 1pc;
    margin-top: -1px;
    white-space: nowrap
}

.group-131-3 {
    height: 8.49px;
    min-width: 10.49px
}

.overlap-group-3 {
    height: 8px;
    position: relative;
    width: 10px
}

.rectangle-7-2 {
    height: 14px;
    left: 3px;
    position: absolute;
    top: -3px;
    width: 13px
}

.rectangle-24-1 {
    background-color: var(--everglade);
    border: 1px solid;
    height: 1px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 10px
}

.ContainerEmpori .swiper {
    width: 100%
}

.ContainerEmpori {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

    .ContainerEmpori .swiper-slide {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
        justify-content: center;
        text-align: center
    }

        .ContainerEmpori .swiper-slide img {
            border-radius: 24px;
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

.ContainerEmpori {
    margin-bottom: 30px;
    padding: 0 24px;
    position: relative;
    width: 100%
}

    .ContainerEmpori .swiper-pagination-bullet {
        display: none
    }

.nome-empori {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    inset: 40.12% 2.53% 40.72% 2.11%;
    letter-spacing: -.02em;
    line-height: 2pc;
    position: absolute;
    text-align: center
}

.imagebackground {
    width: 100%
}

.TitleEmpori {
    color: #1a5632;
    font-family: Gupter;
    font-size: 3pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 52px;
    padding: 0 24px
}

.empori-card, .popup {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.popup {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    top: 0
}

.popup-inner .close-btn {
    position: absolute;
    right: 75pt;
    top: 150px;
    z-index: 3
}

.close-btn {
    background-color: #fffde5;
    border: 0;
    border-radius: 20px;
    color: #1a5632;
    cursor: pointer;
    font-family: sans-serif;
    height: 40px;
    width: 40px
}

.ctaplay {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 110px;
    left: 50%;
    padding: 46px 63px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 165px
}

.videocover {
    margin-top: 3pc;
    -webkit-mask-image: url(clientlib-site/resources/images/vector-2.svg);
    mask-image: url(clientlib-site/resources/images/vector-2.svg);
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 97% 97%;
    position: relative
}

.play {
    letter-spacing: 0;
    min-width: 38px;
    white-space: nowrap
}

.play, .playstile {
    line-height: 1pc;
    text-align: center
}

.playstile {
    color: #fffde5;
    cursor: pointer;
    font-family: DM Sans;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase
}

#app > div > div > div.videocontainerimage > div > div > div > div > div > video {
    border-radius: 30px
}

.contenuto1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Allineamento-testo {
    font-size: 1pc;
    font-weight: 400
}

.Allineamento-testo, .TitleCard {
    color: #1a5632;
    margin-left: 9pt;
    margin-top: 20px;
    text-align: left
}

.TitleCard {
    font-size: 24px;
    font-weight: 500
}

.img-card {
    position: relative;
    width: 100%
}

.spazio-testo {
    width: 90%
}

.img-card-mini {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-div-1 {
    margin: 0 auto;
    position: relative;
    width: 100%
}

.containerGusto .swiper-button-next:after, .containerGusto .swiper-button-prev:after, .swiper-button-next:after {
    font-family: unset;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.ContainerSliderProd .swiper-wrapper {
    height: unset
}

.ContainerSliderProd .swiper {
    width: 100%
}

.ContainerSliderProd {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 5pc;
    position: relative;
    width: 100%
}

    .ContainerSliderProd .swiper-pagination-bullet {
        display: none
    }

.wrapper-m-sell {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #f2f2ee;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: -50px;
    padding: 0 24px;
    position: relative;
    width: 100%;
    z-index: 2
}

.cuore {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin-top: 20px;
    position: absolute;
    width: 339px
}

#app > div > div > div.overlap-group5 > div.overlap-group3 > div > div.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.mySwiper.swiper-backface-hidden > div.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal, .img.cuoreImg {
    display: none
}

.cuoreImg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .cuoreImg > svg {
        height: 24px;
        width: 24px
    }

@media screen and (max-width:320px) {
    .cuoreImg > svg {
        height: 15px;
        width: 15px
    }

    .tagProdottoEsaurito, .tagProdottonovita, .tagProdottopromo {
        font-size: 10px;
        padding: 4px
    }
}

.colore-slideProd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #e8e8de;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    width: 100%;
    width: 47%
}

h3.nome-prod {
    color: #1a5632;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 24px;
    margin: 0 auto;
    max-width: 70%;
    text-align: center
}

.emporicontainer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.AddcartSkin, .emporicontainer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.AddcartSkin {
    background: #1a5632;
    border: 0;
    border-radius: 2pc;
    color: #fffde5;
    cursor: pointer;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    line-height: 1pc;
    margin: 1pc auto 0;
    max-width: 75%;
    padding: 9pt 20px
}

@media screen and (max-width:992px) {
    .AddcartSkin {
        color: #fffde5;
        display: block;
        font-size: 14px;
        line-height: 15px;
        max-width: 82%;
        padding: 6px 10px
    }
}

.AddcartSkin:disabled, .btn-acquista-pdp:disabled {
    cursor: default;
    opacity: .4
}

.SkinPrice {
    color: #1a5632;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px
}

.titlemain {
    color: #1a5632;
    font-family: Gupter;
    font-size: 3pc;
    letter-spacing: -.03em;
    line-height: 52px;
    margin-bottom: 30px
}

.SkinOriginalPrice, .titlemain {
    font-style: normal;
    font-weight: 400
}

.SkinOriginalPrice {
    color: #718473;
    font-family: DM Sans;
    font-size: 14px;
    line-height: 9pt;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-transform: uppercase
}

.containerPrice {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding: 9pt 0
}

.SkinSconto {
    color: #fc6c0f;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 11px;
    min-height: 10px;
    text-align: center
}

.SlideImgDimension {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -ms-flex-item-align: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: flex-end;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 618px;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (max-width:992px) {
    .SlideImgDimension {
        height: calc(100vh - 75pt)
    }
}

@media screen and (min-width:992px) {
    .SlideImgDimension .herotext {
        width: 40%
    }
}

@media screen and (max-width:992px) {
    .SlideImgDimension .herotext {
        bottom: 0;
        padding: 25px 25px 25px 0;
        top: unset;
        width: 100%
    }

        .SlideImgDimension .herotext .cta-special {
            bottom: unset;
            position: relative;
            right: unset
        }

            .SlideImgDimension .herotext .cta-special .scoprile-tutte {
                display: inline-block
            }

    .SlideImgDimension .imagebackground {
        height: 100%
    }

        .SlideImgDimension .imagebackground > img {
            display: inline-block;
            height: 100%;
            left: 50%;
            margin: 0 auto;
            min-width: 100%;
            position: relative;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            width: auto
        }
}

.SlideImgDimension .cta-special {
    background-color: #fff;
    color: #1a5632
}

    .SlideImgDimension .cta-special .dmsans-medium-chilean-heath-16px {
        color: #1a5632
    }

    .SlideImgDimension .cta-special .text-to-copy {
        padding-left: 5px
    }

.SlideImgDimension .imagebackground > img.hero-banner-desktop {
    display: block
}

@media screen and (max-width:992px) {
    .SlideImgDimension .imagebackground > img.hero-banner-desktop {
        display: none
    }
}

.SlideImgDimension .imagebackground > img.hero-banner-mobile {
    display: none
}

@media screen and (max-width:992px) {
    .SlideImgDimension .imagebackground > img.hero-banner-mobile {
        display: block
    }
}

.group-1547 {
    width: 87pc
}

.group-1490 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    height: 29px;
    margin-left: 9pt;
    min-width: 227px
}

.footerlogo, .group-1490 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.formato-sellup {
    background: #e9e9d3;
    border-radius: 24px;
    color: #414d45;
    font-size: 9pt;
    padding: 6px 8px;
    text-transform: uppercase
}

.herotext {
    left: 24px;
    position: absolute;
    top: 25%
}

.hero2-paragraph {
    color: #fffde5;
    font-family: Gupter;
    font-size: 4pc;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: 68px
}

p.hero2-paragraph {
    padding-bottom: 40px
}

p.title-slider {
    padding-bottom: 1pc
}

.title-slider {
    color: #fffde5;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.stileBTN {
    -webkit-box-flex: 0;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    background: #fffde5;
    border: 0;
    border-radius: 2pc;
    color: #1a5632;
    -ms-flex: none;
    flex: none;
    font-size: 1pc;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    left: 3pc;
    line-height: 1pc;
    margin-top: 15px;
    order: 0;
    top: 567px;
    width: 269px
}

.group-1544 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    height: 1pc;
    min-width: 111px
}

.price {
    color: var(--smoke);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-s);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 9pt;
    margin-top: 2px;
    min-width: 41px;
    width: 50%
}

.price, .price-1 {
    white-space: nowrap
}

.price-1 {
    letter-spacing: .16px;
    line-height: 1pc;
    min-width: 58px
}

.group-1547 {
    margin-top: 20px
}

.i-nostri-clienti-dicono {
    letter-spacing: -.28px;
    line-height: 14px;
    margin-top: 3px;
    min-width: 99pt;
    text-decoration: underline;
    white-space: nowrap
}

.herodesk.gupter-normal-everglade-64px {
    font-size: 4pc;
    line-height: 68px
}

.desk-widget-prodotto.herohead {
    bottom: 34px;
    position: absolute;
    right: 30px
}

.overlap-group4 {
    margin: 0 auto;
    position: relative;
    width: 100%
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        position: relative;
        -webkit-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(.33);
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: 50%;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        display: block;
        margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: top .2s,-webkit-transform .2s;
            transition: top .2s,-webkit-transform .2s;
            transition: transform .2s,top .2s;
            transition: transform .2s,top .2s,-webkit-transform .2s
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: left .2s,-webkit-transform .2s;
        transition: left .2s,-webkit-transform .2s;
        transition: transform .2s,left .2s;
        transition: transform .2s,left .2s,-webkit-transform .2s
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: #00000040;
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%
    }

.menured > a {
    color: B21E2F
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        height: 100%;
        left: 0;
        top: 0;
        width: 4px
    }

.swiper-pagination-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px;
    overflow-x: hidden
}

.swiper-button-next, .swiper-button-prev {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        cursor: auto;
        opacity: .35;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        cursor: auto;
        opacity: 0;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 21px;
    right: auto
}

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: "prev"
    }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    left: auto;
    right: 21px
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

.swiper-button-lock {
    display: none
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

    .swiper-pointer-events.swiper-vertical {
        -ms-touch-action: pan-x;
        touch-action: pan-x
    }

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform
    }

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 75pc;
    perspective: 75pc
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: #00000026
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,right top,left top,from(#00000080),to(#0000));
        background-image: linear-gradient(270deg,#00000080,#0000)
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,left top,right top,from(#00000080),to(#0000));
        background-image: linear-gradient(90deg,#00000080,#0000)
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left bottom,left top,from(#00000080),to(#0000));
        background-image: linear-gradient(0deg,#00000080,#0000)
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left top,left bottom,from(#00000080),to(#0000));
        background-image: linear-gradient(#00000080,#0000)
    }

.swiper-css-mode > .swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper:before {
    -ms-flex-negative: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    width: 100%
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.wrapper-main1 {
    background: #f2f2ee;
    border-radius: 0 0 24px 24px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 100%;
    z-index: 9
}

.customZIndex {
    z-index: 500
}

.group-1547 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    margin-right: .3px;
    min-height: 173px;
    width: 100%
}

.trust-pilot-icon {
    height: 28px;
    mix-blend-mode: multiply;
    width: 85px
}

.consegna-gratis, .pagamenti-sicuri, .reso-gratuito, .servizio-clienti {
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1px;
    white-space: nowrap;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.overlap-group5 {
    height: 5434px;
    margin-left: 5px;
    position: relative;
    width: 1445px
}

.mag {
    height: 759px;
    top: 3939px
}

.mag, .rectangle-64 {
    left: 0;
    position: absolute;
    width: 90pc
}

.rectangle-64 {
    background-color: var(--pampas);
    border-radius: 0 0 24px 24px;
    height: 2159px;
    top: 1059px
}

.subttitlevideo {
    color: var(--chilean-heath);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xxl);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
    white-space: nowrap
}

.overlap-group3 {
    top: 1014px;
    width: 1441px
}

.overlap-group3, .rectangle {
    height: 9in;
    left: 0;
    position: absolute
}

.rectangle {
    top: 0;
    width: 90pc
}

.group-168 {
    gap: 44px;
    left: 0;
    min-height: 39pc;
    position: absolute;
    top: 10pc;
    width: 1441px
}

.group-168, .wrapper-component-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.wrapper-component-title {
    gap: 1pc;
    padding-bottom: 50px;
    padding-top: 5pc;
    width: 100%
}

.subtitle-main {
    letter-spacing: 0;
    line-height: 28px;
    margin-right: 3px;
    text-align: center
}

.frame-358 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    overflow: hidden;
    position: relative;
    width: 1441px
}

.deskcardcategory-container {
    border-radius: 24px;
    height: 25pc;
    position: relative;
    width: 340px
}

.prodotto {
    height: 552px;
    left: 24px;
    position: absolute;
    top: 2588px;
    width: 87pc
}

.containerDrop > .container-center-horizontal {
    position: fixed;
    width: 100%
}

.group-1625 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #1c3325;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    height: 99pt;
    justify-content: center;
    padding-top: 20px;
    position: relative
}

.group-1625, .group-desk-mob-prefooter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.group-desk-mob-prefooter {
    background-color: var(--celtic)
}

.grouptesto1625 {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    text-align: center;
    width: 100%
}

.group-1559 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-item-align: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    justify-content: center
}

.certificazione {
    font-size: var(--font-size-xs)
}

.corporation {
    font-size: var(--font-size-s)
}

.il-futuro-di-tutti {
    min-width: 612px
}

.span1 {
    text-decoration: underline
}

.homepage.screen .footer.experiencefragment {
    width: 100%
}

.desk-footer {
    top: -19px;
    z-index: 8
}

.desk-footer, .desk-footer-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #1a5632;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%
}

.desk-footer-1 {
    margin-top: 30px
}

.overlap-group1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 24px 90pt;
    position: relative;
    width: 100%
}

.rectangle-133 {
    background-color: var(--everglade);
    height: 602px;
    left: 0;
    position: absolute;
    top: 24px;
    width: 100%
}

.frame-1640 {
    gap: 129px;
    left: 24px;
    position: absolute;
    top: 172px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.frame-163, .frame-1640 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.frame-163 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    width: 222px
}

.frame-16 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 30px
}

.contattifooter, .frame-16 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.contattifooter {
    margin-top: 50px
}

.aiuto, .fratelli-carli, .newsletter, .place-1, .servizio-clienti-1 {
    letter-spacing: -.18px;
    line-height: 26px;
    margin-top: -1px;
    white-space: nowrap;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.frame-1-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.chi-siamo-1, .la-nostra-privacy, .natale, .phone, .servizi {
    margin-top: -1px
}

.aperitivo-e-snack-salati, .certificazioni, .chi-siamo-1, .color, .condimenti-e-pasta, .condizioni-di-vendita, .contattaci, .cookie-policy, .cosmetici, .dolci, .domande-frequenti, .gestisci-i-cookie, .la-nostra-privacy, .lavora-con-noi, .natale, .olio, .pesce, .phone, .place, .policy-privacy-del-sito, .progresso-responsible, .servizi, .subtitlehero-1, .trova-un-emporio, .vieni-a-trovarci, .vino {
    letter-spacing: 0;
    line-height: 1pc;
    white-space: nowrap;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.frame-1638 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
    width: 222px
}

.categorie {
    letter-spacing: -.36px;
    line-height: 24px;
    margin-top: -1px;
    white-space: nowrap;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.frame-1644 {
    gap: 5pc;
    left: 1077px;
    position: absolute;
    top: 172px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.frame-1629, .frame-1644 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.frame-1629 {
    gap: 9pt
}

.frame-1629, .frame-1641 {
    padding: 0 40px 0 0;
    width: 339px
}

.frame-1641 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc;
    margin-right: -40px
}

.rimani-aggiornato-su {
    letter-spacing: 0;
    line-height: 20px;
    width: 299px
}

.frame-1556-2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #e9e9d34c;
    border: 0;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: -4px;
    margin-left: -4px;
    margin-right: -4px
}

.frame-1638-1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 0 1pc;
    position: relative;
    width: 100%
}

.frame-1638-1, .frame-1639 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.frame-1639 {
    gap: 8px
}

.frame-1639, .inserisci-la-tua-mail {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.inserisci-la-tua-mail {
    color: var(--white-rock);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-m);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1pc;
    margin-top: -1px;
    white-space: nowrap
}

.no-newsletter .frame-1634 {
    margin-top: 30px
}

.frame-1634 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin-top: 90pt;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.scopri {
    color: var(--chilean-heath);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xl);
    font-weight: 400
}

.mediterranea-cosmetics, .scopri {
    letter-spacing: -.18px;
    line-height: 26px;
    margin-top: -1px;
    white-space: nowrap;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.mediterranea-cosmetics {
    text-decoration: underline
}

.logo_bcorp-testo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 60px;
    overflow: hidden;
    width: 42px
}

.certificazione {
    color: var(--chilean-heath);
    font-family: var(--font-family-lato);
    font-size: 6.6px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    min-height: 8px;
    width: 42px
}

.group-container-1 {
    height: 36px;
    margin-left: 3.31px;
    margin-top: 2px;
    position: relative;
    width: 38px
}

.group {
    height: 34px;
    left: 0;
    top: 0;
    width: 36px
}

.group, .group-1 {
    position: absolute
}

.group-1 {
    height: 5px;
    left: 33px;
    top: 31px;
    width: 5px
}

.vector {
    height: 2px;
    margin-left: 0;
    margin-top: 1px;
    width: 41px
}

.corporation {
    color: var(--chilean-heath);
    font-family: var(--font-family-lato);
    font-size: 7.1px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    margin-left: .75px;
    margin-top: 1px;
    min-height: 9px;
    width: 40px
}

.sostenibili {
    height: 58px;
    width: 56px
}

.il-futuro-di-tutti {
    color: var(--chilean-heath);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-l);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 24px;
    min-width: 514px;
    white-space: nowrap
}

.group-1489 {
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 134px
}

.group-1487, .group-1489 {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.group-1487 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fff;
    -ms-flex-flow: row;
    flex-flow: row;
    height: 5pc;
    justify-content: space-between;
    padding: 24px
}

.metodipagamentostile > div > img.default-img, .metodipagamentostile > img.default-img {
    height: 24px;
    width: 203px
}

.group-1484 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 19px;
    justify-content: flex-end;
    min-width: 99px;
    padding: 0
}

.vector-1 {
    height: 24px;
    width: 13px
}

.group-1481 {
    height: 23px;
    margin-bottom: 0;
    width: 23px
}

.group-1482 {
    background-image: url(clientlib-site/css/clientlib-fratellicarli-site/images/exclude.ec632c28.svg);
    background-size: 100% 100%;
    height: 18px;
    margin-bottom: .04px;
    width: 26px
}

.overlap-group-2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f2f2f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 153px;
    height: 54px;
    justify-content: flex-end;
    padding: 0 21.5px;
    width: 100%
}

.copyright-2021-frate {
    color: var(--everglade);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-xs);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    width: 100%
}

.group-1596 {
    height: 1pc;
    min-width: 83px
}

    .group-1596, .group-1596 a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .group-1596 a {
            -ms-flex-pack: distribute;
            justify-content: space-around
        }

.download-1-1 {
    height: 14px;
    width: 1pc
}

.language {
    color: var(--everglade);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-m);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1pc;
    margin-left: 6px;
    min-width: 47px;
    white-space: nowrap
}

.rectangle-7-1 {
    height: 6px;
    margin-left: 3px;
    margin-top: 2.73px;
    width: 10px
}

.colore-footer {
    background-color: green
}

.colfooter {
    width: 25%
}

    .colfooter .scoprile-tutte-1 {
        padding-right: 25px;
        position: relative
    }

        .colfooter .scoprile-tutte-1:after {
            background-image: url(clientlib-site/resources/images/arrowr.svg);
            background-position: 50%;
            background-size: contain;
            content: "";
            display: inline-block;
            height: 10px;
            position: absolute;
            right: 0;
            top: 4px;
            width: 10px
        }

.footeritem {
    color: #fffde5;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1pc
}

.newsletter {
    margin-top: 30px
}

.metodipagamentostile {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: left
}

.videocontainer {
    height: 100%;
    left: 1.5%;
    position: absolute;
    width: 97%
}

.ytOverlay iframe {
    height: 73%;
    margin-top: 0;
    opacity: 1 !important;
    padding-left: 10%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90%
}

.pdp .ytOverlay iframe {
    height: 77%;
    opacity: 1 !important;
    width: 90%
}

.container-product-detail .img-prod-pdp {
    background-color: #e9e7dd
}

    .container-product-detail .img-prod-pdp:last-child {
        border-bottom-right-radius: 24px
    }

    .container-product-detail .img-prod-pdp img {
        -webkit-transform: scale(1.01);
        transform: scale(1.01)
    }

.container-product-detail .icons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    height: 44px;
    justify-content: flex-end
}

    .container-product-detail .icons .cuoreImg, .container-product-detail .icons .shareicon {
        left: auto;
        right: auto;
        top: auto
    }

.cta-special-1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--chilean-heath);
    border-radius: 2pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9pt;
    padding: 9pt 20px;
    position: relative
}

.cta-special-1, .scoprile-tutte-1 {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.scoprile-tutte-1 {
    letter-spacing: 0;
    line-height: 1pc;
    margin-top: -2px;
    white-space: nowrap
}

.herodiv .overlap-group {
    bottom: 8px;
    top: -7px
}

.herodiv .overlap-group, .overlap-group {
    height: 10px;
    position: relative;
    width: 11px
}

.overlap-group {
    top: -1px
}

.group-131-2 {
    background-color: var(--everglade)
}

.frame-1639 input {
    background: #5c8262;
    border: 0;
    color: #fff
}

    .frame-1639 input::-webkit-input-placeholder {
        color: #fff
    }

    .frame-1639 input::-moz-placeholder {
        color: #fff
    }

    .frame-1639 input:-ms-input-placeholder {
        color: #fff
    }

    .frame-1639 input::-ms-input-placeholder {
        color: #fff
    }

    .frame-1639 input::placeholder {
        color: #fff
    }

.slidertitleeditoral2 {
    background: #718473;
    border-radius: 24px;
    bottom: 10px;
    color: #fff;
    font-size: 9pt;
    left: 10px;
    padding: 0 10px;
    position: absolute
}

@media screen and (min-width:992px) {
    .slidertitleeditoral2 {
        font-size: 14px
    }
}

.group-98 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    margin-right: -2px;
    min-width: 110px;
    position: relative
}

.container-img, .image {
    width: 100%
}

.cardmenudesktop .container-img {
    max-width: 232px;
    padding: 20px
}

.cardmenudesktop p.testo-chisiamo {
    text-align: left
}

.testo-chisiamo {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 20px
}

.herov2 .herohead {
    display: none
}

.second-overlay-content {
    margin-top: 30px;
    position: relative;
    text-align: center;
    width: 100%
}

.testo-second-content {
    color: #fffde5;
    font-size: 1pc !important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.dim-loghi {
    margin-right: 30px;
    margin-top: 30px
}

.container-loghi {
    margin-top: 70px;
    text-align: left
}

.ContainerImgPrincipale {
    margin-bottom: auto;
    margin-top: auto;
    position: relative;
    width: 40%
}

a.second-content:hover {
    opacity: .6
}

div#app {
    background-color: #f2f2ee
}

:root {
    --black: #000;
    --celtic: #1c3325;
    --chilean-heath: #fffde5;
    --desert-storm: #f7f8f6;
    --everglade: #1a5632;
    --pampas: #f2f2ee;
    --roof-terracotta: #ac3522;
    --smoke: #718473;
    --white-rock: #e9e9d3;
    --font-size-l: 16px;
    --font-size-m: 14px;
    --font-size-s: 12px;
    --font-size-xl: 18px;
    --font-size-xs: 10px;
    --font-size-xxl: 20px;
    --font-size-xxxl: 48px;
    --font-family-dm_sans: "DM Sans",Helvetica;
    --font-family-gupter: "Gupter",Helvetica;
    --font-family-lato: "Lato",Helvetica
}

.dmsans-normal-chilean-heath-14px {
    color: var(--chilean-heath);
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400
}

.navbar-link-consegna-gratuita-su {
    height: 38px
}

    .navbar-link-consegna-gratuita-su .swiper {
        display: inline-block;
        height: 38px;
        margin: 0 auto;
        text-align: center
    }

@media screen and (max-width:993px) {
    .navbar-link-consegna-gratuita-su .swiper.desktop {
        display: none
    }
}

.navbar-link-consegna-gratuita-su .swiper.desktop .swiper-slide {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.navbar-link-consegna-gratuita-su .swiper.mobile {
    width: 100%
}

@media screen and (min-width:992px) {
    .navbar-link-consegna-gratuita-su .swiper.mobile {
        display: none
    }
}

.navbar-link-consegna-gratuita-su .swiper.mobile .swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.animate-contain {
    height: 38px;
    overflow: hidden;
    text-align: center
}

.animated-text {
    -webkit-animation: slide 3s ease-in-out infinite alternate;
    animation: slide 3s ease-in-out infinite alternate;
    color: #fff;
    display: inline-block;
    margin-top: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .animated-text span {
        display: block;
        padding: 10px 5px
    }

@-webkit-keyframes slide {
    0% {
        margin-top: 0
    }

    20% {
        margin-top: 0
    }

    40% {
        margin-top: -40px
    }

    60% {
        margin-top: -40px
    }

    80% {
        margin-top: -5pc
    }

    to {
        margin-top: -5pc
    }
}

@keyframes slide {
    0% {
        margin-top: 0
    }

    20% {
        margin-top: 0
    }

    40% {
        margin-top: -40px
    }

    60% {
        margin-top: -40px
    }

    80% {
        margin-top: -5pc
    }

    to {
        margin-top: -5pc
    }
}

.dmsans-medium-chilean-heath-18px {
    color: var(--chilean-heath);
    font-size: var(--font-size-xl)
}

.dmsans-medium-chilean-heath-18px, .dmsans-medium-everglade-20px {
    font-family: var(--font-family-dm_sans);
    font-style: normal;
    font-weight: 500
}

.dmsans-medium-everglade-20px {
    color: var(--everglade);
    font-size: var(--font-size-xxl)
}

.dmsans-medium-chilean-heath-14px {
    color: var(--chilean-heath);
    font-weight: 500
}

.dmsans-medium-chilean-heath-14px, .dmsans-normal-celtic-14px {
    font-family: var(--font-family-dm_sans);
    font-size: var(--font-size-m);
    font-style: normal
}

.dmsans-normal-celtic-14px {
    color: var(--celtic);
    font-weight: 400
}

.gupter-normal-everglade-48px {
    color: var(--everglade);
    font-family: Gupter;
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400
}

.desk-widget-prodotto {
    background: #fff
}

.prefootertitle {
    color: #fffde5;
    font-size: 1pc
}

.imgmenu {
    width: 100%
}

@media screen and (max-width:992px) {
    .colfooter {
        width: 100%
    }

    .tagProdottoEsaurito, .tagProdottopromo {
        margin-left: 0
    }

    .containerGusto {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin-bottom: 5pc;
        padding: 0;
        position: relative;
        width: 100%
    }

        .ContainerEmpori .swiper, .containerGusto .swiper {
            padding-left: 1pc;
            width: 100%
        }

    .ContainerEmpori {
        margin-bottom: 30px;
        padding: 0;
        position: relative;
        width: 100%
    }

    .plus-minus-toggle {
        display: block
    }

    .qtaStyle {
        background: #fbf9ee;
        border-radius: 24px;
        color: #414d45;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        height: 30px;
        letter-spacing: .02em;
        line-height: 30px;
        margin: 10px auto 0;
        padding: 0 10px;
        text-align: center;
        text-transform: uppercase;
        width: 50%;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .herodesk.gupter-normal-everglade-64px {
        font-size: 40px;
        line-height: 44px
    }

    .benefitleft {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .desk-benefit-bar {
        z-index: 150
    }

    #cd-primary-nav\ secondmenu > li:nth-child(2) {
        padding-top: 0
    }

    .opensubft {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .colfooter.firstelftr {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .colfooter.secondelftr {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .colfooter.thirdelftr {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .colfooter .frame-1-1 {
        display: none
    }

        .colfooter .frame-1-1.open {
            display: block
        }

    .desk-footer .overlap-group1 {
        height: 100%
    }

    .frame-163, .w100 {
        margin: 0;
        padding: 15px 0;
        width: 100%
    }

    .btb1 {
        border-bottom: 1px solid #fffde5
    }

    .frame-163 {
        gap: 0
    }

    .frame-1634 {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .nopadding {
        padding: 0
    }

    .noborder {
        border: 0
    }

    .overlap-group-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
        gap: 10px;
        height: 100%
    }

    p.copyright-2021-frate {
        text-align: center
    }

    .group-1625 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        height: 100%;
        padding-left: 1pc;
        padding-right: 1pc;
        text-align: center
    }

    .footerlogo, .group-1625 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .footerlogo > img {
            margin: 0 9pt
        }

    .frame-1-1 > div {
        font-family: var(--font-family-dm_sans);
        padding: 9pt 0
    }

    .overlap-group-2 {
        padding: 14px
    }

    .group-1487 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .group-1484 {
        padding-top: 20px
    }

    .group-1487 {
        height: auto
    }

    h1.titlemain.nopadding {
        margin-bottom: 0;
        padding: 0 14px
    }

    .frame-1556-2 {
        width: 100%
    }

    .frame-1638-1 {
        padding: 6px 1pc
    }

    .imgwrmob {
        border-radius: 25px;
        display: block;
        min-height: 426px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .desk-widget-prodotto.herohead {
        bottom: inherit;
        margin-top: 9pt;
        position: relative;
        right: inherit;
        top: inherit
    }

    .herov2 .flex-col {
        min-height: auto
    }

    .herov2 .flex-row {
        height: auto;
        margin-top: 0;
        min-width: auto;
        padding: 14px
    }

    .herov2 .desk-widget-prodotto.herohead {
        bottom: 9pt;
        max-width: 67%;
        position: absolute;
        right: 14px
    }

    .herov2 p.title-sellup {
        max-width: 80%
    }

    .SlideImgDimension {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }

    .title-video {
        font-family: Gupter;
        font-size: 38px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -.03em;
        line-height: 42px;
        text-align: center
    }

    .frame-1639 input {
        width: 100%
    }
}

@media screen and (min-width:992px) {
    .no-newsletter .desktopposition {
        top: 0
    }

    .desktopposition {
        position: absolute;
        right: 1%;
        top: 200px;
        z-index: 0
    }

        .desktopposition > div {
            margin-top: 0
        }

    .desk-card-editoriale {
        padding-right: 52px
    }
}

a {
    cursor: pointer
}

@media screen and (min-width:992px) {
    .SkinPrice {
        line-height: 1pc
    }

    .SkinPrice, h3.nome-prod {
        font-size: 19px
    }

    .containerPrice {
        padding: 1pc 0 8px
    }

    .SkinOriginalPrice {
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .SkinSconto {
        line-height: 14px;
        padding: 1px
    }

    .SkinSconto, .qtaStyle {
        font-size: 14px
    }
}

@media screen and (max-width:992px) {
    .cmp-experiencefragment--header--header .preheader {
        height: 2pc
    }

    .imgwrmob {
        min-height: auto
    }

    .group-1547 {
        min-height: 30px
    }

    .o2-o {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .o2-o .frame {
            margin: 0 auto
        }

        .o2-o .frame-1557 div, .o2-o .frame-1558 div {
            white-space: normal
        }

    ul#cd-primary-nav {
        background-color: #f8f8f6
    }

    body.open-menu .menu-container {
        background-color: #1a5632
    }
}

@media screen and (max-width:992px)and (max-width:992px) {
    body.open-menu .menu-container {
        opacity: 1
    }
}

@media screen and (max-width:992px) {
    body.open-menu .menu-container .menu-header-container#desktopMode {
        height: auto;
        min-height: auto;
        position: unset !important
    }

    body.open-menu .menu-container .menu-header-container .menu > li {
        font-size: 20px;
        position: unset
    }
}

@media screen and (max-width:992px)and (min-width:992px) {
    body.open-menu .menu-container .menu-header-container .menu .hide-item {
        display: none
    }
}

@media screen and (max-width:992px)and (max-width:992px) {
    body.open-menu .menu-container .menu-header-container .menu .hide-item__mobile {
        display: none
    }
}

@media screen and (max-width:992px) {
    body.open-menu .menu-container .sub-bar-mobile a {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    body.open-menu .menu-container .container-loghi {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 30px
    }

        body.open-menu .menu-container .container-loghi img {
            max-width: unset
        }

    body.open-menu header .desk-menu .menu-container .menu {
        position: unset
    }

        body.open-menu header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu {
            background-color: #f8f8f6
        }

            body.open-menu header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.opensubmenu {
                left: 0;
                margin: 0;
                max-width: 100%;
                padding-top: 110px !important;
                position: fixed;
                top: 0;
                width: 100vw
            }

            body.open-menu header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu {
                left: 0;
                min-width: 100%;
                padding: 0 0 25px !important;
                position: relative
            }

                body.open-menu header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu .sub-menu .back {
                    display: none
                }

            body.open-menu header .desk-menu .menu-container .menu > li.menu-item-has-children .sub-menu.open-sub {
                max-height: calc(100vh - 20px);
                overflow-x: scroll;
                padding-bottom: 20px !important
            }

    body.open-menu.openmenu {
        display: block;
        max-height: 100vh !important;
        overflow: hidden !important
    }

        body.open-menu.openmenu .menu-container .close {
            background-color: #fff;
            position: fixed
        }

            body.open-menu.openmenu .menu-container .close span {
                background-color: #1a5632
            }

        body.open-menu.openmenu .desk-menu .menu-container {
            max-height: 100vh !important
        }

    .container-product-detail .img-prod-pdp:last-child {
        border-bottom-right-radius: 0
    }

    .container-product-detail .img-prod-pdp img {
        height: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

        .container-product-detail .img-prod-pdp img:last-child {
            border-bottom-right-radius: 0
        }

    .container-product-detail .titleproduct {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .container-product-detail .testoFormato {
        margin-top: 20px
    }

    .page_Editoriale2 .overlap-group4 {
        margin-bottom: 20px;
        margin-top: 0
    }

        .page_Editoriale2 .overlap-group4 .imagecovermobile {
            margin-top: 10px
        }

    .page_Editoriale2 .imgwrmob {
        border-radius: 24px
    }

    p.tagProdotto-promo, p.tagProdottonovita {
        font-size: 9pt;
        line-height: 9pt;
        padding: 4px 8px
    }
}

.payment-methods__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.payment-methods__list--item {
    display: inline-block;
    height: 24px
}

    .payment-methods__list--item:not(:last-child) {
        margin-right: 4px
    }

#reveal-product_description_ table tr {
    border-top: 1px solid #00000012;
    height: 55px
}

#reveal-product_description_ table td {
    position: relative
}

#reveal-product_description_ table p {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#reveal-product_description_ table br {
    display: none
}

@media screen and (min-width:993px) {
    .hide-on-desktop:not(.wcmmode-edit) {
        display: none
    }

    .hide-on-desktop.wcmmode-edit {
        opacity: .6
    }
}

@media screen and (max-width:992px) {
    .hide-on-mobile:not(.wcmmode-edit) {
        display: none
    }

    .hide-on-mobile.wcmmode-edit {
        opacity: .6
    }
}

.hide {
    display: none
}

.disabled {
    opacity: .6;
    pointer-events: none
}

@media screen and (min-width:992px) {
    .container-profilo1 .plp ul {
        display: grid;
        grid-template-columns: 50% 50%
    }

        .container-profilo1 .plp ul li {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 9pt 4px 1pc;
            width: 100%
        }

    .container-profilo1 .plp .colore-slideProd {
        padding: 9pt
    }

    .container-profilo1 .plp .SkinSconto {
        font-size: 1em;
        margin: 0 auto;
        padding-bottom: 10px;
        width: 85%
    }

    .container-profilo1 .plp .nome-prod {
        font-size: 1.2em;
        max-width: 85%
    }

    .container-profilo1 .plp .qtaStyle {
        font-size: .7em
    }

    .container-profilo1 .plp .price-container span, .container-profilo1 .plp .priceWrapper span.discountedPrice {
        font-weight: 500
    }

    .container-profilo1 .plp button.add-to-cart {
        font-size: .8em;
        max-width: 100%;
        padding: 9pt
    }
}

.video-container {
    height: 100%;
    position: relative;
    width: 100%
}

    .video-container.embedded {
        height: 0;
        padding-bottom: 56.25%
    }

    .video-container video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .video-container iframe {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .video-container .video__vimeo, .video-container .video__youTube {
        height: 100%
    }

    .video-container .playButton {
        cursor: pointer;
        left: 50%;
        margin: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translatey(-50%) translatex(-50%);
        transform: translatey(-50%) translatex(-50%);
        z-index: 10
    }

        .video-container .playButton .triangle {
            border-bottom: 2pc solid transparent;
            border-left: 4pc solid #fff;
            border-top: 2pc solid transparent;
            display: block;
            height: 0;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 0
        }

.cmp-LoadingIndicator__indicator__root {
    align-content: center;
    align-items: center;
    display: grid;
    gap: 3rem;
    height: calc(100% - 6rem);
    justify-content: center;
    justify-items: center;
    margin: 3rem 0;
    width: 100%
}

.cmp-LoadingIndicator__indicator__global {
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.cmp-LoadingIndicator__indicator__message {
    color: rgb(var(--venia-text-alt));
    font-size: 1rem;
    letter-spacing: .25rem;
    text-transform: uppercase
}

.cmp-LoadingIndicator__indicator__indicator {
    animation-direction: alternate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: cmp-LoadingIndicator__indicator__pulse;
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}

@keyframes cmp-LoadingIndicator__indicator__pulse {
    0% {
        filter: grayscale(1);
        transform: scale(.75) rotate(-540deg)
    }

    to {
        filter: grayscale(0);
        transform: scale(1) rotate(0deg)
    }
}

.cmp-LoadingIndicator__indicator-module__root {
    height: calc(100% - 6rem)
}

.cmp-LoadingIndicator__indicator-module__message {
    letter-spacing: .25em
}

.cmp-LoadingIndicator__indicator-module__indicator {
    animation-direction: alternate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: cmp-LoadingIndicator__indicator-module__pulse;
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}

@keyframes cmp-LoadingIndicator__indicator-module__pulse {
    0% {
        filter: grayscale(1);
        transform: scale(.75) rotate(-540deg)
    }

    to {
        filter: grayscale(0);
        transform: scale(1) rotate(0deg)
    }
}

.cmp-Icon__icon-module__root {
    touch-action: manipulation
}

.cmp-Icon__icon-module__icon {
    fill: var(--fill,none);
    stroke: var(--stroke,rgb(var(--venia-global-color-text)))
}

.cmp-LoadingIndicator__spinner-module__root {
    --stroke: rgb(var(--venia-global-color-text-hint))
}