:root {
    /* Colors: */
    --blu: #2E383D;
    --bianco: #FFFFFF;
    --grigio: #D7D3C7;
    --arancione: #EB6118;
    --crema: #F6F5F2;

    /* Font/text values */
    --unnamed-font-family-gotham: Gotham;
    --unnamed-font-family-gotham-light: Gotham-Light;
    --unnamed-font-family-gotham-medium: Gotham-Medium;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-900: 900px;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-21: 21px;
    --unnamed-font-size-27: 27px;
    --unnamed-font-size-54: 54px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-character-spacing-1-35: 1.35px;
    --unnamed-line-spacing-66: 66px;
    --unnamed-line-spacing-26-799999237060547: 26.799999237060547px;
    --unnamed-line-spacing-37-400001525878906: 37.400001525878906px;
}

.link-sottopagina {
    color: transparent;
    text-decoration: none;
}

.link-sottopagina:hover {
    color: transparent;
    text-decoration: none;
}

.dropdown-toggle::after {
    color: #d9782d;
}

.custom-dropdown-toggle {

    border: none;
    font-size: 12px;
}

.dropdown-menu {
    min-width: 0px;
}

.dropdown-item {
    border:1px solid transparent;
}

.dropdown-item:hover{
    border: 1px solid white;
    background-color: transparent;
}

.dropdown-item:focus{
    border: 1px solid black;
    background-color: transparent;
}

.dropdown-item.active, .dropdown-item:active {
    color: black;
}

.custom-dropdown-toggle:focus{
    border: none;
    box-shadow: none !important;
}


.top-header { 
    background: var(--blu) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000057;
    opacity: 1;
}

.top-p {  
    font-size: 11px;    
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 8px;
    margin-top: 8px;
}

.container-main {
    width: 100%;
    display: flex;
    justify-content: center;
}

.div-genio-static {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 100px;
    z-index: 999;
}

.modal-menu {
    background-color: rgba(46,56,61,0.8);    
}

.modal-menu.modal-ricambi {
    background-color: rgba(46,56,61,1);    
}

.modal-menu-content {
    background-color: transparent;   
    border: none;
}

.close-button-modal-menu {
    color: white;
    opacity: 1;
}

/* HOME */

.div-bg-h-img {
    position: absolute;
    height: 100%;
    width: 100%;

    background-position-y: bottom;

/*    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);*/
    filter: FlipH;
    -ms-filter: "FlipH";
}

.div-bg-h-0 {
    background: transparent;
    height: 315px;
    overflow: hidden;
    position: relative;
    width: 100%;

}

