body {
    margin: 0px;
    padding: 0px;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}


.nav-link {
    padding: .2rem 0.1rem;
}

.mcfw-zi-10 {
    z-index: 10 !important;
}

:root {
    --color-bg: #FFFFFF;
    --color-gray: #F4F4F4;
    --color-white: #fff;
    --color-black: #000;
    --color-yellow: #F9F0D9;
    --color-text: #382F2D;
    --color-natuzzi: #FAF4E4;
    --color-italia: #FAF4E4;
    --color-editions: #E9EFDF;
    --color-theme: var(--color-natuzzi);
    --color-modal: #ECEBEB;
    --font-family-sohne-bold: "sohne",sans-serif;
    --font-family-sohne-bold-k: "sohne-kursiv",sans-serif;
    --font-family-sohne-leicht: "sohne-leicht",sans-serif;
    --font-family-sohne-leicht-k: "sohne-leicht-kursiv",sans-serif;
    --font-family-sohne: "sohne",sans-serif;
    --font-family-sohne-k: "sohne-kursiv",sans-serif;
    --font-size-xs: 13px;
    --font-size-sm: calc(13px + 0.208vw);
    --font-size-md: calc(18px + 0.521vw);
    --font-size-lg: calc(25px + 1.042vw);
    --font-size-xl: calc(25px + 1.406vw);
    --font-size-xxl: 200px;
    --font-size-xd-12: 0.65vw;
    --font-size-xd-14: 0.75vw;
    --font-size-xd-18: 0.95vw;
    --font-size-xd-19: 1vw;
    --font-size-xd-22: 1.125vw;
    --font-size-xd-30: 1.565vw;
    --font-size-xd-40: 1.9vw;
    --font-size-xd-60: 3.15vw;
    --font-size-xd-70: 3.65vw;
    --font-size-xd-100: 5.1vw;
    --font-size-xd-160: 8.3vw;
    --space-xs: 0px;
    --space-sm: 4;
    --space-md: 1.25vw;
    --space-lg: 1.667vw;
    --space-xl: 2.083vw;
    --space-xxl: 5vw;
    --space-xxxl: 7.5vw;
    --gutter-sm: 1.25vw;
    --gutter-md: 3vw;
    --gutter-lg: 6vw;
    --character-spacing-0: 0px;
    --character-spacing-2: 2px;
    --character-spacing-1-4: 1.4px;
    --z-index-pointer: 100;
    --z-index-label: 94;
    --z-index-loader: 99;
    --z-index-modal: 98;
    --z-index-header: 95;
}

@media (max-width: 1600px) {
    :root {
        --font-size-xd-12: calc(10px + 0.25vw);
        --font-size-xd-14: calc(10px + 0.25vw);
        --font-size-xd-18: calc(10px + 0.32vw);
        --font-size-xd-19: calc(10px + 0.4vw);
        --font-size-xd-22: calc(10px + 0.45vw);
        --font-size-xd-30: calc(12px + 0.65vw);
        --font-size-xd-40: calc(12px + 0.8vw);
        --font-size-xd-60: calc(14px + 1.15vw);
        --font-size-xd-70: calc(14px + 2.05vw);
        --font-size-xd-100: calc(14px + 2.4vw);
        --font-size-xd-160: calc(14px + 2.9vw);
    }
}

@media (max-width: 1240px) {
    :root {
        --font-size-xd-12: calc(13px + 0.14vw);
        --font-size-xd-14: calc(13px + 0.14vw);
        --font-size-xd-18: calc(13px + 0.208vw);
        --font-size-xd-19: calc(13px + 0.212vw);
        --font-size-xd-22: 17px;
        --font-size-xd-30: 23px;
        --font-size-xd-40: 30px;
        --font-size-xd-60: 35px;
        --font-size-xd-70: 40px;
        --font-size-xd-100: 50px;
        --font-size-xd-160: 60px;
    }
}

