@charset "UTF-8";


.immagine-copertina
{
    height: 550px;
    padding: 61px 96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: url(../../res/img/sfondo_boooks_project.jpg) lightgray 0px / cover no-repeat;
    background-position: center center;
}

.logo-center
{
    width: 190px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 25px;
}


.viewport-xs .immagine-copertina,
.viewport-sm .immagine-copertina,
.viewport-md .immagine-copertina
{
    height: 300px;
}



.immagine-copertina.media
{
    background: url(../../res/img/sfondo_boooks_project_media.jpg) lightgray 0px / cover no-repeat;
}

.immagine-copertina.pod
{
    background: url(../../res/img/sfondo_boooks_project_pod.jpg) lightgray 0px / cover no-repeat;
}

.immagine-copertina.factory
{
    background: url(../../res/img/sfondo_boooks_project_factory.jpg) lightgray 0px / cover no-repeat;
}

.immagine-copertina.distribution
{
    background: url(../../res/img/sfondo_boooks_project_distribution.jpg) lightgray 0px / cover no-repeat;
}


.testo-pagina
{
    margin-top: 66px;
    margin-bottom: 40px;
    padding: 0px 212px;
}

.testo-pagina.testo-pagina-post-logo
{
    margin-top: 20px;
}

.testo-pagina.secondo
{
    margin-bottom: 0px;
}


.testo-pagina .row-servizi-testo h1
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}


.testo-pagina .row-servizi-testo p.testo-descrizione,
.testo-pagina .row-servizi-testo div.testo-descrizione
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 15px;
}


.testo-pagina .row-servizi-testo div.testo-descrizione.elenco-non-elenco
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}

.testo-pagina .row-servizi-testo div.testo-descrizione.elenco-non-elenco div
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}

.testo-pagina .row-servizi-testo div.testo-descrizione.elenco-non-elenco div strong
{
    font-size: 18px;
    border-bottom: 3px solid #F4D35E;
}

.ruolo-sottolineato span
{
    border-bottom: 3px solid #F4D35E;
}

.testo-pagina .btn-primary-boooks
{
    padding: 8px 16px;
}


.testo-no-margin-top-dist
{
    margin-top: 0px !important;
}

.testo-no-margin-bottom-dist
{
    margin-bottom: 0px !important;
}


.testo-pagina h1
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}


.testo-pagina h2
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
    margin-top: 32px;
    margin-bottom: 15px;
}

.testo-pagina h2.sottotitolo
{
    font-size: 30px;
    font-style: normal;
}


.testo-pagina h3
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    margin-top: 32px;
    margin-bottom: 15px;
}

.testo-pagina h3.sottotitolo
{
    font-size: 28px;
    font-style: normal;
    line-height: 36px;
}

.evidenzia-testo
{
    font-weight: 700;
}

ul li
{
    padding-top: 12px;
    font-size: 16px;
}

.servizi-blocchi
{
    margin-top: 32px;
}

.servizi-blocchi .container-blocchi
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.servizi-blocchi .container-blocchi .blocco
{
    width: 100%;
    border-radius: 12px;
    padding: 40px 30px;
    color: #ffffff;
    cursor: pointer;
}

.servizi-blocchi .container-blocchi.primo .blocco
{
    min-height: 255px;
    min-width: 275px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    cursor: default !important;
}


.viewport-xl .servizi-blocchi .container-blocchi.primo .blocco,
.viewport-xxl .servizi-blocchi .container-blocchi.primo .blocco
{
    justify-content: center;
}


.viewport-xs .servizi-blocchi .container-blocchi.primo .blocco,
.viewport-sm .servizi-blocchi .container-blocchi.primo .blocco,
.viewport-md .servizi-blocchi .container-blocchi.primo .blocco,
.viewport-lg .servizi-blocchi .container-blocchi.primo .blocco
{
    min-height: 125px;
}


.link-blocco
{
    font-weight: bold;
    text-decoration: underline;
}

.servizi-blocchi .container-blocchi.secondo .blocco
{
    min-height: 255px;
}

