/*THIS PURE CODE WAS CREATED BY QBICO. IF YOU STEAL THIS CODE, CAN YOUR GOD STRIKE YOUR KEYBOARD DOWN :) */

 /*GENERIC*/
.block600 { display: none; }
.block800 { display: none; }
.none { display: none; }
.block { display: block; }
.right { float: right; }
.left { float: left; }
.clearBoth { clear: both; }
.clearer { display: block; clear: both; height: 1px; overflow: hidden; }
.m0 { margin: 0; }
.mT0 { margin-top: 0; }
.mB0 { margin-bottom: 0; }
.mV0 { margin-top: 0; margin-bottom: 0; }
.p0 { padding: 0; }
.pT0 { padding-top: 0; }
.pV0 { padding-top: 0; padding-bottom: 0; }
.pT10 { padding-top: 10px; }
.pT20 { padding-top: 20px; }
.pT30 { padding-top: 30px; }
.pT40 { padding-top: 40px; }
.pT50 { padding-top: 50px; }
.pB0 { padding-bottom: 0; }
.pB10 { padding-bottom: 10px; }
.pB20 { padding-bottom: 20px; }
.pB30 { padding-bottom: 30px; }
.pB40 { padding-bottom: 40px; }
.pB50 { padding-bottom: 50px; }
.pB70 { padding-bottom: 70px; }
.pB80 { padding-bottom: 80px; }
.pB100 { padding-bottom: 100px; }
.mw100 { max-width: 100%; }
.w100 { width: 100%; }
.tCenter { text-align: center; }
.tRight { text-align: right; }
.tLeft{ text-align: left; }
.regular { font-weight: 400; }
.strong { font-weight: 700; }
.uppercase { text-transform: uppercase; }




/*LAYOUT*/
.divSiteContainer { width: 100%; max-width: 1200px; margin: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.div1ColExact { width: 100%; margin: auto; }
.div1Col { width: 95%; padding: 0 2.5%;  }
.div1ColThin { width: 97.5%; padding: 0 1.25%;  }

.div2ColExact { width: 50%;  float: left; }
.div2Col { width: 46.25%;  float: left; }
.p2Col_1 { padding-left: 2.5%;  padding-right: 1.25%; }
.p2Col_2 { padding-left: 1.25%;  padding-right: 2.5%; }

.div3ColExact { width: 33.3333%; float: left; }
.div3Col { width: 30%; float: left; }
.div3Col_dx { width: 62.5%; float: left; }
.p3Col_1 { padding-left: 2.5%;  padding-right: 1.25%; }
.p3Col_2 { padding-left: 1.25%;  padding-right: 1.25%; }
.p3Col_3 { padding-left: 1.25%;  padding-right: 2.5%; }

.mRCol { margin-right: 2.5%; }
.mLCol { margin-left: 2.5%; }



 /*RESPONSIVE*/
@media screen and (max-width: 1000px) {
    .div2ColExact { width: 100%; float: none; }
    .div3ColExact { width: 100%; float: none; }
    .div2Col { width: 90%; max-width: none; float: none; }
    .p2Col_1, .p2Col_2 { padding-left: 5%;  padding-right: 5%; }
    .div3Col, .div3Col_dx { width: 90%; max-width: none; float: none; }
    .p3Col_1, .p3Col_2, .p3Col_3 { padding-left: 5%;  padding-right: 5%; }
    .p3Col_Top { padding-top: 50px; }

    .noBlock1000 { display: inline; }
}


@media screen and (max-width: 800px) {
    .noBlock800 { display: inline; }
    .block800 { display: block; }
    .hide800 { display: none; }
}


@media screen and (max-width: 600px) {
    .noBlock600 { display: inline; }
    .block600 { display: block; }
    .hide600 { display: none; }
}




/*GRID 5 ELEM*/
.divGrid5 { float: left; width: 20%;  padding: 1.25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 1000px) { .divGrid5 { width: 25%; }  }
@media screen and (max-width: 800px) { .divGrid5 { width: 33.3333%; padding: 2%; }  }
@media screen and (max-width: 600px) { .divGrid5 { width: 50%; padding: 2.5%; }  }
/*@media screen and (max-width: 400px) { .divGrid5 { width: 100%; padding: 5%; }  }*/
.divGrid5>img { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }


/* Blocco Emerson nella home */
.emersonAccreditedBlock {
    display: flex;
    align-items: center;   /* centra verticalmente le 2 colonne */
    flex-wrap: wrap;
}

.emersonAccreditedBlock .div2Col {
    float: none;
}

.emersonAccreditedBlock .p2Col_1 {
    display: flex;
    align-items: center;
    justify-content: center; /* centra il logo nella colonna */
}

.emersonAccreditedBlock .logo-emerson {
    display: block;
    width: 100%;
    max-width: 320px;
    height: auto;
}

@media screen and (max-width: 1000px) {
    .emersonAccreditedBlock {
        display: block;
    }

    .emersonAccreditedBlock .p2Col_1 {
        justify-content: flex-start;
    }

    .emersonAccreditedBlock .logo-emerson {
        max-width: 240px;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
    }
}