@media (max-width: 1024px) {
    :root {
        --font-size-xd-12: calc(13px + 0.14vw);
        --font-size-xd-14: calc(13px + 0.14vw);
        --font-size-xd-18: calc(13px + 0.208vw);
        --font-size-xd-19: calc(13px + 0.212vw);
        --font-size-xd-22: 17px;
        --font-size-xd-30: 23px;
        --font-size-xd-40: 30px;
        --font-size-xd-60: 35px;
        --font-size-xd-70: 40px;
        --font-size-xd-100: 50px;
        --font-size-xd-160: 60px;
    }
}


.mcfw-row.centered {
    align-items: center;
    justify-content: center;
}

.background {
    z-index: -1;
}

.mcfw-relative {
    position: relative;
}

.aqc-row,
.mcfw-row {
    display: flex;
    flex-flow: row;
}

.aqc-row-wrap {
    display: flex;
    flex-flow: row wrap;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {

    .mcfw-column-if-mobile {
        display: flex;
        flex-flow: column;
        width:100%;
    }

}

.mcfw-column {
    display: flex;
    flex-flow: column;
}
.mcfw-column.centered {
    align-items: center;
}

.md-5 {
    width: 40%;
}

.width-40p {
    width: 40%;
}

.width-50p {
    width: 50%;
}

.width-60p {
    width: 60%;
}

.mcfw-width-10p { width: 10% !important; }
.mcfw-width-20p { width: 20% !important; }
.mcfw-width-25p { width: 25% !important; }
.mcfw-width-30p { width: 30% !important; }
.mcfw-width-33p { width: 33.3% !important; }
.mcfw-width-40p { width: 40% !important; }
.mcfw-width-50p { width: 50% !important; }
.mcfw-width-60p { width: 60% !important; }
.mcfw-width-66p { width: 66.6% !important; }
.mcfw-width-75p { width: 75% !important; }
.mcfw-width-80p { width: 80% !important; }
.mcfw-width-100p { width:100% !important; }

@media (min-width: 576px) {

    .mcfw-width-1-per-6 {
        width: calc(100% / 6) !important;
        min-width: calc(100% / 6) !important;
        max-width: calc(100% / 6) !important;
    }

    .mcfw-width-1-per-7 {
        width: calc(100% / 7) !important;
        min-width: calc(100% / 7) !important;
        max-width: calc(100% / 7) !important;
    }

    .mcfw-width-1-per-8 {
        width: calc(100% / 8) !important;
        min-width: calc(100% / 8) !important;
        max-width: calc(100% / 8) !important;
    }

    .mcfw-width-1-per-9 {
        width: calc(100% / 9) !important;
        min-width: calc(100% / 9) !important;
        max-width: calc(100% / 9) !important;
    }

    .mcfw-width-1-per-10 {
        width: calc(100% / 10) !important;
        min-width: calc(100% / 10) !important;
        max-width: calc(100% / 10) !important;
    }

}

.mcfw-ml-8 { margin-left: 8px; }
.mcfw-ml-12 { margin-left: 12px; }
.mcfw-ml-16 { margin-left: 16px; }
.mcfw-ml-24 { margin-left: 24px; }
.mcfw-ml-32 { margin-left: 32px; }
.mcfw-ml-48 { margin-left: 48px; }

.mcfw-mt-8 { margin-top: 8px; }
.mcfw-mt-12 { margin-top: 12px; }
.mcfw-mt-16 { margin-top: 16px; }
.mcfw-mt-24 { margin-top: 24px; }
.mcfw-mt-32 { margin-top: 32px; }
.mcfw-mt-48 { margin-top: 48px; }

.mcfw-mb-8 { margin-bottom: 8px; }
.mcfw-mb-12 { margin-bottom: 12px; }
.mcfw-mb-16 { margin-bottom: 16px; }
.mcfw-mb-24 { margin-bottom: 24px; }
.mcfw-mb-32 { margin-bottom: 32px; }
.mcfw-mb-48 { margin-bottom: 48px; }

.mcfw-mr-8 { margin-right: 8px; }
.mcfw-mr-12 { margin-right: 12px; }
.mcfw-mr-16 { margin-right: 16px; }
.mcfw-mr-24 { margin-right: 24px; }
.mcfw-mr-32 { margin-right: 32px; }
.mcfw-mr-48 { margin-right: 48px; }


.aqc-section.wide {
    width:100%;
    max-width: 100%;
}

.wide-content {
    margin: auto;
    max-width: calc(1158px);
}

.block-button {
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: fit-content;
    height: 88px;
    border: 0px;
    padding-left:32px;
    padding-right:32px;

    /* Salmon */
    border-radius: 100px;
    max-width: 440px;
    transition: all 0.3s ease-in-out;
}

.block-button:hover {
    height: 100px;
    padding-left:48px;
    padding-right:48px;
    margin-left: -12px;
    margin-top: 0px !important;
}


.block-button.black {
    background: black;
}

.block-button.magenta {
    background: #DE3564;
}


.aqc-magenta {
    background: #DE3564;
}

.mcfw-width-auto {
    width: auto;
}

/* ----------------------------------- */
.ac-page-title {
    font-size: 1.6rem !important;
    line-height: 1.8rem;
    font-weight: 400 !important;
    letter-spacing: 0.05em;
    font-family: Montserrat;
}

.ac-page-title {
    padding-top:2rem;
    font-style: normal;
    color: #263C84;
    text-transform: uppercase;
}
@media (min-width: 1200px) {
    .ac-page-title {
        font-size: 2.5rem !important;
        line-height: 2.8rem;
    }
}

/* ----------------------------------- */
.ac-section-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-bottom: 0px !important;
}