.viewport-xs .servizi-blocchi .container-blocchi.secondo .blocco,
.viewport-sm .servizi-blocchi .container-blocchi.secondo .blocco,
.viewport-md .servizi-blocchi .container-blocchi.secondo .blocco,
.viewport-lg .servizi-blocchi .container-blocchi.secondo .blocco
{
    min-height: 150px;
}

.servizi-blocchi .container-blocchi.secondo .blocco
{
    cursor: default;
}

.servizi-blocchi .container-blocchi .blocco div:first-child
{
    font-weight: bold;
    font-size: 35px;
}

.servizi-blocchi .container-blocchi .blocco div:nth-child(2)
{
    font-size: 16px;
}

.servizi-blocchi .container-blocchi .blocco:first-child,
.servizi-blocchi .container-blocchi .blocco:first-child .link-blocco
{
    background-color: #faf0ca;
    color: #020202;
}

.servizi-blocchi .container-blocchi .blocco:nth-child(2),
.servizi-blocchi .container-blocchi .blocco:nth-child(2) .link-blocco
{
    background-color: #CDD9DE;
    color: #0F3D67;
}

.servizi-blocchi .container-blocchi .blocco:nth-child(3),
.servizi-blocchi .container-blocchi .blocco:nth-child(3) .link-blocco
{
    background-color: #577D76;
    color: #ffffff;
}

.servizi-blocchi .container-blocchi .blocco:nth-child(4),
.servizi-blocchi .container-blocchi .blocco:nth-child(4) .link-blocco
{
    background-color: #EE964B;
    color: #020202;
}



.container-blocchi.secondo
{
    gap: 30px;
}

.servizi-blocchi .container-blocchi.secondo .blocco
{
    background-color: #f4f4f4;
    color: #020202;
}


.servizi-blocchi .container-blocchi.secondo .blocco.per-chi
{
    transition: background-color .2s linear;
}


.servizi-blocchi .container-blocchi.secondo .blocco.per-chi:hover
{
    background: #F4D35E;
}


.row-servizi.blocchi
{
    margin-top: 66px;
    margin-bottom: 80px;
}

.row-servizi.blocchi h2
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    padding: 0px;
    margin-bottom: 42px;
}


.link-per-chi
{
    margin-top: 24px;
}

.link-per-chi a
{
    text-decoration: underline;
    font-weight: 600;
}



span.domanda-idea
{
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}




.container-blocchi-composizione
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    margin-top: 66px;
    margin-bottom: 80px;
}

.container-blocchi-composizione.factory-blocchi
{
    margin-top: 12px;
    margin-bottom: 50px;
}

.container-blocchi-composizione .left,
.container-blocchi-composizione .right
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.container-blocchi-composizione .right .primo,
.container-blocchi-composizione .right .secondo,
.container-blocchi-composizione .right .terzo
{
    width: 100%;
}

.container-blocchi-composizione .left .primo,
.container-blocchi-composizione .right .primo .sinistra,
.container-blocchi-composizione .right .secondo .destra,
.container-blocchi-composizione .right .terzo .sinistra,
.container-blocchi-composizione.pod-blocchi .left .terzo
{
    border-radius: 12px;
    padding: 40px 30px;
    min-width: 441px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    min-height: 280px;
    width: 100%;
}

.container-blocchi-composizione.bp-blocchi .left .terzo,
.container-blocchi-composizione.dist-blocchi .left .terzo,
.container-blocchi-composizione.factory-blocchi .left .terzo,
.container-blocchi-composizione.media-blocchi .left .terzo
{
    min-height: 289px;
}

.container-blocchi-composizione .right .terzo .sinistra
{
    min-height: 360px;
}


.container-blocchi-composizione .left .primo
{
    background: #faf0ca;
    min-height: 430px;
}

.viewport-md .container-blocchi-composizione .left .primo,
.viewport-lg .container-blocchi-composizione .left .primo,
.viewport-xl .container-blocchi-composizione .left .primo
{
    min-height: 260px;
}

.container-blocchi-composizione .left .secondo
{
    min-height: 200px;
    background: url(../../res/img/img-1-blocchi-proj.jpg) lightgray 0px / cover no-repeat;
    width: 100%;
    border-radius: 12px;
    position: relative;
}

