/*UTILIZZATI DA TUTTI*/

.grecaptcha-badge {
    z-index: 666;
}

#sidebar {
    position: fixed;
    width: 200px;
    height: 100%;
    background-color: #151719;
    left: -200px;
    transition: all 500ms linear;
}

.headerresponsivo {
    display: none;
}

.HeaderMenuResponsivo > input {
    display: none;
}


.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    z-index: 50;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

iframe {
    height: 500px;
}
/*.videoHome {
    width: 100%;
    margin-left: 0px;
    height: 1080px;
    margin-top: -50.5px;
}*/

#sidebar.active {
    left: 0px;
}

#sidebar ul li {
    color: rgba(230,230,230,0.9);
    list-style: none;
    padding: 15px 10px;
    border-bottom: 1px solid rgba(100,100,100,0.3);
}

#sidebar .toggle-btn {
    position: absolute;
    left: 230px;
    top: 20px;
}

    #sidebar .toggle-btn span {
        display: block;
        width: 30px;
        height: 5px;
        background: #151719;
        margin: 5px 0px;
    }


div.BricioleCategoria {
    display: none;
}

a {
    color: black;
}

body {
    margin: 0px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    min-width: 320px;
}

.container {
    width: 100%;
    min-width: 320px;
    position: relative;
    /* margin: auto; */
    /*text-align: left;*/
    /*padding: 0px 20px;*/
    box-sizing: border-box;
}

.videoMargin {
    margin-bottom: 45px;
    height: 500px;
}

.container2 {
    width: 100%;
    min-width: 320px;
    position: relative;
    /* margin: auto; */
    text-align: left;
    padding: 0px 20px;
    box-sizing: border-box;
    margin: auto;
    max-width: 1600px;
}

.containerElenco {
    width: 100%;
    max-width: 1600px;
    position: relative;
    /* margin: auto; */
    text-align: left;
    padding: 0px 20px;
    box-sizing: border-box;
    margin: auto;
    margin: 100px auto;
    padding-bottom: 140px;
}

.containerDettaglio {
    width: 100%;
    max-width: 1300px;
    position: relative;
    /* margin: auto; */
    text-align: left;
    padding: 0px 20px;
    box-sizing: border-box;
    margin: auto;
    margin: 100px auto;
    /*padding-bottom: 130px;*/
}

.ricambio {
    width: 100%;
    margin-bottom: 50px;
}

.ricambioAlt {
    width: 100%;
    margin-bottom: 50px;
}