.div-bg-h-1 {
    background: transparent;
    height: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
/*

.div-bg-h-1::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(16deg);
    width: 150%;
}

.div-bg-h-1::after {
    background: #d7d3c7;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: -242% 0%;
    transform: rotate(4.5deg);
    width: 150%;
}
*/

.div-bg-h-2 {
    background: white;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-3 {
    background: white;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-3::before {
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-3deg);
    width: 150%;
}

.div-bg-h-4 {
    background: white;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-5 {
    background: #f6f5f2;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-5::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(4deg);
    width: 150%;
}

.div-bg-h-6 {
    background: #2e383d;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-7 {
    background: transparent;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-7::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-4deg);
    width: 150%;
}

.div-bg-h-8 {
    background: transparent;
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-9 {
    background: transparent;
    height: 275px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-9::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(8deg);
    width: 150%;
}

.div-bg-h-10 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-10::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 100% 100%;
    transform: rotate(-8deg);
    width: 150%;
}

.div-bg-h-11 {
    background: #f6f5f2;
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-11::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 100% 0%;
    transform: rotate(8deg);
    width: 150%;
}

.div-bg-h-12 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-13 {
    background: #f6f5f2;
    height: 215px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-13::before {
    background: #d7d3c7;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 70% 100%;
    transform: rotate(-6deg);
    width: 150%;
}

.div-bg-h-14 {
    background: #d7d3c7;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: -1px;
}

.div-bg-h-15 {
    background: #d7d3c7;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-15::before {
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(7deg);
    width: 150%;
}

.div-bg-h-16 {
    background: white;
    height: 1px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-17 {
    background: white;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-17::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 70% 100%;
    transform: rotate(-4deg);
    width: 150%;
}

.div-bg-h-18 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-19 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-19::before {
    background: #d7d3c7;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 70% 100%;
    transform: rotate(-8deg);
    width: 150%;
}

.div-bg-h-20 {
    background: #d7d3c7;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-21 {
    background: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-21::before {
    background: #d7d3c7;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 100% 0%;
    transform: rotate(4deg);
    width: 150%;
}

.div-bg-h-22 {
    background: transparent;
    height: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-23 {
    background: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-23::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 100% 100%;
    transform: rotate(-4deg);
    width: 150%;
}

.div-bg-h-24 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;

}

.div-bg-h-25 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100px;
}

.div-bg-h-25::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(4deg);    
    width: 150%;
}

.div-bg-h-26 {
    background: #2e383d;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-h-26::before {
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(9deg);
    width: 150%;
}

/* AZIENDA */

.div-bg-azienda-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.div-bg-azienda-1 {
    background: transparent;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
/*
.div-bg-azienda-1::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-14deg);
    width: 150%;    
}
*/

.div-bg-azienda-2 {
    background: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-azienda-3 {
    background: transparent;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-azienda-3::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(2deg);
    width: 150%;
}

.div-bg-azienda-4 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-azienda-5 {
    background: transparent;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-azienda-5::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-5deg);
    width: 150%;
}

/* dettaglio prodotto */

.div-dinamico-dettaglio-prodotto::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 50%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(0deg);
    width: 150%;
    z-index: -1;
}

.div-bg-dettaglio-prodotto-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.div-bg-dettaglio-prodotto-1 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-1::before {
    background: transparent;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: -1000px 100%;
    transform: rotate(-23deg);
    width: 150%;    
}

.div-bg-dettaglio-prodotto-2 {
    background: #f6f5f2;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-3 {
    background: #f6f5f2;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-3::before {
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(4deg);
    width: 150%;
}

.div-bg-dettaglio-prodotto-4 {
    background: white;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-5 {
    background: transparent;
    height: 430px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-5::before {
    background: #ededed;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 100% 100%;
    transform: rotate(-5deg);
    width: 150%;
}

.div-bg-dettaglio-prodotto-6 {
    background: #ededed;
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-6::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 100% 100%;
    transform: rotate(-5deg);
    width: 150%;
}

.div-bg-dettaglio-prodotto-7 {
    background: #2e383d;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-8 {
    background: #2e383d;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-8::before {
    background: #d7d3c7;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(4deg);
    width: 150%;
}

.div-bg-dettaglio-prodotto-9 {
    background: #d7d3c7;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-10 {
    background: #f6f5f2;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-10::before {
    background: #d7d3c7;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-4deg);
    width: 150%;
}

.div-bg-dettaglio-prodotto-11 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-12 {
    background: #f6f5f2;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-prodotto-12::before {
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(4deg);
    width: 150%;
}


/* news */

.div-bg-news-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.div-bg-news-1 {
    background: transparent;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-news-1::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-14deg);
    width: 150%;    
}

.div-bg-news-2 {
    background: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-news-3 {
    background: transparent;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-news-3::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(2deg);
    width: 150%;
}

.div-bg-news-4 {
    background: #2e383d;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-news-5 {
    background: transparent;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-news-5::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-5deg);
    width: 150%;
}

/* dettaglio-news */

.div-bg-dettaglio-news-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.div-bg-dettaglio-news-1 {
    background: transparent;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-news-1::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-14deg);
    width: 150%;    
}

.div-bg-dettaglio-news-2 {
    background: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-news-3 {
    background: transparent;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-news-3::before {
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(2deg);
    width: 150%;
}

.div-bg-dettaglio-news-4 {
    background: white;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-news-5 {
    background: transparent;
    height: 1px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-news-5::before {
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-5deg);
    width: 150%;
}

.div-bg-dettaglio-news-6 {
    background: transparent;
    height: auto;
    overflow: hidden;       
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-news-6::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 100% 100%;
    transform: rotate(-6deg);
    width: 150%;
}

.div-bg-dettaglio-news-7 {
    background: #2e383d;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-news-8 {
    background: #2e383d;
    height: 180px;
    overflow: hidden;       
    position: relative;
    width: 100%;
}

.div-bg-dettaglio-news-8::before {
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(4deg);
    width: 150%;
}

/* testimonianze */

.div-bg-testimonianze-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.div-bg-testimonianze-1 {
    background: transparent;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-testimonianze-1::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-14deg);
    width: 150%;    
}

.div-bg-testimonianze-2 {
    background: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-testimonianze-3 {
    background: transparent;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-testimonianze-3::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(2deg);
    width: 150%;
}

.div-bg-testimonianze-4 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-testimonianze-5 {
    background: transparent;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-testimonianze-5::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-5deg);
    width: 150%;
}


/* supporto */

.div-bg-supporto-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.div-bg-supporto-1 {
    background: transparent;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-supporto-1::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-14deg);
    width: 150%;
}

.div-bg-supporto-2 {
    background: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-supporto-3 {
    background: transparent;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-supporto-3::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(2deg);
    width: 150%;
}

.div-bg-supporto-4 {
    background: #f6f5f2;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-supporto-5 {
    background: transparent;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-supporto-5::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-5deg);
    width: 150%;
}

/* PRODOTTI */

.div-bg-prodotti-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.div-bg-prodotti-1 {
    background: transparent;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-prodotti-1::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-14deg);
    width: 150%;    
}

.div-bg-prodotti-1::after {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: -416px 0%;
    transform: rotate(20deg);
    width: 150%;    
}

.div-bg-prodotti-2 {
    background: transparent;
    height: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-prodotti-3 {
    background: transparent;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 112;
}

.div-bg-prodotti-3::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 102%;
    position: absolute;
    transform-origin: 600px 0%;
    transform: rotate(20deg);
    width: 150%;
}

.div-bg-prodotti-3::after {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 130%;
    position: absolute;
    transform-origin: 45% 0%;
    transform: rotate(90deg);
    width: 1110px;
    z-index: -1;

}

.div-bg-prodotti-4 {
    background: #f6f5f2;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-prodotti-5 {
    background: white;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-prodotti-5::before {
    background:  #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: -70% 100%;;
    transform: rotate(-5deg);
    width: 150%;
}

.div-bg-prodotti-6 {
    background: transparent;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-prodotti-7 {
    padding-top: 50px;
    background: #ededed;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-prodotti-7::before {
    background:  white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: -35% 100%;
    transform: rotate(-6deg);
    width: 150%;
}

.div-bg-prodotti-8 {
    background: white;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-prodotti-8::before {
    background:  #ededed;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 76% 0%;
    transform: rotate(2deg);
    width: 150%;
}

.div-bg-prodotti-9 {
    padding-top: 80px;
    background: white;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dinamico-2-prodotti {
    height: 300px !important;
    margin-top: 100px !important;    
}

.div-bg-dinamico-2-prodotti::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 200%;
    position: absolute;
    transform-origin: -222px 0%;
    transform: rotate(20deg);
    width: 150%;
    z-index: 112;
}

.new-z-index-div-dinamico-prodotti {
    z-index: 114 !important;
}

/* contatti */

.div-bg-contatti-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.div-bg-contatti-1 {
    background: transparent;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-contatti-1::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-14deg);
    width: 150%;
}

.div-bg-contatti-2 {
    background: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-contatti-3 {
    background: transparent;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-contatti-3::before {
    background: #f6f5f2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(2deg);
    width: 150%;
}

.div-bg-contatti-4 {
    background: white;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-contatti-5 {
    background: #f6f5f2;
    height: 330px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-contatti-5::before {
    background: #d7d3c7;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(9deg);
    width: 150%;
}

.div-bg-contatti-6 {
    background: #d7d3c7;
    height: auto;    
    position: relative;
    width: 100%;
}

.div-bg-contatti-7 {
    background: #f6f5f2;
    height: 330px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-contatti-7::before {
    background: #d7d3c7;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-9deg);
    width: 150%;
}

.div-bg-contatti-8 {
    background: #f6f5f2;
    height: auto;    
    position: relative;
    width: 100%;
}

.div-bg-contatti-9 {
    background: #f6f5f2;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-contatti-9::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 0%;
    transform: rotate(3deg);
    width: 150%;
}

.div-bg-contatti-10 {
    background: #2e383d;
    height: auto;    
    position: relative;
    width: 100%;
}

.div-bg-contatti-11 {
    background: transparent;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-contatti-11::before {
    background: #2e383d;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform-origin: 0% 100%;
    transform: rotate(-3deg);
    width: 150%;
}


/* FINE PAG */

.div-bg-footer {
    background: white;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.banner-white {
    background-color: white;
}

.col-banner {
    padding: 30px;  
}

.img-box-banner-supporto img {
    padding: 35px;
    padding-bottom: 10px;
}

.img-box-banner-supporto {
    width: 200px;
    height: 180px;
}

.col-banner h4 {
    font-size: 35px;
}

.justify-content-left {
    display: flex;
    justify-content: left;
}

.justify-content-right {
    display: flex;
    justify-content: right;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.img-box-head {
    position: absolute;
    z-index: 1;
}

.tit-box-head {
    position: absolute;
    z-index: 1;
    /*top: 122px;*/
    top: 61px;
    left: 15px;
}

.img-box-head-index {
    position: absolute;
    z-index: 1;
    top: 146px
}

.tit-box-head-index {
    position: absolute;
    z-index: 1;
    top: 295px;
    left: 15px;
}

.titolo { 
    font-weight: bold;
    letter-spacing: 1.5px;
    font-size: 3rem;
}

.titoletto { 
    letter-spacing: 2px;
}

.p11 {
    letter-spacing: 1px;
    font-size: 1.1rem;
}

.p09 {
    font-size: 0.9rem;
}

.bold {
    font-weight: bold;    
}

.bold-400 {
    font-weight: 400;    
}

.white {
    color: #f6f5f2 !important;
}

.grigio {
    color: var(--grigio);
}
.bg-grigio {
    background-color: var(--grigio);
}
.fill-grigio {
    fill: var(--grigio);
}

.crema {
    color: var(--crema);
}
.bg-crema {
    background-color: var(--crema);
}
.fill-crema {
    fill: var(--crema);
}

.blu {
    color: var(--blu);
}
.bg-blu {
    background-color: var(--blu);
}
.fill-blu {
    fill: var(--blu);
}

.black {
    color: black;
}

.orange {
    color: var(--arancione);
}
.bg-orange {
    background-color: var(--arancione);
}
.fill-orange {
    fill: var(--arancione);
}

.color-youtube {
    color: #ff0000;
}

.top-carousel {
    position: absolute;
    top: 342px;
    z-index: 1;
    width: 100%
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 5px;
    border-radius: 100%;
}

.carousel-indicators { 
    bottom: -40px;
}

.btn-orange {
    background-color: var(--blu);
    color: white;
    padding: 0.5rem 3rem;
    font-size: 14px;
}

.btn-orange-2 {
    background-color: var(--blu);
    color: white !important;
    padding: 0.5rem 3rem;
    font-size: 14px;
}

.btn-transparent {
    background-color: transparent;
    color: #ea621b;
    padding: 0.5rem 3.6rem;
    font-size: 14px;
    border: 1px solid #ea621b;
}

.btn-blu {
    background-color: #2e383d;
    color: white;
    padding: 0.5rem 1.6rem;
    font-size: 1rem;
}

.full-width {
    width: 100%;
}

.img-box-weworkwithmaggi {
    height: 100%;
}

.img-box-weworkwithmaggi img {
    height: 100%;
    object-fit: cover;
    max-width: 100%;
}

.inner-form {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;  
    border: 2px solid #ea621b;
    border-radius: 5px; 
    overflow: hidden; 
    margin-bottom: 10px;
    background-color: white;
}

.inner-form .input-field.first-wrap {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: white;
}

.inner-form .input-field.first-wrap .svg-wrapper {
    min-width: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.inner-form .input-field input {
    height: 100%;
    background: 0 0;
    border: 0;
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #000;
}

.inner-form .input-field.first-wrap svg {
    width: 36px;
    height: 36px;
    fill: #ea621b;
}

.inner-form .input-field.second-wrap {
    min-width: 0px;
}

.inner-form .input-field.second-wrap .btn-search {
    line-height: 2;
    letter-spacing: 0.42px;
    min-height: 45px;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    font-size: 18px;
    color: #fff;
    border: 0;
    cursor: pointer;
    position: relative;
    z-index: 0;
    background: var(--blu);
    transition: all .2s ease-out,color .2s ease-out;
    font-weight: 800;
    padding: 0.4rem 1.6rem;
    border-radius: 5px;
}

.btn {
    line-height: 2;
    letter-spacing: 1.6px;
    font-weight: 500;
}

hr {
    margin-bottom: 80px;
    margin-top: 80px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.div-testo-prodotto-home {
    /*min-height: 200px;*/
}

.div-testo-ricambi-home {
    min-height: 150px;
}

.div-testo-mappa-home {
    min-height: 10px;
}

.icon-filosofia-home {
    margin: 35px;
    margin-bottom: 62px;
}

.icon-box-supporto {
    width: 80px;
    margin-bottom: 25px;
}

.btn-transparent:hover {
    background-color: #ea621b;
    color: white;
    padding: 0.5rem 3.6rem;
    border: 1px solid #ea621b;
}

.btn-orange:hover {
    background-color: transparent;
    color: #ea621b;
    padding: 0.5rem 3.0rem;    
    border: 1px solid #ea621b;
}

.btn-orange-2:hover {
    background-color: transparent;
    color: #2e383d !important;
    padding: 0.5rem 3.0rem;    
    border: 1px solid #ea621b;
}

.btn-blu:hover {
    background-color: white;
    color: #2e383d;
    padding: 0.5rem 1.6rem;
    font-size: 1rem;
    border: 1px solid #2e383d;
}

.btn-blu-hover {
    background-color: white;
    color: #2e383d;
    padding: 0.5rem 1.6rem;
    font-size: 1rem;
    border: 1px solid #2e383d;
}



.btn-search:hover {
    color: #ea621b;
    background-color: white;
    border: 1px solid #ea621b;
}

.g-0 .col-md-4 {
    padding: 0;
}

.lighter {
    font-weight: lighter;
}

.spacing-1 {
    letter-spacing: 1px;
}

.spacing-3 {
    letter-spacing: 3px;
}

.footer-a {
    color: #596165;
    font-size: 20px;
}

.footer-a:hover {
    color: #ea621b;
    font-size: 20px;
}

.footer {
    padding: 15px;
    border: 1px solid #ced5d9;
}

.flag-row img {
    width: 60px;
    margin: 10px 15px;
    height: 45px;
    object-fit: cover;
}

.modal-elenco-links {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margins */
}

.modal-elenco-links li { 
    padding-bottom: 3px;
    padding-top: 3px; 
}

.modal-elenco-links li a { 
    font-size: 21px; 
    letter-spacing: 2px; 
    color: white; 
    text-transform: lowercase;
}

.svg-lente-bianca {
    fill: white;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.img-box-geniosupporto {
    padding-left: 100px;
    padding-bottom: 30px;
}

.img-box-footer {
    margin-bottom: 40px;
}

.icon-box-footer {
    height: 150px;
}

.icon-box-footer img {
    height: 100px;
    object-fit: contain;
}

.breadcrumb-custom {
    background-color: transparent;
    padding-left: 0px;
}

.breadcrumb-item a {
    color: black;
}

.img-box-azienda {
    width: 100%;
    height: 350px;
}

.img-box-azienda img {
    height: 100%;
    object-fit: cover;
    filter: opacity(50%);
}

.img-tit-azienda {
    width: 100%;
    background-color: #1a2226;
    color: white;
    min-height: 100px;
}

.img-tit-azienda h5 {
    padding: 1px;
}

.img-box-supporto {
    width: 100%;
    height: 350px;
}

.img-box-supporto img {
    height: 100%;
    object-fit: cover;
    filter: opacity(50%);
}

.img-tit-supporto {
    width: 100%;
    background-color: #1a2226;
    color: white;
    min-height: 100px;
}

.img-tit-supporto h5 {
    padding: 1px;
}

.no-padding-cols .col-md-4 {
    padding: 1px;
}

.img-box-staff {
    background-color: #cccccc;
    border-radius: 15px;
    width: 100%;
    height: 0;
    padding-top: 100%; 
}

.col-padding-adjust-contatti .col-md-2 {
    padding: 0px;
}

.testo-staff {
    min-height: 200px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.testo-staff h5{
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.testo-staff h6{
    font-size: 20px;
    letter-spacing: 1px;
}

.testo-staff p{
    font-size: 12px;
    margin-bottom: 1px;
}

.input-form {
    width: 100%;
    padding: 15px;
    border: none;
}

.img-box-contatti-icone {
    width: 80px;
    height: 120px;
    padding: 12px;
}

.btn-box-contatti-icone a {
    width: 100%;
}

.img-testimonianze {
    height: 300px;
    object-fit: cover;
}

.table-scheda-tecnica th {
    padding: 25px;
    color: #85868a;
}

.prod-icon {
    max-width: 130px;
    margin-bottom: 30px;
}

.dropdown-menu-static {
    position: static !important;
    transform: none !important;
}

/* animations */

.zoom {
    transition: transform .2s; /* Animation */
}

.zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    box-shadow: 3px 3px #00000057;
    z-index: 5;
    position: relative;
}

.zoom-azienda:hover {
    box-shadow: none;
}

.zoom-azienda:hover .img-tit-azienda{
    background-color: #ea621b;
}

.zoom-azienda:hover .img-box-azienda img{
    filter: none;
}

.zoom-supporto:hover {
    box-shadow: none;    
}

.zoom-supporto:hover .img-tit-supporto{
    background-color: #ea621b;
}

.zoom-supporto:hover .img-box-supporto img{
    filter: none;
}

.zoom-prodotto:hover {
    box-shadow: none;    
}

.zoom-prodotto:hover .img-tit-prodotto .orange{
    font-weight: 900;
}

.zoom-azienda:hover .img-box-prodotto img{
    transform: none;
    filter: none;
}

.bold-effect-prodotto {
    transition: transform .3s; 
}

.bold-effect-prodotto:hover {
/*    text-decoration: underline;
    text-decoration-color: #ea621b;*/
}

.dropdown .dropdown-menu {
    height: 0px;
    overflow: hidden;
    display: block;
    opacity:0;
    -webkit-transition: height 1s ease;
    -moz-transition: height 1s ease;
    -ms-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

.dropdown.show .dropdown-menu {
    height:138px;
    opacity: 1;
}

.dropdown-azienda.show .dropdown-menu {
    height:296px;
    opacity: 1;
}

.dropdown-supporto.show .dropdown-menu {
    height:250px;
    /*transition: ease .5s;*/
    opacity: 1;
}

.dropdown-prodotti.show .dropdown-menu {
    height: 260px;
    opacity: 1;
}

.dropdown-contatti.show .dropdown-menu {
    height:120px;
    opacity: 1;
}

/* ANIMATION HEADER */

.div-bg-dinamico-1 {
    background: transparent;
    /*height: 500px;*/
    height: 270px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dinamico-2 {
    background: transparent;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.animated-logo-down {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}
.animated-logo-up {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}

.animated-btn {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}            

.logo-effect-up {
    max-width: 50px !important;
    margin-top: -43px;
}

.logo-effect-down {    
    margin-top: -33px;
}

.btn-effect {
    margin-top: -43px;
}

.div-compensate {
    margin-top: 500px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}

.fix-height {
    height: 200px;

} 

.div-dinamico {                
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
    position: fixed;
}

.new-style {                
    /* background: #2e383d; */
    height: 100px;

}         

.animated-polygon {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}

.tit-box-head {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}

.new-pos-tit  {
    top: -4px;
    left: 75px;
}

/* ANIMATION HEADER index */

.div-bg-dinamico-1-index {
    background: transparent;
    height: 570px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.div-bg-dinamico-2-index {
    background: #2e383d;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.animated-carousel {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}

.animated-logo-down-index {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}
.animated-logo-up-index {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}

.animated-btn-index {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}            

.logo-effect-up-index {
    max-width: 50px !important;
    margin-top: -43px;
}

.logo-effect-down-index {    
    margin-top: -41px;
    max-width: 120px !important;
}

.animated-carousel-new {
    height: 0px;
    overflow: hidden;
}

.btn-effect-index {
    margin-top: 70px;
    margin-right: 60px;
}

.div-compensate-index {
    margin-top: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}

.fix-height-index {
    height: 200px;

} 

.div-bg-h-0-new {
    height: 355px;
}

.div-bg-h-1-new {
    /*
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;  
    
    */
    height: 525px;        
}

.div-bg-h-1 {

}

.div-bg-h-0 {
    /*
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
    */
}

.div-dinamico-index {                
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
    position: sticky;
}

.new-style-index {                
    /* background: #2e383d; */
    height: 570px;
    margin-top: -470px;    
}   

.new-pos-index {
    position: fixed;
}

.animated-polygon-index {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}

.img-box-head-index {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}

.tit-box-head-index {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all  0.5s ease-in-out;
    -o-transition: all  0.5s ease-in-out;
    transition: all  0.5s ease-in-out;
}

.new-pos-tit-index  {
    top: 540px;
    left: 80px;
}

.img-box-head-index-new {    
    top: 546px;
}

.dropdown-menu .inner .show {
    overflow-y: scroll;
}

.not_too_long_text {
    max-height: inherit;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* magheggi */

.invisible-btn {

}




@media screen and (max-width: 600px) {
    .div-bg-h-1::after {
        background: #d7d3c7;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transform-origin: -900% 0%;
        transform: rotate(7deg);
        width: 150%;
    }

    .titolo {
        font-weight: bold;
        letter-spacing: 1.5px;
        font-size: 2rem;
    }
    
}
.no_desk {
    display:none!important;
}
.no_mob {
    display:inline!important;
}
.ufficiale-maggi {
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    
    
    .adj_margin
    {
        right: 0 !important;
    }
    .no_desk {
        display:inline!important;
    }
    .no_mob {
        display:none!important;
    }
    .div-dinamico-dettaglio-prodotto::before {
        height:40%;
    }
    .top-p {
        /*font-size: 6px;*/
    }
    .ufficiale-maggi {
        display: none;
    }
}

@media screen and (max-width: 1160px) {
    
    .icon-filosofia-home {
        margin: 0;
    margin-top: 35px;
    margin-bottom: 62px;
}
}

.maggi-contatti-header, .maggi-contatti-header-index {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}
.new-style .maggi-contatti-header, .new-pos-tit-index .maggi-contatti-header {
    visibility: visible;
    opacity: 1;
}

/* OTTIMIZZAZIONI 2023 - Inizio */
    .carousel-inner h3{
     font-size: 2.5rem;
    }
    .btn-effect-index {
        margin-right: 0;
    }
    .svg-lente-bianca {
        width: 26px;
        height: 26px;
    }
    .btn-ricambi-mobile{

    }
    .pers-img2 {
        max-width: 100%;
    }
    .support-col {
        padding-top: 150px;
        padding-left: 100px;
    }
    .video-col {
        padding: 0 150px 100px 150px;
    }
    .storia-col {
        padding-left: 120px;
        padding-right: 120px;
        margin-top: 40px;
    }
    .newsletter-col {
        padding-right: 120px;
    }
    .nl-custom {
        width: 80%;
    }
    .div-bg-h-8 {
        height: 250px;
    }
    .div-bg-h-9::before {
        background: #2e383d;
    }
    .div-bg-h-10 {
        background: #2e383d;
    }
    .div-bg-h-25::before {
        background: #f6f5f2;
    }
    .div-bg-h-26 {
        background: #f6f5f2;
    }
    .no-desktop {
        display: none!important;
    }
    @media screen and (max-width: 1299px) {
        .carousel-item {
            width: 80%;
        }
        .carousel-inner h3{
            font-size: 1.5rem;
            margin-top:15px;
        }
        .btn-ricambi-mobile{
            width: 80%!important;
        }
        .sticky_index{
            display: none!important;
        }
        .sticky_display {
            display:inline!important;
        }
        .svg-lente-bianca {
            margin-left: -15%!important;
        }
    }

    @media screen and (max-width: 992px) {
        .btn-ricambi-mobile{
            width: 120%!important;
        }
        .img-fluid {
            max-width: 90%;
        }
        .icon-filosofia-home {
            margin-top: 70px;
        }
        .img-box-geniosupporto {
            margin-top: 145%;
        }
    }

    @media screen and (max-width: 600px) {
        .btn-ricambi-mobile{
            width: 90%!important;
        }
        .pers-img1 {
            max-width: 50%;
        }
        .pers-img2 {
            max-width: 50%;
        }
        .text-center-mobile {
            text-align: center!important;
        }
        .text-left-mobile {
            text-align: left!important;
        }
        .search-prod-inp {
            font-size: 13px!important;
        }
        .philosophy-mob {
            padding-right: 15px!important;
            padding-left: 15px!important;
        }
        .phone_hide {
            display: none;
        }
        .div-bg-h-9 {
            height: 225px;
        }
        .div-bg-h-10::before {
            width:185%;
            top:4%;
        }
        .img-box-geniosupporto {
            margin-top: 30%;
            padding-left: 30px;
        }
        .support-col {
            padding-top: 50px;
            padding-left: 0;
        }
        .pers-btn1 {
            margin-left: -5px!important;
        }
        .video-col {
            padding: 0 150px 100px 0;
        }
        .storia-col {
            padding-left: 0;
            padding-right: 0;
            margin-top: 20px;
        }
        .div-bg-h-26::before {
            transform: rotate(0deg);
        }
        .newsletter-col {
            padding-right: 0;
        }
        .nl-custom {
            width: 100%;
        }
        .nl-sub-custom {
            width: 100%;
        }
        .work-control {
            margin-bottom: 0!important;
        }
        .testimonial-img-control {
            margin-left: 4.7%;
        }
        .no-desktop {
            display: inline!important;
        }
        .no-mobile {
            display: none!important;
        }
        .dcarousel {
            width: 100%!important;
        }
        .text-center-mobile {
            text-align: center!important;
        }
        .db-text {
            min-height: 176px;
        }
    }

    .youtube-video-container {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .youtube-video-container::after {
        display: block;
        content: "";
        padding-top: 56.25%;
    }

    .youtube-video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .maggi-btn-video-aziendale {
        background-image: url('https://www.maggi-technology.com/immagini/video_aziendale_thumbnail.jpg.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .maggi-video-dimensions-setup {
        width: 100%;
    }
    @media (min-width: 768px) {
        /* md */
        .maggi-video-dimensions-setup {
            width: 50%;
        }
    }
    @media (min-width: 992px){
        /* lg */
        .maggi-video-dimensions-setup {
            width: 100%;
        }
    }

    .amw-img-modal-nav-logo {
        max-width: 100px;
        margin-bottom: 10px;
    }
    .amw-menu-socials-icon {
        font-size: 25px;
        padding: 0 20px 0 20px;
    }
    .amw-cursor-pointer {
        cursor: pointer;
    }
    .amw-maxw-150 {
        max-width: 150px;
    }
    .amw-maxw-200 {
        max-width: 200px;
    }
    .amw-top-200 {
        top: 200px;
    }
    .amw-z-index-n1 {
        z-index: -1;
    }
    .amw-z-index-1 {
        z-index: 1;
    }
    .amw-z-index-111 {
        z-index: 111;
    }
    .awm-z-index-999 {
        z-index: 999;
    }
    .amw-header-top-row {
        max-height: 32px;
        margin-top: -2px;
        padding-top: 0;
    }
    .amw-img-modal-ricambi-logo {
        max-width: 150px;
        margin-bottom: 60px;
    }
    .amw-modalvideoaziendale-header {
        margin-bottom: -1px;
        margin-top: -5px;
    }
    .amw-modalvideoaziendale-header .amw-close {
        font-size: 1.5em;
        text-shadow: none;
    }
    .amw-slider-home-desk {
        background-image: url('https://www.maggi-technology.com/elementi-grafici-sito-MAGGI/FOTO/HOME-header01.webp');
        background-size: cover;
        z-index: -1;
        min-height: 880px;
    }
    .amw-titboxheadindex-2 {
        left: 225px;
        font-size: 2em;
        top: 515px;
    }
    .amw-slider-home-menu {
        position: absolute;
        z-index: 1;
        right: 180px;
        top: 436px;
    }
    .amw-slider-home-menu i, .amw-btn-menu-header-mobile i {
        font-size: 35px;
    }
    .amw-slider-home-mobile {
        margin-top: 108px;
        margin-bottom: -8px;
    }
    .amw-fix-slide-4 {
        height: 401.933px;
    }
    .amw-fix-logo-mobile-up {
        max-width: 45px;
        margin-top:12px;
    }
    .amw-fix-logo-mobile-down {
        max-width: 45px;
    }
    .amw-boxhead-mobile-logo-down {
        top: 55px;
    }
    .amw-fix-headset-mobile {
        font-size: 2em;
        padding-top: 10px;
        top: 10px;
        position: inherit;
        left: 65px;
    }
    .amw-fix-phone-mobile {
        font-size: 1.6em;
        padding-top: 10px;
        top: 15px;
        position: inherit;
        left: 120px;
    }
    .amw-btn-menu-header-mobile {
        margin-top: 5%;
        margin-left: 80%;
    }
    .amw-bg-gradient-shadow {
        background: radial-gradient(circle, rgb(255, 255, 255) 35%, rgba(255,255,255,0) 0%);
    }
    .amw-fix-home-btn-cerca {
        border-right: 1px solid var(--arancione)!important;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    .amw-fix-home-fieldlist {
        padding: 0.3rem 0;
    }
    .amw-img-home-ricambi {
        width: 140px;
        margin-bottom: 20px;
    }
    .amw-btn-home-cerca-ricambi {
        width: 63.3%;
    }
    .amw-fix-lente-bianca-home {
        margin-left: -39%;
    }
    .amw-img-home-traslated {
        top: 50%;
        transform: translateY(-50%);
    }
    .amw-img-home-traslated img {
        height: auto;
    }
    .amw-fix-home-pre-bg-7 {
        top: 4630px;
    }
    .amw-home-filosofia {
        margin-top: 2rem;
        font-size: 30px;
        padding-left: 60px;
    }
    .amw-home-map {
        width: 100%;
        height: 600px;
    }
    .amw-home-custom-ls {
        letter-spacing: 1.5px;
    }
    .amw-img-home-sfondocombo {
        height: auto;
        margin-bottom: 100px;
    }
    .amw-fix-antifedeDC {
        margin-top: 100px;
        margin-bottom: 40px;
    }
    .amw-home-risorse-e-media {
        position: relative;
        width: 1000px;
        right: 0;
        height: 560px;
        padding-left: 120px;
        object-fit: cover;
    }
    .amw-home-bg-pre-20 {
        background-image: url('https://www.maggi-technology.com/elementi-grafici-sito-MAGGI/FOTO/_93A0723.jpg.webp');
        background-size: cover;
        top: 13050px;
        z-index: -1;
        transform: none;
    }
    .amw-mt-180 {
        margin-top: 180px;
    }
    .amw-footer-socials {
        font-size: 44px;
    }
    .amw-footer-socials i {
        padding: 25px;
    }
/* OTTIMIZZAZIONI 2023 - Fine */
.maggi-link-footer a {
    font-size: 12px!important;
}
.top-header a:hover {
    text-decoration: none;
}
.card.categoria {
    cursor: pointer;
    transition: all 0.3s;
    height: 300px;
    border: none;
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    box-shadow: 0 4px 0 -1px var(--arancione);
}
.card.categoria a {
    position: absolute;
    top: 0;
}
.card.categoria a:hover {
    text-decoration: none;
}
.card.categoria .card-title {
    height: 50px;
}
.card.categoria img {
    max-width: 80%;
    height: auto;
}
.card.categoria:hover {
    scale: 1.7;
    z-index: 999;
}
.card.categoria[data-categoria="1"] img, .card.categoria[data-categoria="6"] img {
    margin-top: 20px;
}
.card.prodotto {
    border: none;
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    box-shadow: 0 4px 0 -1px var(--arancione);
}
.card.prodotto h3 {
    font-weight: bold;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.card.prodotto p {
    height: 60px;
    font-size: 90%;
    margin-bottom: 0;
}
.card.prodotto .contieni-prezzi {
    padding: 10px;
}
.card.prodotto .contieni-prezzi span {
    font-size: 1.2em;
}
.card.prodotto .contieni-prezzi span.lordo {
    font-size: .7em;
}
.card.prodotto .btn {
    font-weight: bold;
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
    .amw-exception-sum, .amw-exception-lang, .maggi-header-tel span, .maggi-header-contatti span {
        display: none!important;
    }
}

@media only screen and (max-width: 991px){

}

.cat-info-collapse table tr, .cat-info-collapse table td {
    border: 1px solid black !important;
}

#tabellaStoricoPagamenti i {
    cursor: pointer;
}
.lista-distille .pdf-documento {
    color: var(--blu)!important;
    transition: all 0.3s;
}
.lista-distille .pdf-documento:hover {
    text-decoration: none;
    color: var(--arancione)!important;
    transition: all 0.3s;
}
.img-box-prodotto {
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Dropdown menu container styling */
.amw-new-dropdown-container {
    position: relative;
    display: inline-block;
}

/* Dropdown menu styling */
.amw-new-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%; /* Places the dropdown below the hover link */
    left: 0;
    min-width: 160px; /* Adjust the width according to your preferences */
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    z-index: 1000;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.amw-new-dropdown-menu li {
    width: 100%;
}

.amw-new-dropdown-menu li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.amw-new-dropdown-menu li a:hover {
    background-color: #eaeaea;
}

/* Show the dropdown menu on hover */
.amw-new-dropdown-container:hover .amw-new-dropdown-menu {
    display: block;
}

/* Add hover effect to AREA RISERVATA text */
.amw-new-hover-link:hover span {
    text-decoration: underline;
}