.container-blocchi-composizione.pod-blocchi .left .secondo
{
    background: url(../../res/img/img-1-blocchi-proj_2.jpg) lightgray 0px / cover no-repeat;
}

.container-blocchi-composizione .left .secondo img
{
    position: absolute;
    top: 22px;
    right: 58px;
}


.container-blocchi-composizione .left .terzo
{
    min-height: 130px;
    background: #F4D35E;
    width: 100%;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.container-blocchi-composizione.pod-blocchi .left .terzo
{
    min-height: 210px;
}


.container-blocchi-composizione .left .terzo img
{
    width: 150px;
}

.container-blocchi-composizione .right .primo,
.container-blocchi-composizione .right .secondo,
.container-blocchi-composizione .right .terzo
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}


.container-blocchi-composizione .right .primo .sinistra
{
    background: #CDD9DE;
}

.container-blocchi-composizione .right .primo .destra
{
    min-height: 280px;
    background: url(../../res/img/img-3-blocchi-proj.jpg) lightgray 0px / cover no-repeat;
    min-width: 220px;
    border-radius: 12px;
}

.container-blocchi-composizione.media-blocchi .right .primo .destra
{
    min-height: 307px;
}


.viewport-xl .container-blocchi-composizione.media-blocchi .right .primo .destra,
.viewport-lg .container-blocchi-composizione.media-blocchi .right .primo .destra
{
    min-height: 280px;
}


.container-blocchi-composizione.pod-blocchi .right .primo .destra
{
    background: url(../../res/img/img-3-blocchi-proj_2.jpg) lightgray 0px / cover no-repeat;
}



.container-blocchi-composizione .right .secondo .destra
{
    background: #577D76;
}

.container-blocchi-composizione .right .secondo .sinistra
{
    background: #020202;
    border-radius: 12px;
    min-height: 280px;
    min-width: 220px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container-blocchi-composizione .right .secondo .sinistra img
{
    width: 95%;
    max-width: 118px;
}

.container-blocchi-composizione .right .terzo .sinistra
{
    background: #EE964B;
}

.container-blocchi-composizione .right .terzo .destra
{
    min-height: 360px;
    background: url(../../res/img/img-2-blocchi-proj.jpg) lightgray 0px / cover no-repeat;
    min-width: 220px;
    border-radius: 12px;
}

.container-blocchi-composizione.pod-blocchi .right .terzo .destra
{
    background: url(../../res/img/img-2-blocchi-proj_2.jpg) lightgray 0px / cover no-repeat;
}


.container-blocchi-composizione .left .primo div:first-child,
.container-blocchi-composizione .right .primo .sinistra div:first-child,
.container-blocchi-composizione .right .secondo .destra div:first-child,
.container-blocchi-composizione .right .terzo .sinistra div:first-child,

.container-blocchi-composizione.pod-blocchi .left .terzo div:first-child
{
    color: #000;
    font-family: "Noto Sans";
    font-size: 58px;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
}


.container-blocchi-composizione .left .primo div:nth-child(2),
.container-blocchi-composizione .right .primo .sinistra div:nth-child(2),
.container-blocchi-composizione .right .secondo .destra div:nth-child(2),
.container-blocchi-composizione .right .terzo .sinistra div:nth-child(2),

.container-blocchi-composizione.pod-blocchi .left .terzo div:nth-child(2)
{
    color: #000;
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}


.container-blocchi-composizione .right .primo .sinistra div:first-child,
.container-blocchi-composizione.bp-blocchi .right .primo .sinistra div:first-child,
.container-blocchi-composizione.bp-blocchi .right .primo .sinistra div:nth-child(2),
.container-blocchi-composizione.media-blocchi .right .primo .sinistra div:first-child,
.container-blocchi-composizione.media-blocchi .right .primo .sinistra div:nth-child(2),
.container-blocchi-composizione.pod-blocchi .right .primo .sinistra div:first-child,
.container-blocchi-composizione.pod-blocchi .right .primo .sinistra div:nth-child(2),
.container-blocchi-composizione.factory-blocchi .right .primo .sinistra div:first-child,
.container-blocchi-composizione.factory-blocchi .right .primo .sinistra div:nth-child(2)
{
    color: #0F3D67 !important;
}



.container-blocchi-composizione .right .secondo .destra div
{
    color: #ffffff !important;
}





.button-centered
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


/* .container-blocchi-distribution
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
} */

.container-blocchi-distribution .contenitore
{
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 18px;
    padding: 40px 30px;
    min-height: 270px;
}

.container-blocchi-distribution .contenitore div
{
    color: #000;
    font-family: "Noto Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.container-blocchi-distribution .contenitore div:first-child
{
    font-size: 30px;
    font-weight: 600;
    line-height: 42px;
}

.container-blocchi-distribution .contenitore:nth-child(even)
{
    background: #f4f4f4;
}

.container-blocchi-distribution .contenitore:nth-child(odd)
{
    background: #EE964B;
}



.lista-distribution-container
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 30px;
}


.lista-distribution-container div.cont
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}