.first {
    background-image: url(/design/sfondohome.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.secondo {
    position: relative;
    background-color: rgba(0,0,0,0.2);
    height: 100vh;
    z-index: 15;
}

.sfondonero {
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
}

.carrer {
    color: #293891;
}

.macchine {
    color: #f1592a;
}

/*.iwebvideo {
    position:relative;
}*/

.LoghiCategoria{
    background-color:white;
    text-align:center;
    padding-top:30px;
}

    .LoghiCategoria img{
        display:inline-block;
    }

    .contenitoreTitolo {
        color: white;
        font-family: Teko;
        margin: auto;
        position: absolute;
        text-align: center;
        top: 50%;
        z-index: 105;
        width: 700px;
        left: 50%;
        transform: translate(-50%, -50%);
        text-shadow: 1px 1px 1px #000;
    }

.titoloHome {
    font-size: 120px;
    line-height: 100px;
    font-weight: 400;
    z-index: 5;
}

.descrizione {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    z-index: 5;
}


.spazio {
    height: 77px;
}

.quadro {
    width: 100%;
    /*height: 115px;*/
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
}

    .quadro img {
        width: 100%;
        height: 100%;
        display: block;
        box-sizing: border-box;
        /*object-fit: cover;*/
    }

.spazioFooter {
    margin-bottom: 333px;
}
/* MENU DESKTOP LOGO LINGUE MENU(HOME CONTATTI) */

.header {
    display: block;
    position: fixed;
    margin: auto;
    z-index: 1000;
    width: 100%;
    background-color: white;
    /*background-color: rgba(255,255,255,.5);*/
    box-shadow: 0 1px 5px rgba(0,0,0,.3), -20px 0 20px -20px rgba(0,0,0,.5), 20px 0 20px -20px rgba(0,0,0,.5), 0 0 40px rgba(0,0,0,.2) inset;
}

.smooth {
    transition-duration: 500ms;
}

.headerAlt {
    display: block;
    position: fixed;
    margin: auto;
    z-index: 1000;
    width: 100%;
    background-color: white;
    /*background-color: rgba(255,255,255,.5);*/
    box-shadow: 0 1px 5px rgba(0,0,0,.3), -20px 0 20px -20px rgba(0,0,0,.5), 20px 0 20px -20px rgba(0,0,0,.5), 0 0 40px rgba(0,0,0,.2) inset;
}

.logo {
    padding-top: 10px;
    float: left;
    /* height: 50px; */
    padding-bottom: 10px;
    width: 180px;
}

    .logo img {
        display: block;
    }

.logos {
    width: 100%;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    display:flex;
}

.headerlingue {
    float: left;
    font-size: 13px;
    background-color: rgba(41, 56, 145, 0.4);
    height: 31px;
}

    .headerlingue a {
        float: left;
        color: inherit;
        text-decoration: none;
        color: white;
        font-size: 13px;
        /* padding: 0px 8px; */
        height: 100%;
        display: block;
        text-align: center;
        width: 33px;
        padding-top: 9px;
        box-sizing: border-box;
        color: #666666;
        color: #fff;
        transition-duration: 800ms;
        transition-property: color, background-color;
    }

        .headerlingue a:hover,
        .headerlingue a.selezionato {
            color: #fff;
            background-color: #293891;
        }

.pulsanti {
    display: block;
    margin-top: 180px;
}

.menu {
    z-index: 20;
    /* font-family: 'Muli', sans-serif; */
    /* font-size: 10px; */
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    padding-right: 20px;
    /* padding-left: 20px; */
    float: right;
    /* font-weight: 400; */
    /*opacity: 0.8;*/
    margin: 30px 0px -10px 11px;
    /* margin-right: 10px; */
}

.testoMenu {
    cursor: pointer;
    top: 3px;
    right: -50px;
    position: relative;
}

.campimenu {
    float: right;
    margin-right: 8px;
    margin-top: 10px;
    /* width: 80px; */
    text-align: center;
    cursor: pointer;
}

    .campimenu a {
        text-decoration: none;
        color: black;
        transition-duration: 800ms;
        transition-property: color;
        font-size: 14px;
        display: block;
        padding: 18px 20px;
        box-sizing: border-box;
    }

        .campimenu a:hover, .campimenu a.menuupperselezionato {
            /* color: #FF4545; */
            text-decoration: underline;
        }

.exit {
    position: relative;
    cursor: pointer;
    padding-top: 4px;
    float: right;
    display: none;
    transition-duration: 320ms;
    box-sizing: border-box;
}

    .exit img {
        display: block;
        width: 100%;
    }

    .exit:hover {
        background-color: rgba(41, 56, 145, 0.2);
    }

.LabelMenuPrincipaleCat {
    display: none;
}

/* MENU DESKTOP CATEGORIE */

div.MenuCategorieWrapper {
    width: 100%;
    min-width: 320px;
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    /* font-family: 'Muli', sans-serif; */
    /* font-size: 10px; */
    position: fixed;
    z-index: 19;
    text-align: center;
    /* height: 20px; */
    top: 77px;
}

.categorie {
    padding: 13px 20px;
    text-decoration: none;
    box-sizing: border-box;
    color: black;
    width: 330px;
    display: block;
    /*float: right;*/
    /* height: 33px; */
    transition-duration: 800ms;
    transition-property: color, font-size, background-color;
    font-size: 18px;
    font-weight: bold;
    /*border-right: 1px solid silver;
    border-left: 1px solid silver;*/
}

    .categorie:hover {
        text-decoration: underline;
    }

div.MenuCategorieWrapper .categorie:last-child {
    /*width: 14.8%;*/
}



a.menuselezionato {
    /*background-color: #fff;*/
    text-decoration: underline;
    /* border: solid 0px #f26034; */
    /* box-sizing: border-box; */
}

.menuselezionatoArancione {
    color: #f1592a;
}

.menuselezionatoGiallo {
    color: #c69d03;
}

.menuselezionatoRosso {
    color: #e20a29;
}

.menuselezionatoVerde {
    color: #41826e;
}

.menuselezionatoGrigioChiaro {
    color: #7b7b7b;
}

.menuselezionatoMarrone {
    color: #987653;
}

.menuselezionatoGrigioScuro {
    color: #252726;
}

.giallo {
    color: #c69d03;
}

    .giallo:hover {
        color: #c69d03;
    }

.rosso {
    color: #e20a29;
}

    .rosso:hover {
        color: #e20a29;
    }

.marrone {
    color: #987653;
}

    .marrone:hover {
        color: #987653;
    }

.grigio {
    color: #b2b2b2;
}

    .grigio:hover {
        color: #b2b2b2;
    }

.verde {
    color: #41826e;
}

    .verde:hover {
        color: #41826e;
    }

.grigioscuro {
    color: #252726;
}

    .grigioscuro:hover {
        color: #252726;
    }

.grigiochiaro {
    color: #7b7b7b;
}

    .grigiochiaro:hover {
        color: #7b7b7b;
    }

    

.blu {
    color: #293891;
}

    .blu:hover {
        color: #293891;
    }
/* elementoMenu */
div.MenuCategorieWrapper > label {
    display: none;
}

div.MenuCategorieWrapper > input {
    display: none;
}

div.Menu > input + div {
    width: 0px;
}

div.MenuCategorieWrapper > input:checked + div {
}

div.MenuCategorieWrapper div.MenuCategorieItem {
    text-align: center;
    color: white;
    margin-left: 15px;
    float: right;
}

    div.MenuCategorieWrapper div.MenuCategorieItem a {
        text-decoration: none;
        color: white;
        text-transform: uppercase;
    }

div.MenuCategorieWrapper div.MenuCategorieItemSelected {
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.menucontenitore {
    position: fixed;
    width: 0px;
    height: 100%;
    position: fixed;
    background-color: whitesmoke;
    right: 0;
    transition-duration: 320ms;
    z-index: 10000;
}

.menu > input + menucontenitore {
    width: 0px;
}

.headerresponsivo {
    display: none;
}

.headerslides {
    overflow: hidden;
    /*margin-bottom: 340px;*/
}



/* FOOTER */

.footer {
    width: 100%;
    background-color: #293891;
    /* font-family: 'Roboto', sans-serif; */
    /* font-weight: 300; */
    /* font-size: 12px; */
    /* background-image: url(/design/footer.jpg); */
    /* background-repeat: no-repeat; */
    padding: 50px 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: -1;
    padding-bottom: 73px;
    box-sizing: border-box;
}

.footer2 {
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    background-color: #293891;
    padding: 20px 20px;
    box-sizing: border-box;
    color: silver;
    text-align: center;
    font-size: 12px;
}

    .footer2 a {
        color: silver;
        text-decoration: none;
    }

.FooterItem {
    width: calc(100%/3);
    /* padding-right: 7%; */
    float: left;
    color: white;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    /* color: #6d6d6d; */
    padding: 0px 30px;
    box-sizing: border-box;
    text-align: justify;
}
/*.FooterItem > img {
        width:30%;
    }*/
.FooterItem2 {
    width: 31%;
    padding-right: 2%;
    float: left;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #6d6d6d;
}

.pointo {
    display: block;
}

.settoriLink {
    display: block;
    color: white;
    text-decoration: none;
}

.titolofooter {
    font-size: 20px;
    font-weight: 500;
    /* border-bottom: solid 1px silver; */
    padding-bottom: 18px;
    display: block;
    color: #f1592a;
}

.LinkNavigazioneFooterCentrale {
    font-size: 14px;
    display: block;
    margin: 23px 0px;
    color: #6d6d6d;
    text-decoration: none;
    transition: color 400ms;
}

    .LinkNavigazioneFooterCentrale:before {
        content: "> ";
    }

    .LinkNavigazioneFooterCentrale:hover {
        color: white;
    }

.FooterItemContattiSpan {
    display: block;
}


    .FooterItemContattiSpan a {
        color: white;
        display: block;
        text-decoration: none;
    }

.arancione {
    color: #f1592a;
}

    .arancione:hover {
        color: #f1592a;
    }

.FooterItemLinkRight {
    position: absolute;
    top: 68px;
    right: 5%;
}

    .FooterItemLinkRight > span.FooterItemContattiSpan > a {
        color: #6d6d6d;
        text-decoration: none;
        transition: color 400ms;
    }

        .FooterItemLinkRight > span.FooterItemContattiSpan > a:hover {
            color: white;
        }
/* DEFAULT */
.IframeVideo {
    width: 100%;
    min-height: 350px;
    height: 60vw;
}

.visualizzaslide {
    display: none;
}

video {
    /*background-color: #000;
    /*width: 100%;
    display: block;
    z-index: 98;
    border: none;*/
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    display: block;
}

.barrasicurezza {
}

.corpohomepage1 {
    /* margin: auto; */
    /*margin-top: 100px;*/
    background-color: white;
    z-index: 10;
    padding-top: 130px;
    padding-bottom: 130px;
    position: relative;
    /*margin-bottom: 320px*/
}

.corpohomepage2 {
    /* margin: auto; */
    /* margin-top: 100px; */
    background-color: white;
    z-index: 10;
    /* padding-top: 53px; */
    padding-bottom: 130px;
    position: relative;
    /* margin-bottom: 320px; */
}
.corpohomepage22 {
    /* margin: auto; */
    /* margin-top: 100px; */
    background-color: white;
    z-index: 10;
    /* padding-top: 53px; */
    padding-bottom: 130px;
    position: relative;
    /* margin-bottom: 320px; */
}

.corpohomepage11 {
    /* margin: auto; */
    /*margin-top: 100px;*/
    background-color: white;
    z-index: 10;
    /*margin-top: 130px;*/
    margin-bottom: 130px;
    position: relative;
    /*margin-bottom: 320px*/
}

.HomeCentrale {
    width: 100%;
    /* float: left; */
    max-width: 1200px;
    margin: auto;
    text-align: center;
    /*text-align: center;*/
   
}

.altezzahomeslide {
    height: 65vh;
}

.LabelMenuPrincipale {
    display: block;
    position: absolute;
    cursor: pointer;
}

.lineamenu {
    height: 3px;
    width: 38px;
    background-color: #000;
    margin-bottom: 6px;
}

.LabelMenuPrincipaleCat {
    display: none;
}

.LabelMenuPrincipalePro {
    display: none;
}

.lineamenuCat {
    display: none;
}

.FasciaDestra {
    width: 100%;
    /* float: left; */
    max-width: 1200px;
    margin: auto;
    text-align: right;
}

.colonnafasciaNeutro.fullWidth {
    max-width: none;
}

.colonnafasciaNeutroAllegati {
    display: flex;
    align-items: center;
    justify-content:center;
    gap: 15px;
}

.colonnafasciaNeutroAllegati:hover {
    opacity: 0.8;
}
.colonnafasciaNeutroAllegati a {
    color:white;
    text-decoration:none;
}

.colonnafasciaNeutroAllegati img {
    width: 40px;
}

.colonna1 {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 30px;
    line-height: 26px;
    text-align: left;
}

.opacity {
    opacity: 0;
}

.slideLeft {
    animation: slide-in-left 1s;
}

.slideRight {
    animation: slide-in-right 1s;
}

.slideBottom {
    animation: slide-in-bottom 1s;
}

.containerFascia {
    width: 100%;
    /* float: left; */
    max-width: 1200px;
    margin: auto;
}

.HomeDestra {
    width: 30%;
    float: right;
    background-color: #f5f5f5;
    margin-top: 20px;
}

.NewsHomeLabel {
    border-bottom: solid 2px black;
    padding-left: 10px;
}

.immagineHome{
    display:block;
    width:100%;
}

.sfondofascia {
    background: url(/design/sfondohome2.jpg) center bottom / cover no-repeat;
    /* padding: 100px 20px; */
    /*margin: 100px 0px;*/
    text-align: center;
    /* height: 300px; */
    box-sizing: border-box;
    background-size: contain;
}

.sfondofasciaNeutro {
    text-align: right;
    box-sizing: border-box;
    padding: 30px 0px;
}

.sfondofasciaNeutro2 {
    text-align: right;
    box-sizing: border-box;
    height: 200px;
}

.colonnafasciaNeutro {
    display: inline-block;
    vertical-align: top;
    /* margin: 22px; */
    /* width: 30%; */
    /* height: 30.5vw; */
    /* min-height: 500px; */
    padding: 30px;
    box-sizing: border-box;
    color: white;
    background-color: rgba(41, 56, 145, 0.9);
    /* border: solid 6px white; */
    font-size: 20px;
    /* text-align: center; */
    /* font-weight: 600; */
    max-width: 486px;
    /* max-height: 585px; */
    line-height: 31px;
    /* width: 100%; */
    font-weight: 300;
    text-align: left;
}


.sfondofasciaTerra {
    background: url(/design/slidehome/yanmar.jpg) center bottom / cover no-repeat;
    /* padding: 100px 20px; */
}

.sfondofasciaAgricoltura {
    background: url(/design/slidehome/Agricoltura.jpg) center bottom / cover no-repeat;
    /* padding: 100px 20px; */
}

.sfondofasciaForestale {
    background: url(/design/slidehome/forestale-biomassa.jpg) center bottom / cover no-repeat;
    /* padding: 100px 20px; */
}

.sfondofasciaFrantumazione {
    background: url(/design/slidehome/frantumazione.jpg) center bottom / cover no-repeat;
    /* padding: 100px 20px; */
}

.sfondofasciaUsato {
    background: url(/design/slidehome/usato2.jpg) center bottom / cover no-repeat;
    /* padding: 100px 20px; */
}

.sfondofasciaAssistenza {
    background: url(/design/slidehome/assistenza.jpg) center bottom / cover no-repeat;
    /* padding: 100px 20px; */
}

.sfondofasciaNoleggio {
    background: url(/design/slidehome/noleggio.jpg) center bottom / cover no-repeat;
    /* padding: 100px 20px; */
}

.colonnafascia1 {
    display: inline-block;
    vertical-align: top;
    margin: 22px;
    width: 30%;
    max-width: 486px;
    max-height: 585px;
}

    .colonnafascia1 > img {
        width: 100%;
        border: 1px solid black;
        border: solid 6px white;
        max-height: 575px;
    }

.colonnafascia2 {
    display: inline-block;
    vertical-align: top;
    /* margin: 22px; */
    /* width: 30%; */
    /* height: 30.5vw; */
    /* min-height: 500px; */
    padding: 150px 50px;
    box-sizing: border-box;
    color: white;
    background-color: rgba(41, 56, 145, 0.9);
    /* border: solid 6px white; */
    font-size: 23px;
    /* text-align: center; */
    /* font-weight: 600; */
    max-width: 486px;
    /* max-height: 585px; */
    line-height: 31px;
    /* width: 100%; */
    font-weight: 300;
}

.partners {
    padding-bottom: 20px;
    text-align: center;
}

.Link1 {
    text-align: left;
    display: block;
    /*padding: 12px;*/
    box-sizing: border-box;
}

.immagineprodottoNews {
    /*float: left;*/
    width: 100%;
    object-fit: cover;
    height: 600px;
}

.divmodelloedescrizioneprodottoNews {
    float: left;
    position: absolute;
    bottom: 60px;
    border: dashed 1px black;
    left: 420px;
    color: black;
    padding: 30px;
    box-sizing: border-box;
    background-color: rgba(53, 69, 149, 0.87);
}



.pulsante {
    margin: 20px 0;
    margin-bottom: 0;
    color: white;
    font-size: 15px;
    float: right;
    padding: 15px 26px;
    border: 1px white solid;
    width: auto;
    box-sizing: border-box;
    text-align: center;
}

.divmodelloedescrizioneprodottoNews > h4 {
    margin-top: 0px;
}

.DescrizioneSuPaginaElencoLabel {
    color: #bcbcbc;
    text-decoration: none;
    word-break: break-all;
}

.textSlide {
    text-align: left;
    background-color: rgba(41, 56, 145, 0.84);
    margin-top: 494px;
    padding: 21px;
    min-width: 410px;
    box-sizing: border-box;
    text-decoration: none;
}


.dimensionesshow h4 {
    text-decoration: none;
}
/* CONTATTI */
.presentation {
    margin: 65px;
    animation: slide-in-bottom 1s;
}

.mappa {
    width: 100%;
    box-sizing: border-box;
    height: 560px;
    overflow: hidden;
}

    .mappa img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        /*animation: kenburns-top 1s both;*/
    }

.titoloPrinc {
    color: #333;
    text-align: center;
    margin: 0 0 0.45em 0;
    font-size: 40px;
    line-height: 58px;
    font-weight: 600;
    letter-spacing: .004em;
    text-transform: uppercase;
}

.sottotitoloPrinc {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
    color: #77777a;
}

.sommario {
    font-size: 16px;
    line-height: 1.33349;
    font-weight: 300;
    letter-spacing: 0em;
    text-align: center;
    color: black;
    /*margin: 20px 0px;*/
}

.ContattiSinistra {
    float: left;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.titolocontatti {
    margin-top: 0px;
    padding-top: 0px;
    font-size: 30px;
    line-height: 28px;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 20px;
    text-align: center;
}

.testocontatti {
    color: black;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 20px;
}

.ContattiDestra {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50%;
    font-size: 13px;
    color: black;
    padding-left: 20px;
    float: right;
    box-sizing: border-box;
}

    .ContattiDestra a {
        color: black;
        text-decoration: none;
    }

.informazioni {
    font-weight: 500;
    padding-top: 0px;
    font-size: 24px;
    line-height: 30px;
    font-family: Roboto, sans-serif;
}

.ContattiForm {
    width: 100%;
    color: black;
    padding: 30px 0px;
    box-sizing: border-box;
    background-color: #ECECED;
}

/* MODELLO ELENCO */
.LabelIntestazioneMenuSinistro {
    margin-top: 0px;
}

.immaginemodello {
    width: 100%;
    min-height: 150px;
    display: block;
}

.colonnatestogiallo {
    background-color: rgba(198, 157, 3, 0.9);
    border: solid 2px #ffcc01;
    animation: slide-in-right 1s both;
}

.colonnatestorosso {
    background-color: rgba(234, 12, 43, 0.9);
    border: solid 2px #ff0025;
    animation: slide-in-right 1s both;
}

.colonnatestoverde {
    background-color: rgba(32, 65, 56, 0.9);
    border: solid 2px #42836f;
}

.colonnatestomarrone {
    background-color: rgba(76, 59, 41, 0.9);
    border: solid 2px #987651;
}

.colonnatestogrigio {
    background-color: rgba(51, 53, 52, 0.9);
    border: solid 2px #333534;
}

.colonnatestoblu {
    background-color: rgba(41, 56, 145, 0.9);
    border: solid 2px #293891;
}

.colonnatestoarancione {
    background-color: rgba(241, 89, 42, 0.9);
    border: solid 2px #EE5000;
}

.colonnatestogruppo1 span {
    color: white;
}

.PosizioneSuPaginaElenco {
    display: none;
}

.contenitoreitem {
    /* width: 280px; */
    /* max-width: 475px; */
    /*height: 233px;*/
    /* max-height: 340px; */
    background-color: #fff;
    width: 33%;
    /*width: -webkit-calc(100%/3);
    width: calc(100% / 3);*/
    overflow: hidden;
    position: relative;
    /* display: inline-block; */
    border: solid 1px silver;
    /* margin: 8px; */
    /* box-shadow: 0 1px 5px rgba(0,0,0,.3), -20px 0 20px -20px rgba(0,0,0,.5), 20px 0 20px -20px rgba(0,0,0,.5), 0 0 40px rgba(0,0,0,.2) inset; */
    box-sizing: border-box;
    float: left;
    /* display: inline-block; */
    /*height: 13vw;*/
    /* display: table; */
}

.contenitoreitemProdottoCorrelato {
    width: 280px;
    height: 233px;
    max-height: 340px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    border: solid 1px silver;
    margin: 8px;
    box-shadow: 0 1px 5px rgba(0,0,0,.3), -20px 0 20px -20px rgba(0,0,0,.5), 20px 0 20px -20px rgba(0,0,0,.5), 0 0 40px rgba(0,0,0,.2) inset;
}

.ImmagineProdottoCorrelato {
    width: 100%;
    display: block;
}

.contenitoreimmagine {
    position: relative;
    /*width: 100%;*/
    height: 205px;
    overflow: hidden;
    /* margin-bottom: 15px; */
    /*display: table;*/
    padding-bottom: 25px;
}

.Info:hover {
    opacity: 1;
}

.Info {
    position: absolute;
    width: 100%;
    /* height: 25px; */
    padding-top: 12px;
    padding-bottom: 12px;
    /* border-bottom: 1px solid white; */
    /* border-top: 1px solid white; */
    /*margin-top: 44%;*/
    margin-top: 90px;
    font-size: 16px;
    opacity: 0;
    color: white;
    transition: opacity 700ms;
    font-weight: bold;
    display: block;
}


.testoDescrittivoCategoria {
    font-size: 14px;
    text-align: left;
    line-height: 23px;
}

.testogruppo {
    padding: 18px;
    display: block;
    box-sizing: border-box;
    font-size: 2em;
    font-weight: 200;
}

.descrizionegruppo {
    padding-top: 20px;
    float: right;
    text-align: center;
}

.sfondomenu {
    height: 77px;
}

.colonnaimmagine {
    float: left;
    width: 70%;
}

.colonnatestogruppo1 {
    float: right;
    width: 30%;
    box-sizing: border-box;
    position: relative;
    height: 29.7vw;
}

.colonnatestogruppo2 {
    float: right;
    width: 30%;
    background-color: #b2b2b2;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
}

.colonnatestogruppo3 {
    float: right;
    width: 30%;
    background-color: #41826e;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
}


.ElencoItem {
    margin: 130px 0;
    text-align: center;
    height: 536px;
    /* width: 100%; */
    transition: background-color 400ms;
    /*display: table-cell;*/
    vertical-align: middle;
    /* display: table; */
}

    .ElencoItem:hover {
    }

.ElencoItemPop {
    margin: 130px 0;
    text-align: center;
    /*height: 536px;*/
    width: 100%;
    /*display: table-cell;*/
    vertical-align: middle;
    display: table;
}

    .ElencoItemPop:hover {
    }

.DescrizioneSuPaginaElenco {
    width: 79%;
    margin: auto;
}

.ElencoProdotti {
    /*text-align: center;*/
    width: 100%;
    /* padding-bottom: 20px; */
}

.categorieasinistra {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
    color: black;
    border-bottom: 1px solid silver;
    padding: 13px 20px;
    box-sizing: border-box;
    text-transform: capitalize;
    /* text-transform: uppercase; */
}

    .categorieasinistra:hover {
        background-color: silver;
        color: white;
    }

.categorieselezionate {
    background-color: silver;
    color: white;
}

.TutteCategorie {
    float: left;
    width: 25%;
    background-color: #EFEFEF;
    -moz-box-shadow: 9px 10px 53px 3px rgba(0,0,0,0.55);
    /* -webkit-box-shadow: 9px 10px 53px 3px rgba(0,0,0,0.55); */
    /* box-shadow: 9px 10px 53px 3px rgba(0,0,0,0.55); */
    /* margin-bottom: 20px; */
    /* border: 1px solid grey; */
}

.TitoloCategorie {
    background-color: #292929;
    color: white;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    /* float: left; */
    text-transform: uppercase;
    font-weight: bold;
}

.CategoriaAGruppi_Descrizione {
    margin-left: 27%;
}

.Tuttiprodotti {
    float: right;
    width: 74%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.prodotti {
    display: inline-block;
    margin-left: 14px;
    margin-right: 10px;
    margin-bottom: 20px;
}

    .prodotti a {
        display: block;
        position: relative;
    }



.ImmagineProdotto {
    /* height: 80%; */
    opacity: 1;
    transition: opacity 500ms;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
    display: table-cell;
    vertical-align: middle;
    display: block;
    width: 100%;
    object-fit: cover;
    height: 102%;
    /*height:204px;*/
}

.TestoImmagini {
    position: absolute;
    width: 100%;
    font-size: 20px;
    color: white;
    transition: opacity 500ms;
    opacity: 0;
    text-align: center;
}

    .TestoImmagini:hover {
        opacity: 1.0;
    }

.Testo {
    position: absolute;
    font-size: 15px;
    color: white;
    bottom: 0px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 100px;
    text-align: center;
    padding: 13px 20px;
    box-sizing: border-box;
}



.prodotti:hover .Testo {
    display: none;
}

.testomarrone {
    background-color: rgba(152, 118, 83, 1);
}

.testogiallo {
    background-color: rgba(198, 157, 3, 1);
}

.testorosso {
    background-color: #e20a29;
}

.testogrigio {
    background-color: #b2b2b2;
}

.testogrigioscuro {
    background-color: #333534;
}

.testoverde {
    background-color: rgba(65, 130, 110, 1);
}

.testoverdeEquus {
    background-color: #308C27;
}

.testoarancione {
    background-color: #FF7514;
}

.testoblu {
    background-color: #293891;
}

.testoarancio {
    background-color: #ec6607;
}

.bordomarrone {
    border-bottom: 2px solid #987654;
    border-top: 2px solid #987654;
    border-right: 2px solid #987654;
}

.bordogrigio {
    border-bottom: 2px solid #b2b2b2;
    border-top: 2px solid #b2b2b2;
    border-right: 2px solid #b2b2b2;
}

.bordoverde {
    border-bottom: 2px solid #41826e;
    border-top: 2px solid #41826e;
    border-right: 2px solid #41826e;
}


/* MODELLO DETTAGLIO */
.LabelIntestazioneProdotto {
    /*display:block;
    margin:0px auto;
    position:relative;
    text-align:center;
    padding:7px 0px;
    box-sizing:border-box;
    width:100%;
    margin-bottom:20px;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    line-height: 28px;
    font-weight:lighter;*/
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.immaginesfondoVerde {
    width: 100%;
    height: 35px;
    background-color: #41826e;
    padding: 10px;
    box-sizing: border-box;
}

.immaginesfondoGiallo {
    width: 100%;
    height: 35px;
    background-color: #c69d03;
    padding: 10px;
    box-sizing: border-box;
}

.immaginesfondoRosso {
    width: 100%;
    height: 35px;
    background-color: #e20a29;
    padding: 10px;
    box-sizing: border-box;
}

.immaginesfondoMarrone {
    width: 100%;
    height: 35px;
    background-color: #987653;
    padding: 10px;
    box-sizing: border-box;
}

.SfondoDettaglioLabel {
    color: white;
}

div.PaginaDettaglio {
    float: right;
    width: 49%;
    vertical-align: top;
    margin-top: 20px;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

div.ImmaginePrincipale {
    float: left;
    position: relative;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
}

    div.ImmaginePrincipale img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        box-sizing: border-box;
        align-self: center;
        /*margin: 0px auto;*/
    }

.sottocategoriadettaglio2 {
    padding-top: 0px;
    font-size: 20px;
    font-family: Roboto, sans-serif;
    letter-spacing: 1px;
    font-weight: 300;
}

.Dettaglio {
    text-align: left;
}

.testodettaglio {
    padding-top: 0px;
    font-size: 15px;
    font-family: Roboto, sans-serif;
    font-weight: 300;
}

.titolodettaglio {
    font-weight: 500;
    padding-right: 15px;
    font-size: 17px;
}

.ImmaginiAllegateWrapper {
    width: 100%;
    margin: 30px 0px;
    display: table;
}

.videoAllegato {
    width: 100%;
    /* margin-top: 100px; */
    margin-bottom: -55px;
    display: table;
    overflow: hidden;
    height: 100%;
}

.ImmagineAllegataItem {
    width: calc(100%/4);
    /* height: 200px; */
    /* display: inline-block; */
    /* margin: 3px; */
    vertical-align: top;
    position: relative;
    overflow: hidden;
    /* max-width: 320px; */
    /* max-height: 155px; */
    border: solid 1px silver;
    /* float: left; */
    box-sizing: border-box;
    display: table-cell;
    /* display: table-cell; */
    vertical-align: middle;
    /* height: 120px; */
    /* height: 262px; */
}

    .ImmagineAllegataItem > a {
        /* width: 120%; */
        position: relative;
        /* left: -10%; */
        /* height: 160px; */
        display: block;
        overflow: hidden;
        /* display: table-cell; */
        vertical-align: middle;
        /* height: 262px; */
    }

        .ImmagineAllegataItem > a > img {
            display: block;
            margin: 0px auto;
            max-height: 200px;
        }

.ImmagineAllegataLink {
    display: table-cell;
    float: left;
    vertical-align: middle;
    width: calc(100%/4);
    border: 1px solid silver;
    box-sizing: border-box;
    height: 100px;
    overflow: hidden;
}

.TuttiprodottiAllegati {
    margin: auto;
    width: 100%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    max-width: 1200px;
}


div.DettaglioInternoAllegati {
    margin: 20px 0px;
    float: left;
    width: 150px;
    text-align: center;
    padding-right: 10px;
    box-sizing: border-box;
}

    div.DettaglioInternoAllegati img.FileIco {
        width: 30px;
    }

    div.DettaglioInternoAllegati a {
        display: block;
        color: #000;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
    }
/* PRODOTTI CORRELATI */
.ProdottiCorrelatiWrapper {
    margin: 40px 0px;
}

.productDetailsData {
    padding-left: 20px;
    font-weight: 300;
}

table.product-details {
    border-collapse: collapse;
    min-width: 320px;
    width: 100%;
}

    table.product-details tr {
        border-bottom: solid 1px black;
    }

        table.product-details tr td {
            padding: 4px 0px;
        }

.MenuProdottiWrapper > div.container {
    text-align: center;
}
/* TRATTAMENTO DATI PERSONALI */

div.TrattamentoDatiPersonaliWrapper {
    color: black;
    font-size: 15px;
}

div.HomeNovita {
    position: relative;
    height: 400px;
}

/*b {
   color: #FF7514;
}*/


/* SEZIONI STATICHE */
.OfficinaMobileWrapper {
}

    .OfficinaMobileWrapper > h1 {
        display: inline-block;
    }

    .OfficinaMobileWrapper > p {
    }

    .OfficinaMobileWrapper > ul {
        display: inline-block;
    }

.ImmagineOfficinaMobile {
    display: block;
    float: left;
    margin-right: 5%;
    width: 30%;
    max-width: 400px;
    animation: slide-in-bottom 1s;
    /*margin-bottom: 100px;*/
}

.ImmagineOfficinaMobileAlt {
    display: block;
    float: left;
    margin-right: 5%;
    width: 30%;
    max-width: 400px;
    animation: slide-in-bottom 1s;
    margin-bottom: 100px;
}

.OfficinaMobileRight {
    float: right;
    width: 65%;
    line-height: 26px;
    /* text-align: justify; */
    animation: slide-in-right 1s;
}

    .OfficinaMobileRight > h1 {
        text-align: left;
    }

    .OfficinaMobileRight > ul {
        display: inline-block;
    }

.OfficinaMobileRightAlt {
    float: right;
    width: 65%;
    line-height: 26px;
    /* text-align: justify; */
    animation: slide-in-right 1s;
}

    .OfficinaMobileRightAlt > h1 {
        text-align: left;
    }

    .OfficinaMobileRightAlt > ul {
        display: inline-block;
    }

.assistenzariparazioniHR {
    margin: 20px 0px;
}

.novita {
    text-align: center;
}


/* FINE SEZIONI STATICHE */

/* PARTICOLARI PER L'IMMAGINE HEADER DI CATEGORIA: */

@media screen and (min-width:0px) and (max-width:1520px) {
    .colonnaimmagine {
        float: none;
        width: 100%;
    }

    .colonnatestogruppo1 {
        float: none;
        width: 100%;
        height: auto;
    }

    .testogruppo {
        font-size: 1.5em;
    }
}

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

    iframe {
        height: 400px;
    }

    .videoMargin {
        margin-bottom: 45px;
        height: 400px;
    }

    .ImmagineOfficinaMobileAlt {
        margin-bottom: 0px;
    }

    .resp-container {
        padding-top: 139.25%;
    }

    .resp-iframe {
        width: 243%;
        height: 97%;
        left: -18px;
    }

    iframe {
        /*left:-253px;*/
    }

    .textSlide {
        margin-top: 290px;
    }

    .ImmagineAllegataLink {
        width: calc(100%/2);
    }

    .ImmagineOfficinaMobile {
        margin-bottom: 4px;
    }

    .corpohomepage1 {
        padding-top: 75px;
        padding-bottom: 0;
    }

    .corpohomepage2 {
        margin-top: 75px;
        margin-bottom: 75px;
        padding:0;
    }

    .corpohomepage22 {
        margin-top: 75px;
        margin-bottom: 75px;
        padding-bottom: 75px;
    }

    .corpohome {
        padding-top: 0px;
    }

    .corpohomepage11 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .spazioFooter {
        margin-bottom: 500px;
    }

    .quadro {
        /*width: calc(100%/4);*/
        /*height: 90px;*/
    }

    .FooterItem {
        text-align: left;
    }

    .logos {
        width: 80%;
    }

    .menu {
        padding-right: 53px;
    }

    .categorie {
        height: 55px;
        padding: 14px 0px;
        line-height: 11px;
    }

    div.OfficinaMobileRight {
        width: auto;
        float: none;
    }

    div.OfficinaMobileRightAlt {
        width: auto;
        float: none;
        padding-bottom: 40px;
    }

    .containerDettaglio {
        margin: 50px auto;
    }

    div.sfondofascia {
        margin: 0px;
    }

    /*div.corpohomepage1 {
        margin: 50px 0px;
    }*/

    div.colonna1 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    div.containerElenco {
        margin: 50px auto;
        padding-bottom: 50px;
        margin-bottom: 500px !important;
    }



    div.Testo {
        font-size: 14px;
    }

    div.contenitoreitem {
        width: calc(100% / 2);
    }

    .ricambio {
        width: 100%;
        margin-bottom: 25px;
    }
}

/* SEZIONE RESPONSIVA PER DISPOSITIVI MOBILI */
@media screen and (max-width:767px) {

    .logos {
        display: block;
    }

    .altezzahomeslide {
        height: 300px;
    }

    .colonnafasciaNeutro {
        font-size: 16px;
    }

    .LabelMenuPrincipaleCat {
        display: block;
        position: absolute;
        float: right;
        right: 34px;
        top: 12px;
        cursor: pointer;
    }

    .LabelMenuPrincipalePro {
        display: block;
        position: absolute;
        float: right;
        right: 34px;
        top: 12px;
        cursor: pointer;
    }

    .lineamenuCat {
        display: block;
        height: 2px;
        width: 20px;
        background-color: #fff;
        /*float:left;*/
        margin-bottom: 3px;
    }

    .pointo {
        cursor: pointer;
    }

    .HeaderMenuResponsivo {
        width: 100%;
        background-color: #EFEFEF;
        /*margin-top: 10px;
        margin-left: 0px;*/
        color: white;
        /*padding-bottom: 10px;
        padding-top: 10px;*/
        font-size: 14px;
        text-align: center;
        /*font-weight: 500;*/
    }


    div.HeaderMenuResponsivo > label {
        display: inline-block;
        min-width: 100px;
    }

        div.HeaderMenuResponsivo > label span.MenuFreccetta {
            display: block;
            float: right;
            margin-right: 5px;
            margin-top: 7px;
            width: 58px;
            height: 20px;
        }

        div.HeaderMenuResponsivo > label > span.MenuFreccetta span.triangle-down {
            margin: 0 auto;
            display: block;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #fff;
        }

        div.HeaderMenuResponsivo > label > span.MenuFreccetta span.triangle-down2 {
            position: relative;
            margin-top: -17px;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            border-top: 14px solid #ff0000;
        }


    /* elementoMenu elemento figlio default (da personalizzare) */
    .HeaderMenuResponsivo > input:checked + div {
        max-height: 300px;
        transition: max-height 1s;
    }

    iframe {
        /*position: relative;*/
        /*z-index: 100;*/
        /*bottom: 70px;*/
        /*left: -469px;*/
        /*right: 297px;*/
    }

    .resp-container {
        position: relative;
        overflow: hidden;
        padding-top: 178.25%;
        z-index: 50;
    }

    .resp-iframe {
        width: 315%;
    }

    .videoMargin {
        margin-bottom: 20px;
    }

    .esternoGrigio {
        padding: 25px 0px;
    }

    .containerElenco {
        padding-bottom: 50px;
    }

    .ImmagineAllegataLink {
        width: calc(100%/2);
    }

    .macchine {
        display: block;
        box-sizing: border-box;
        padding: 0px 40px;
    }

    .textSlide {
        text-align: center;
        background-color: rgba(41, 56, 145, 0.84);
        margin-top: 117px;
        padding: 5px;
        font-size: 14px;
        min-width: 375px;
        box-sizing: border-box;
        text-decoration: none;
    }

    div.MenuCategorieWrapper {
        top: 56px;
    }

    .quadro {
        width: 168px;
        /*height: 75px;*/
        display: inline-block;
        float: none;
    }

    video {
        display: none;
    }

    .first {
        overflow: visible;
    }

    .contenitoreTitolo {
        /*padding-top: 250px;*/
        /*position: absolute;
        bottom: 10px;*/
        width: 400px;
    }

    .titoloHome {
        font-size: 100px;
        line-height: 80px;
    }

    .descrizione {
        font-size: 25px;
        line-height: 40px;
    }

    .exit {
        position: relative;
        cursor: pointer;
        padding-top: 4px;
        float: right;
        display: none;
        transition-duration: 320ms;
        box-sizing: border-box;
        width: 10%;
    }

    .testoMenu {
        margin-right: 25px;
    }

    .header {
        display: block;
    }

    .visualizzaslide {
        height: 50px;
        display: block;
    }

    .spazio {
        display: none;
    }

    /* MENU MOBILE LOGO LINGUE MENU(HOME CONTATTI) */

    .headerresponsivo {
        /*display: block;
        height: 53px;*/
    }

    .logo {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 145px;
    }

    .contenitorelogo {
        position: relative;
        /*padding-top: 20px;*/
        padding-left: 7px;
        float: left;
        width: 58%;
        max-width: 200px;
    }

        .contenitorelogo > div {
            width: 100%;
        }

        .contenitorelogo > a > img {
            width: 100%;
        }

    .titolo {
        font-size: 20px;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        letter-spacing: 3px;
    }

    /*.HeaderMenuResponsivo {
        width: 85px;
        background-color: #cacaca;
        margin: 20px;
        margin-left: 0px;
        color: white;
        padding: 10px 5px 0px 15px;
        font-size: 14px;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 99;
    }*/

    div.HeaderMenuResponsivo > label {
        /*display: inline-block;*/
        display: none;
        min-width: 100px;
        box-sizing: border-box;
    }

        div.HeaderMenuResponsivo > label span.MenuFreccetta {
            display: block;
            float: right;
            margin-right: 5px;
            margin-top: 7px;
            width: 58px;
            height: 20px;
        }

        div.HeaderMenuResponsivo > label > span.MenuFreccetta span.triangle-down {
            margin: 0 auto;
            display: block;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #fff;
        }

        div.HeaderMenuResponsivo > label > span.MenuFreccetta span.triangle-down2 {
            position: relative;
            margin-top: -17px;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            border-top: 14px solid #cacaca;
        }

    .HeaderMenuResponsivo > input {
        display: none;
    }

        .HeaderMenuResponsivo > input + div {
            max-height: 0px;
            height: auto;
            overflow: hidden;
            transition: max-height 1s;
        }

            .HeaderMenuResponsivo > input + div a {
                text-decoration: none;
                display: block;
                padding-top: 10px;
                padding-bottom: 10px;
                text-align: left;
                padding: 13px 20px;
            }


                .HeaderMenuResponsivo > input + div a.menuresponsivoselezionato {
                    color: white;
                }
        /* elementoMenu elemento figlio default (da personalizzare) */
        .HeaderMenuResponsivo > input:checked + div {
            max-height: 559px;
            width: 100%;
            transition: max-height 1s ease-in-out;
        }

    .headerlingue {
        /*margin-top: 21px;*/
        position: relative;
        text-align: right;
    }

    .menu {
        display: block;
        margin: 18px 0px -10px 10px;
    }

    .contenitoreitem {
        width: calc(100% / 1);
    }



    /* MENU MOBILE CATEGORIE */

    /*div.MenuCategorieWrapper {
        width: 100%;
        padding-left: 0px;
        position: relative;
        top: 80px;
        min-width: 320px;
        background-image: none;
        height: auto;
        position: absolute;
        padding: 0px;
    }*/

    .pulsanti {
        margin-top: 50px;
    }

    .menucontenitore {
        /*width: 100%;*/
    }
    /* elementoMenu 
    div.MenuCategorieWrapper > label {
        display: inline-block;
        color: white;
        text-align: center;
    }*/

    div.MenuCategorieWrapper > label > span.CollezioniMenuCategorieWrapper {
        width: 100%;
        display: block;
        margin: 0px auto;
        text-align: center;
        padding-top: 9px;
    }

        div.MenuCategorieWrapper > label > span.CollezioniMenuCategorieWrapper > span.CollezioniMenuCategorieResponsivo {
            display: inline-block;
            font-size: 15px;
        }

        div.MenuCategorieWrapper > label > span.CollezioniMenuCategorieWrapper > span.FreccettaMenuCategorieResponsivo {
            display: inline-block;
            padding-top: 5px;
            margin-left: 15px;
        }

            div.MenuCategorieWrapper > label > span.CollezioniMenuCategorieWrapper > span.FreccettaMenuCategorieResponsivo > span.triangle-down {
                display: block;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 15px solid #d4d4d4;
            }

            div.MenuCategorieWrapper > label > span.CollezioniMenuCategorieWrapper > span.FreccettaMenuCategorieResponsivo > span.triangle-down2 {
                position: relative;
                margin-top: -18px;
                border-top: 15px solid black;
            }

    /*div.MenuCategorieWrapper > label {
        display: block;
        margin: 0px auto;
        min-width: 100px;
        padding-bottom: 14px;
        background-color: #000;
    }*/

    div.MenuCategorieWrapper > input {
        display: none;
    }

        /*div.MenuCategorieWrapper > input + div {
            max-height: 0px;
            overflow: hidden;
            transition: max-height 1s;
            opacity: 0.95;
        }*/

        div.MenuCategorieWrapper > input:checked + div {
            max-height: 1000px;
            height: auto;
            transition: max-height 1s;
        }

    div.MenuCategorieWrapper div.MenuCategorieItem {
        display: block;
        color: white;
        width: 100%;
        height: auto;
        margin-left: 0px;
    }

    .categorie {
        display: block;
        width: 100%;
        /*border-bottom: solid 2px silver;*/
    }

    div.MenuCategorieWrapper .categorie:last-child {
        width: 100%;
    }

    .menuinterno {
        text-align: left;
        display: block;
        width: 100%;
        background-color: black;
        opacity: 0.7;
    }

        .menuinterno a {
            text-align: center;
            margin-bottom: 5px;
            color: white;
            text-decoration: none;
            display: block;
        }

    /* DEFAULT */

    .corpohomepage1 {
        margin: 50px 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .corpohomepage2 {
        margin: 50px 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .corpohomepage22 {
        margin: 50px 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .corpohomepage11 {
        margin: 60px 0px;
    }

    .novita {
        padding: 0px 20px;
        text-align: center;
    }

    .sfondofascia {
        margin: 0px 0px;
    }

    .HomeSinistra {
        width: 100%;
        float: left;
    }

    .HomeDestra {
        width: 100%;
        float: right;
    }

    .HomeCentrale {
        text-align: center;
    }

    .colonna1 {
        width: 100%;
        float: left;
        padding: 0px 20px 0px 20px;
        box-sizing: border-box;
        text-align: left;
    }

    .colonnafascia1 {
        width: 90%;
        margin: 22px 0px;
        position: relative;
    }

        .colonnafascia1 > img {
            width: 97%;
        }

    .colonnafascia2 {
        width: 90%;
        margin: 22px 0px;
    }

    .containerElenco {
        margin: 50px auto;
    }



    /* ESCAVATORI */

    .Testo {
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .Info {
        display: none;
    }

    /* RICAMBI */

    .containerDettaglio {
        margin: 50px auto;
    }

    /* FOOTER */

    .spazioFooter {
        margin-bottom: 0;
    }

    .titolofooter {
        padding-bottom: 10px;
    }

    .footer {
        width: 100%;
        background-color: #293891;
        padding-bottom: 1px;
        padding-top: 20px;
        font-family: 'Roboto', sans-serif;
        font-size: 10px;
        position: relative;
        z-index: 1;
    }

    .footer2 {
        position: relative;
        z-index: 3;
        padding-bottom: 75px;
    }

    .FooterItem {
        width: 100%;
        float: none;
        padding: 10px;
        color: white;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

        .FooterItem > img {
            width: 100%;
            max-width: 320px;
            display: block;
            margin: 0px auto;
        }

        .FooterItem a {
            color: white;
            text-decoration: none;
        }

    .FooterItem2 {
        width: 100%;
        float: none;
        color: white;
        margin-bottom: 10px;
        padding: 10px;
        box-sizing: border-box;
    }

        .FooterItem2 a {
            color: white;
            text-decoration: none;
        }

    .FooterItemLinkRight {
        position: relative;
        top: auto;
        right: auto;
    }


    /* CONTATTI */
    .ContattiSinistra {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 68px;
    }

        .ContattiSinistra img {
            width: 100%;
        }

    .ContattiDestra {
        width: 100%;
        font-size: 13px;
        color: black;
    }

    .titolocontatti {
        font-weight: 200;
        margin-top: 0px;
        padding-top: 0px;
        padding-left: 20px;
        font-size: 30px;
        line-height: 28px;
        font-family: 'Roboto', sans-serif;
        padding-bottom: 20px;
    }

    .testocontatti {
        color: black;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 300;
        padding-bottom: 20px;
        padding-left: 20px;
    }

    .informazioni {
        font-weight: 500;
        padding-top: 0px;
        font-size: 24px;
        line-height: 30px;
        font-family: Roboto, sans-serif;
    }

    .ContattiDestra a {
        color: black;
        text-decoration: none;
    }

    .ContattiForm {
        width: 100%;
        color: black;
    }

    /* TRATTAMENTO DATI PERSONALI */

    div.TrattamentoDatiPersonaliWrapper {
        padding: 20px;
        position: relative;
        color: black;
        font-size: 17px;
    }

    div.HomeNovita {
        position: relative;
    }

    .LabelIntestazioneMenuSinistro {
        width: 100%;
    }
    /* PAGINA ELENCO */
    .contenitoreitem {
    }

    .sfondomenu {
        /*height: 37px;*/
        height: 57px;
    }

    .TutteCategorie {
        display: block;
        width: 100%;
    }

    .Tuttiprodotti {
        display: block;
        width: 100%;
        border: none;
        padding: 10px;
        margin-top: 20px;
    }

    /* PAGINA DETTAGLIO */

    div.ImmaginePrincipale {
        margin: 0px auto;
        position: relative;
        min-height: 200px;
        width: 100%;
    }

        div.ImmaginePrincipale img {
            display: block;
            margin: 0px auto;
            width: 100%;
            position: relative;
        }

    div.PaginaDettaglio {
        float: none;
        width: 100%;
        padding: 0px;
        vertical-align: top;
        margin-top: 20px;
    }

    .Dettaglio {
        width: 100%;
        padding: 0px 10px 20px 10px;
        box-sizing: border-box;
    }

    div.ImmaginiAllegateWrapper {
        width: 100%;
        margin-top: 15px;
        text-align: center;
        display: block;
    }

        div.ImmaginiAllegateWrapper img {
            display: inline-block;
            max-width: 310px;
        }

    .sfondotitolo {
        padding: 3% 10px 10px 10px;
    }

    .ImmagineAllegataItem {
        width: 90%;
        max-width: 320px;
        min-height: 155px;
        margin-bottom: 10px;
    }

    /* */
    .OfficinaMobileWrapper {
        padding: 0px 20px;
        box-sizing: border-box;
    }

    .ricambio {
        margin-bottom: 25px;
    }

    .ricambioAlt {
        margin-bottom: 50px;
    }

    .ImmagineOfficinaMobile {
        float: none;
        margin: 0px auto;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 90%;
        max-width: 400px;
    }

    .ImmagineOfficinaMobileAlt {
        float: none;
        margin: 0px auto;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 90%;
        max-width: 400px;
    }

    .OfficinaMobileRight {
        float: none;
        width: 100%;
    }

    .OfficinaMobileRightAlt {
        float: none;
        width: 100%;
    }
}

/*###################  AREA RISERVATA #######################*/
.contenitoreArea {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    /* display: -webkit-flex; */
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 80vh;
    position: relative;
    background-color: rgb(245,245,245);
}

    .contenitoreArea:before, .contenitoreArea:after {
        -webkit-box-flex: 1;
        box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        content: '';
        display: block;
        height: 24px;
    }

.internoArea {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    display: block;
    margin: 0 auto;
    min-height: 0;
    width: 400px;
    min-height: 428px;
    padding: 48px 40px 36px;
    box-sizing: border-box;
}

    .internoArea img {
        height: 30px;
        display: block;
    }

.accedi {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
    padding-top: 16px;
}

.utilizza {
    padding-bottom: 3px;
    padding-top: 1px;
}

.accesso {
    padding: 30px 0px 0px 0px;
}

.inputBot {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid lightgrey;
    padding: 3px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
    outline: none;
}

.accessonegato {
    font-size: 12px;
}

.contenitoreNega {
    height: 20px;
}

.contenitoreaccedi {
    margin-top: 30px;
}

.accessoform {
    -webkit-user-select: none;
    -webkit-transition: background .2s .1s;
    transition: background .2s .1s;
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    min-width: 4em;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-tap-highlight-color: transparent;
    z-index: 0;
    background: #4285f4;
    color: #fff;
    padding: 10px 30px;
    float: right;
    width: 150px;
}