@media (min-width: 1200px) {
    .ac-section-title {
        font-size: 1.6rem;
        line-height: 2.1rem;
    }
}
@media (min-width: 992px) {
    .ac-section-title {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }
}
/* ----------------------------------- */



/* ------------------------------------------------------------------------ */
@media (max-width: 1023px) {
    .desktop-only {
        display: none !important;
    }
}
/* ------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------ */
@media (min-width: 1024px) {
    .mobile-only {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .mobile-only-768 {
        display: none !important;
    }
}

.mcfw-grow-1 {
    flex-grow: 1;
}

.mcfw-grow-0 {
    flex-grow: 0;
}



.mcfw-top-img-container {
    min-height:120px;
}
.mcfw-top-img-container > div {
    min-height:120px;
}

.mcfw-top-img-container.h180 {
    min-height:180px;
}
.mcfw-top-img-container.h180 > div {
    min-height:180px;
}

.technicalinformation-listitem-li {
    list-style: none;
}

.mcfw-height-100p {
    height: 100%;
}

.aqc-popup-content {
    padding:32px;
}

/*
.mcfw-widget-root:after,
div[class^='mcfw-widget-']:after,
div[class*=' mcfw-widget-']:after {
    font-family: linearicons;
    content: '\e62d';
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0px;
    top:0px;
    color: orange;
    z-index: 1000;
    font-size: 30px;
}


.mcfw-widget-root:after,
div[class^='mcfw-widget-']:after,
div[class*=' mcfw-widget-']:after {
    font-family: linearicons;
    content: '\e62d';
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0px;
    top:0px;
    color: orange;
    z-index: 1000;
    font-size: 30px;
}
*/

.price-quote-submit {

}
.price-quote-submit.disabled {
    pointer-events: none;
    background-color: #efefef;
    color: #4f4f4f;
}

.aqc-pricequote-popup {
    height: fit-content;
    max-height: 120px;
    color: #2f2f2f;
    font-family: Raleway;
}

.aqc-pricequote-popup a {
    padding: 8px;
}
.aqc-pricequote-popup a:visited {
    color: #2f2f2f !important;
}
.aqc-pricequote-popup a:active {
    color: #2f2f2f !important;
}
.aqc-pricequote-popup a:hover {
    color: #2f2f2f !important;
    background: rgb(203, 203, 203);
    border-radius: 50px;
}


.mcfw-widget-reference-link {
    width: 100%;
}

.ui-menu-item-wrapper {
    font-weight: normal;
}

.ui-state-active.ui-menu-item-wrapper {
    font-weight: 600;
}