.lista-distribution-container div.cont i
{
    color: #9A9A9A;
}


.lista-distribution-container div.cont div
{
    color: #000;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}


.card-distribution
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.card-distribution .card-dis
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border: 1px solid #F4D35E;
    border-radius: 5px;
    padding: 15px;
}

.card-distribution .card-dis div span
{
    font-size: 18px;
}

.card-distribution .card-dis div span:nth-child(2)
{
    color: #d6aa08;
}

.card-distribution .card-dis div:nth-child(2)
{
    text-align: center;
}




.container-colonne-factory
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    margin-top: 50px;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.container-colonne-factory .sx
{
    background: #ffffff; 
    color: #020202; 
    padding: 30px 15px;
    min-height: 420px; /* 490px; con link e immagine attivi e non commentati */
}

.container-colonne-factory .dx
{
  background: #020202; 
  color: #ffffff; 
  padding: 30px 15px;
  min-height: 420px; /* 490px; con link e immagine attivi e non commentati */
}

.container-colonne-factory .badge-su-title
{
    padding: 3px 10px;
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}


.container-colonne-factory .sx .badge-su-title
{
    background: #FAD60E;
    color: #020202;
}

.container-colonne-factory .dx .badge-su-title
{
    background: #332E19;
    color: #FAD60E;
}


.container-colonne-factory .title
{
    font-family: "Noto Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-top: 12px;
    margin-bottom: 12px;
}



.container-colonne-factory .elenco
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    margin-top: 16px;
}


.container-colonne-factory .elenco .punto-elenco,
.blocchi-attori-factory .blocco .elenco .punto-elenco
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}

.container-colonne-factory .elenco .punto-elenco i,
.blocchi-attori-factory .blocco .elenco .punto-elenco i
{
    color: #FAD60E;
}


.container-colonne-factory .link
{
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}

.container-colonne-factory .link img
{
    width: 100px;
}

.container-colonne-factory .link a
{
    border-bottom: 1px solid #FAD60E;
}

.container-colonne-factory .dx .link a
{
    color: #ffffff !important;
}



.blocchi-attori-factory
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}

.blocchi-attori-factory .blocco
{
    background: #fbfbfb;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    padding: 30px 15px;
    min-height: 385px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    transition: border 0.3s, background 0.2s;
}

.blocchi-attori-factory .blocco:hover
{
    border: 1px solid #FAD60E;
    cursor: pointer;
    background: #f7f7f7;
}

.blocchi-attori-factory .blocco > div:first-child
{
    font-family: "Noto Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}


.blocchi-attori-factory .blocco .elenco
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}


.blocco-giallo-factory
{
    background: #f6eb8c;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 30px 20px;
    border-radius: 5px;
    margin: 0;
    margin-bottom: 80px;
}


.blocco-giallo-factory h2
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
}


.blocco-giallo-factory .testo
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.btn-black-factory {
	background: #020202;
	color: #ffffff;
	border: 1px solid #020202;
	font-weight: 500;
	border-radius: 5px;
	text-decoration: none;
    padding: 8px 16px;
    margin-top: 20px;
}

.btn-black-factory:hover {
	background: #202020;
	color: #ffffff;
	border: 1px solid #202020;
}

.btn-black-factory:active {
	background: #313131;
	color: #ffffff;
	border: 1px solid #313131;
}

.btn-black-factory:focus {
	background: #323131;
	color: #ffffff;
	border: 1px solid #323131;
}




/* MEDIA QUERIES */

.viewport-xs .blocchi-attori-factory,
.viewport-sm .blocchi-attori-factory,
.viewport-md .blocchi-attori-factory
{
    flex-direction: column;
    gap: 0px;
}

.viewport-xs .blocchi-attori-factory .blocco,
.viewport-sm .blocchi-attori-factory .blocco,
.viewport-md .blocchi-attori-factory .blocco
{
    min-height: 280px;
}



.viewport-xs .container-colonne-factory,
.viewport-sm .container-colonne-factory,
.viewport-md .container-colonne-factory
{
    flex-direction: column;
    gap: 0px;
}


.viewport-xs .container-colonne-factory .sx,
.viewport-sm .container-colonne-factory .sx,
.viewport-md .container-colonne-factory .sx
{
    border: 1px solid #f0f0f0;
}

.viewport-xs .container-colonne-factory .sx,
.viewport-sm .container-colonne-factory .sx,
.viewport-md .container-colonne-factory .sx,

.viewport-xs .container-colonne-factory .dx,
.viewport-sm .container-colonne-factory .dx,
.viewport-md .container-colonne-factory .dx
{
    width: 100%;
}



.viewport-lg .card-distribution .card-dis
{
    min-height: 145px;
}

.viewport-xs .card-distribution,
.viewport-sm .card-distribution,
.viewport-md .card-distribution
{
    flex-direction: column;
    width: 100%;
}

.viewport-xs .card-distribution .card-dis,
.viewport-sm .card-distribution .card-dis,
.viewport-md .card-distribution .card-dis
{
    width: 100%;
}



.viewport-xs .servizi-blocchi .container-blocchi,
.viewport-sm .servizi-blocchi .container-blocchi,
.viewport-md .servizi-blocchi .container-blocchi,
.viewport-lg .servizi-blocchi .container-blocchi
{
    flex-direction: column;
}

.viewport-xs .container-blocchi.secondo,
.viewport-sm .container-blocchi.secondo,
.viewport-md .container-blocchi.secondo,
.viewport-lg .container-blocchi.secondo
{
    gap: 10px;
}

.viewport-xs .testo-pagina,
.viewport-xs .servizi-blocchi,
.viewport-sm .servizi-blocchi,
.viewport-md .servizi-blocchi
{
    padding: 0px 0px;
}

.viewport-sm .testo-pagina,
.viewport-md .testo-pagina,
.viewport-lg .testo-pagina,
.viewport-lg .servizi-blocchi,
.viewport-xl .servizi-blocchi
{
    padding: 0px 50px;
}






.viewport-xl .container-blocchi-composizione,
.viewport-lg .container-blocchi-composizione,
.viewport-md .container-blocchi-composizione,
.viewport-sm .container-blocchi-composizione,
.viewport-xs .container-blocchi-composizione
{
    flex-direction: column;
}


.viewport-md .container-blocchi-composizione .right .primo .destra,
.viewport-sm .container-blocchi-composizione .right .primo .destra,
.viewport-xs .container-blocchi-composizione .right .primo .destra,

.viewport-md .container-blocchi-composizione .right .secondo .sinistra,
.viewport-sm .container-blocchi-composizione .right .secondo .sinistra,
.viewport-xs .container-blocchi-composizione .right .secondo .sinistra,

.viewport-md .container-blocchi-composizione .right .terzo .destra,
.viewport-sm .container-blocchi-composizione .right .terzo .destra,
.viewport-xs .container-blocchi-composizione .right .terzo .destra,

.viewport-sm .container-blocchi-composizione .left .secondo,
.viewport-xs .container-blocchi-composizione .left .secondo,

.viewport-sm .container-blocchi-composizione:not(.pod-blocchi) .left .terzo,
.viewport-xs .container-blocchi-composizione:not(.pod-blocchi) .left .terzo
{
    display: none;
}


.viewport-xxl .container-blocchi-composizione .right .primo .sinistra,
.viewport-xxl .container-blocchi-composizione .right .secondo .destra,

.viewport-xxl .container-blocchi-composizione.pod-blocchi .left .terzo,

.viewport-xxl .container-blocchi-composizione .left .primo,
.viewport-xxl .container-blocchi-composizione .left .secondo,
.viewport-xxl .container-blocchi-composizione .left .terzo
{
    min-width: 441px;
}

.viewport-xxl .container-blocchi-composizione.media-blocchi .left .terzo
{
    min-height: 316px;
}

.viewport-xxl .container-blocchi-composizione .right .terzo .sinistra
{
    min-height: 360px;
}


.viewport-xs .container-blocchi-composizione .left .primo,
.viewport-xs .container-blocchi-composizione .left .secondo,
.viewport-xs .container-blocchi-composizione .left .terzo,
.viewport-sm .container-blocchi-composizione .left .primo,
.viewport-sm .container-blocchi-composizione .left .secondo,
.viewport-sm .container-blocchi-composizione .left .terzo,
.viewport-md .container-blocchi-composizione .left .primo,
.viewport-md .container-blocchi-composizione .left .secondo,
.viewport-md .container-blocchi-composizione .left .terzo,

.viewport-xs .container-blocchi-composizione .right .primo .sinistra,
.viewport-xs .container-blocchi-composizione .right .secondo .destra,
.viewport-xs .container-blocchi-composizione .right .terzo .sinistra,
.viewport-sm .container-blocchi-composizione .right .primo .sinistra,
.viewport-sm .container-blocchi-composizione .right .secondo .destra,
.viewport-sm .container-blocchi-composizione .right .terzo .sinistra,
.viewport-md .container-blocchi-composizione .right .primo .sinistra,
.viewport-md .container-blocchi-composizione .right .secondo .destra,
.viewport-md .container-blocchi-composizione .right .terzo .sinistra,

.viewport-xs .container-blocchi-composizione.pod-blocchi .left .terzo,
.viewport-sm .container-blocchi-composizione.pod-blocchi .left .terzo,
.viewport-md .container-blocchi-composizione.pod-blocchi .left .terzo
{
    min-width: auto;
}


.viewport-xs .container-blocchi-composizione .left .primo div:first-child,
.viewport-xs .container-blocchi-composizione .left .secondo div:first-child,
.viewport-xs .container-blocchi-composizione .left .terzo div:first-child,
.viewport-sm .container-blocchi-composizione .left .primo div:first-child,
.viewport-sm .container-blocchi-composizione .left .secondo div:first-child,
.viewport-sm .container-blocchi-composizione .left .terzo div:first-child,
.viewport-md .container-blocchi-composizione .left .primo div:first-child,
.viewport-md .container-blocchi-composizione .left .secondo div:first-child, 
.viewport-md .container-blocchi-composizione .left .terzo div:first-child,

.viewport-xs .container-blocchi-composizione .right .primo .sinistra div:first-child,
.viewport-xs .container-blocchi-composizione .right .secondo .destra div:first-child,
.viewport-xs .container-blocchi-composizione .right .terzo .sinistra div:first-child,
.viewport-sm .container-blocchi-composizione .right .primo .sinistra div:first-child, 
.viewport-sm .container-blocchi-composizione .right .secondo .destra div:first-child,
.viewport-sm .container-blocchi-composizione .right .terzo .sinistra div:first-child,
.viewport-md .container-blocchi-composizione .right .primo .sinistra div:first-child,
.viewport-md .container-blocchi-composizione .right .secondo .destra div:first-child,
.viewport-md .container-blocchi-composizione .right .terzo .sinistra div:first-child,

.viewport-xs .container-blocchi-composizione.pod-blocchi .left .terzo div:first-child,
.viewport-sm .container-blocchi-composizione.pod-blocchi .left .terzo div:first-child,
.viewport-md .container-blocchi-composizione.pod-blocchi .left .terzo div:first-child
{
    font-size: 40px;
    line-height: 36px;
}


.viewport-xs .container-blocchi-composizione .right .terzo .sinistra,
.viewport-sm .container-blocchi-composizione .right .terzo .sinistra,
.viewport-md .container-blocchi-composizione .right .terzo .sinistra
{
    min-height: 280px;
}

.viewport-md .container-blocchi-composizione.pod-blocchi .left .terzo
{
    min-height: 280px;
}







/* --- */