/*
 Theme Name:   F2N theme
 Theme URI:    https://www.comlabsrl.com
 Description:  Tema Child di NapPheme
 Author:       nappa5150
 Author URI:   https://www.comlabsrl.com
 Template:     nappheme
 Version:      1.5
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Personalized
 Text Domain:  napphemechild
*/
/* ************************************************************************** */
/* *                                                                        * */
/* *  theme: F2N                                                            * */
/* *                                                                        * */
/* ************************************************************************** */
/* ----------------------------------------------------------------------------- BODY -------- */
body { font-family: 'Poppins', sans-serif; font-weight: 300; }
/* ----------------------------------------------------------------------------- TITOLI -------- */

/* ----------------------------------------------------------------------------- TESTI -------- */

/* ----------------------------------------------------------------------------- LINK HREF -------- */

/* ----------------------------------------------------------------------------- IMMAGINI -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  COLORI SECTION                                                        * */
/* *                                                                        * */
/* ************************************************************************** */

/* ----------------------------------------------------------------------------- COLORI SEZIONI -------- */
/* ----------------------------------------------------------------------------- TITOLI -------- */
h1 {
    color: #0e7083;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: 90%;
}
h2 {
    color: #1798ab;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 90%;
}
h3 {
    color: #149276;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 95%;
}
h4 {
    color: #149276;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 28px;
    line-height: 36px;
}
h5 {
    color: #149276;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 22px;
    line-height: 32px;
}

/* ----------------------------------------------------------------------------- TESTI -------- */
p {
    color: #585857;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
}
ul {
    font-size: 18px;
    line-height: 26px;
}
/* ----------------------------------------------------------------------------- LINK HREF -------- */
.link-bianco a, .link-bianco a:link, .link-bianco a:visited {
    color: #ffffff;
    text-decoration: underline;
}
.link-bianco a:hover, a.link-bianco a:active, a.link-bianco a:focus {
    color: #ffffff;
    text-decoration: underline;
}
.link-nero, .link-nero :link, .link-nero a:visited {
    color: #000000;
    text-decoration: underline;
}
.link-nero :hover, .link-nero a:active, a.link-nero a:focus {
    color: #000000;
    text-decoration: underline;
}
.link-grigio, .link-grigio :link, .link-grigio a:visited {
    color: #585857;
    text-decoration: underline;
}
.link-grigio :hover, .link-grigio a:active, a.link-grigio a:focus {
    color: #585857;
    text-decoration: underline;
}
/* ----------------------------------------------------------------------------- IMMAGINI -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  COLORI SECTION                                                        * */
/* *                                                                        * */
/* ************************************************************************** */

/* ----------------------------------------------------------------------------- COLORI SEZIONI -------- */
/* BODY */
body { background-color: #ffffff; color: #585857; }
/* WIDGET HEADER */
.color-bg-headerwidget-wrap { background-color: transparent;}
.color-bg-headerwidget-content { background-color: transparent;}
.color-txt-headerwidget-content { color: #ffffff; }
.color-txt-headerwidget-content p { color: #ffffff; padding: 0; }
.color-txt-headerwidget-content .wp-block-columns { margin: 0; }
/* HEADER */
.color-bg-header-wrap {
    background-color: #ffffff;
    border-bottom: 1px solid #a1a1a1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.color-bg-header-content { background-color: transparent; }
.color-txt-header-content { color: #585857; }
/* CONTENT */
.color-bg-content-wrap { background-color: #ffffff; }
.color-bg-content-content { background-color: #ffffff; }
.color-txt-content-content { color: #585857; }
/* FOOTER */
.color-bg-footer-wrap { background-color: #0e7083; }
.color-bg-footer-content { background-color: #0e7083; }
.color-txt-footer-content { color: #ffffff; }
.color-txt-footer-content p { color: #ffffff; }
.color-txt-footer-content a:link,
.color-txt-footer-content a:visited,
.color-txt-footer-content a:hover,
.color-txt-footer-content a:active { color: #ffffff; text-decoration: none; }
/* ----------------------------------------------------------------------------- COLORI GB e TXT -------- */
/* COLORI custom dei WP-BLOCK */
.has-pantone-3155-background-color { background-color: #0e7083;}
.has-pantone-3155-color { color: #0e7083;}
.has-pantone-2995-background-color { background-color: #1798ab;}
.has-pantone-2995-color { color: #1798ab;}
.has-pantone-7473-background-color { background-color: #149276;}
.has-pantone-7473-color { color: #149276;}
.has-pantone-7404-background-color { background-color: #fed545;}
.has-pantone-7404-color { color: #fed545;}
/* default color dei WP-Bloxk */
.has-nero-background-color { background-color: #000000;}
.has-nero-color { color: #000000;}
.has-verde-background-color { background-color: #39b54a;}
.has-verde-color { color: #39b54a;}
.has-bianco-background-color { background-color: #ffffff;}
.has-bianco-color { color: #ffffff;}
.has-rosso-background-color { background-color: #ff0000;}
.has-rosso-color { color: #ff0000;}

/* ************************************************************************** */
/* *                                                                        * */
/* *  LAYOUT PRINCIPALE                                                     * */
/* *                                                                        * */
/* ************************************************************************** */

/* ----------------------------------------------------------------------------- LARGHEZZE -------- */
/* ----------------------------------------------- larghezze tutto il sito -- */
.fixwidth {
    width: 1200px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/* ------------------------------------------- larghezze contenuto PRIMARY -- */
.wp-block-cover.alignwide {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-group.alignwide {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    position: relative;
}
/* ------------------------------------------- larghezze contenuto SIDEBAR -- */

/* ----------------------------------------------------------------------------- PAGE tutto il sito -------- */

/* ----------------------------------------------------------------------------- HEAD WIDGET -------- */
#head-site-widget {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.head-widget-content {
    /*height: 40px;*/
    width: 1150px; padding-bottom: 5px;
    border-bottom: 1px solid #a1a1a1;
}
.wp-container-4 {
    padding: 0;
    margin: 0;
}
.wp-container-2 > p {
    padding: 0;
    margin: 0;
}
/* ----------------------------------------------------------------------------- HEAD -------- */
.site-head-height { height: 100px; }
.site-head-height-compensation { height: 80px; }
.site-head {
    width: 1150px;
    max-width: 1150px;
    margin-left: 25px;
    margin-right: 25px;
}
/* ------------------------------------------------------ HEAD FullPage ----- */

/* ------------------------------------------------------ HEAD extra -------- */

/* ----------------------------------------------------- LOGO header -------- */
.wrap-logo-top {
    top: 10px;
    width: 175px;
}
/* ----------------------------------------------------- FORM search -------- */

/* --------------------------------------------------- CONTENT EXTRA -------- */
/* si possono aggiungere dei custom CSS */

/* ------------------------------------------------------- NEWS EXTRA ------- */

/* ------------------------------------------------------- NEWS EXTRA ------- */

/* ----------------------------------------------------------------------------- MAIN content -------- */

/* ------------------------------------------------------ WIDGET centrale --- */

/* ----------------------------------------------------------------------------- FOOTER content -------- */

/* -------------------------------------------- FOOTER con 4 widgets -------- */

/* ------------------------------------------------------ FOOTER box -------- */
.footer-grid-1111 { display: grid; grid-template-columns: 30% 23% 23% 23%; max-width: 100%; }
.footer-box-1 > .footer-box-content { padding-right: 1%;}
/* ----------------------------------- FOOTER box ID e stili singoli -------- */
.footer-box-border1,
.footer-box-border2,
.footer-box-border3,
.footer-box-border4 { border-right: 1px solid transparent; }

.footer-box-content > h3 { font-size: 18px;}
/* ----------------------------------------------------------------------------- MENUs -------- */
/* -------------------------------------------------------- wrap menu INSIDE */
.wrap-menu-inside-class {
    top: 38px;
    right: 0;
}
/* -------------------------------------------------------- wrap menu OUTSIDE */

/* --------------------------------------------------------- wrap menu BEYOND */

/* ----------------------------------------------------------------- MENU top */

/* ------------------------------------------------- MENU top sided */

/* ------------------------------------------------------------ MENU top RESP */

/* ------------------------------------------------------------- SUPERFISH SF */
/*** ESSENTIAL STYLES ***/
/*** DEMO SKIN ***/
/*** -------------------------------------------- DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 0.5em;
    text-transform: none;
    font-weight: 300;
    font-size: 110%;
    font-family: 'Montserrat', sans-serif;
}
/* box sottomenu */
.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
    border-bottom: 3px solid #0e7083;
    font-weight: 300;
    padding: 20px;
    background-color: #ffffff;
}
.sf-menu a {
    text-decoration: none;
    zoom: 1; /* IE7 */
    padding: 0 0.9em 0.4em 0.9em;
}
/* valido per tutti gli <a> */
.sf-menu a { color: #000000;}
.sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus { color: #0e7083; }
/* valido per tutti gli <li> */
.sf-menu li {
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
    cursor: pointer;
}
/* set dell'ultimo <li> */
.sf-menu li:last-child,
.sf-menu li:nth-last-child(last) {}
/* <li> dei sottomenu Liv 1 e Liv 2 */
.sf-menu ul li { background-color: #ffffff; }
.sf-menu ul ul li { background-color: #ffffff; }
/* valido per tutti gli HOVER <li> */
.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #ffffff;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
}
/* valido per gli HOVER <li> Liv 0 */
.sf-menu > li:hover,
.sf-menu > li.sfHover {
    background: transparent;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
}
/*** ARROWS (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 1.9em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.8em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #000; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(0, 0, 0, 1);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: #000000; /* IE8 fallback colour */
}
/* styling for right-facing ARROWS */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #000; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(0, 0, 0, 1);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #000000; }

/* style VOCI SELEZIONATE */
/* LIVELLO - 0 */
.sf-menu > li.current-menu-item > a { color: #84bb40; }
.sf-menu > li.current-menu-parent > a { color: #84bb40; }
.sf-menu > li.current-menu-ancestor > a { color: #84bb40; }
.sf-menu > li.current-page-ancestor > a { color: #84bb40; }
/* se una pagina NON è nel menu, ma è una sotto pagina e si vuole evidenziare il genitore */
.sf-menu > li.current-menu-parent a.sf-with-ul:after {}
/* LIVELLO - 1 */
.sf-menu > li ul.sub-menu > li a { color: #000000; padding-top: 5px; padding-left: 7px; padding-bottom: 3px }
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-item > a { color: #000000; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #000000; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #000000; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-parent ul.sub-menu > li > a { color: #000000; }
/* colore link Liv 1 */
.sf-menu > li.current-menu-parent ul.sub-menu > li > a:hover { color: #84bb40; }
/* colore link HOVER Liv 1 */
.sf-menu > li.menu-item ul.sub-menu > li > a:hover { color: #84bb40; }
/* colore link HOVER Liv 1 */
/* LIVELLO - 2 */
.sf-menu > li ul.sub-menu > li > ul.sub-menu > li a { color: #000000; padding-top: 5px; padding-left: 7px; padding-bottom: 3px }
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-item > a { color: #000000; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #000000; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #000000; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-item > a { color: #000000; }
/* item selezionato incluso solo li */

.sf-menu .current-post-ancestor a,
.sf-menu .current-menu-parent a,
.sf-menu .current-page-ancestor a,
.sf-menu .current-category-ancestor a,
.sf-menu .active_category a,
.sf-menu .current-menu-item a {
    background: rgba(255, 255, 255, 0);
}
/* voce di menu selezionata: livello 0 e sotto livello */
.current-menu-parent > a,
.current-menu-item a {}
ul li .sub-menu a:hover,
ul li .sub-menu .current-menu-item a,
ul li .sub-menu .current-menu-item a:hover,
.sub-menu li.sfHover > a {
    background: none;
}
/* ----------------------------------------------------------- CSS MENU MAKER */
#cssmenu > ul > li > a { background-color: #666666; }
#cssmenu.cssmenu-expand > ul > li > a { color: #ffffff; background-color: #183f2a; }
/* ************************************************************************** */
/* *                                                                        * */
/* *  CONTENUTI                                                             * */
/* *                                                                        * */
/* ************************************************************************** */

/* ---------------------------------------------------------------- CONTENUTI */
/* HEADER */
.entry-header > h1.h1-title-tag {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
}
/* CONTENUTI */

/* ----------------------------------------------------- IMMAGINE IN EVIDENZA */

/* --- CONTENUTO IMAGE PREVIEW --- */
.image-preview-content-text {
    display: flex;
    align-items: end;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
    padding-left: 15px;
}
.image-preview-content-text-content {
    display: block;
    float: left;
    width: 1200px;
    max-width: 1200px;
    padding: 30px 0 0 15px;
    margin: 0 auto;
}
.image-preview-content-text-content > h1 { font-size: 48px; }
/* ---------------------------------- contenuto IMMAGINE IN EVIDENZA -------- */

/* ------------------------------------------------------- SPACERBOX -------- */

/* ----------------------------------------------------------- TABLE -------- */

/* --------------------------------------------------------- COLONNE -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  NAP GRIDLIST                                                          * */
/* *                                                                        * */
/* ************************************************************************** */

/* --------------------------------------------------------------- GRIGLIA -- */

/* ----------------------------------------------------------------- LISTA -- */

/* ************************************************************************** */

/* ************************************************************************** */
/* *                                                                        * */
/* *  SHORT CODE STYLEs                                                     * */
/* *                                                                        * */
/* ************************************************************************** */

/* --------------------------------------------------------- EVIDENZIA ------ */

/* ---------------------------------------------------------- READMORE ------ */

/* --------------------------------------------------------- IOSSLIDER ------ */
/* contenuti dello IOSSlider mettendo class custom */
.item-contentbg-sliderhome {}
.item-contentbg-sliderhome.sliderhome {}
.item-contentbg-sliderhome.sliderhome.sliderhome-box {}
.item-contentbg-sliderhome.sliderhome.sliderhome-box.title {}
.item-contentbg-sliderhome.sliderhome.sliderhome-box.text {}
/* Napsonry */
.nap-brick-8 { position: relative; display: block; float: left; width: 33.3%; padding-bottom: 20%; overflow: hidden; }
/* formato fisso a 3 blocchi a 33% */
div.nap-brick-9 > div.nap-brick-content {
    border-radius: 0;
    border: 0;
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  GUTENBERG                                                             * */
/* *                                                                        * */
/* ************************************************************************** */

/* ----------------------------------------------- COLONNE GUTENBERG -------- */

/* --- questo stile viene applicato direttamente dall'EDITOR di WP --- */
/* --- wp-block-columns-2575 */

/* --- questo stile viene applicato direttamente dall'EDITOR di WP --- */
/* --- wp-block-columns-7525 */

/* --- questo stile viene applicato direttamente dall'EDITOR di WP --- */
/* --- wp-block-columns-6535 */

/* -------------------------------------------------------- IMMAGINI -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  BREADCRUMB                                                            * */
/* *                                                                        * */
/* ************************************************************************** */

/* ---------------------------------------------------------- YOAST BREACRUMB */
.wrap-breadcrumb {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    background-color: #ebebf1;
}
.breadcrumb-content {
    position: relative;
    display: block;
    font-size: 90%;
    padding-left: 25px;
    margin: 15px auto 15px auto;
}
/* ------------------------------------------------ quella custom in function */

/* ----------------------------------------------------------------- EXTENDED */

/* --------------------------------------------------------- EMBED RESPONSIVE */

/* -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + */
/* -                                                                        - */
/* -  CSS SPECIFICI DEL SITO                                                - */
/* -                                                                        - */
/* -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + */
.wp-block-reset-gap { gap: 0; }
h4 > strong { color: #585857; }
.table-overflow { width: 99%; }
.table-overflow table { width: 90%; font-size: 14px; }
.white-link, a.white-link, a.white-link:link, a.white-link:visited,
p.white-link a, p.white-link a:link, p.white-link a:visited {color: #ffffff; }
a.white-link:hover, a.white-link:active, a.white-link:focus ,
p.white-link a:hover, p.white-link a:active, p.white-link a:focus { color: #ffffff; text-decoration: underline; }
/* HOME PAGE F2N */
.box-home-f2n {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    z-index: 99999;
}
/* Tabella download */
figure.tabella-download > div > table { margin-left: 10px; }
figure.tabella-download > div > table td > a,
figure.tabella-download > div > table td > a:link,
figure.tabella-download > div > table td > a:visited,
figure.tabella-download > div > table td > a:hover {
    font-size: 10px;
    text-decoration: underline;
    color: #585857;
}
/* RIENTRI GROUP CONTAINER */
div.alignwide > .wp-block-group__inner-container {
    padding-right: 15px;
    padding-left: 15px;
}
/* BUTTONS WP block */
.but-virtual-tour > a {
    border: 1px solid #ffffff;
    padding: 5px 35px;
}
a.wp-block-button__link:hover {
    background-color: #0e7083;
    color: #ffffff;
}
/* link header */
a.head-link, a.head-link:link, a.head-link:visited {
    color: #ffffff;
    display: inline-block;
    padding-left: 7px;
    padding-right: 8px;
}
a.head-link:hover, a.head-link:active, a.head-link:focus {
    color: #84bb40;
    text-decoration: none;
}
/* link header WPML LANG */
.head-extra-wpml {
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
}
.head-link-lang, a.head-link-lang, a.head-link-lang:link, a.head-link-lang:visited,
.foot-link-lang, a.foot-link-lang, a.foot-link-lang:link, a.foot-link-lang:visited {
    color: #ffffff;
    display: inline-block;
}
a.head-link-lang:hover, a.head-link-lang:active, a.head-link-lang:focus,
a.foot-link-lang:hover, a.foot-link-lang:active, a.foot-link-lang:focus{
    color: #84bb40;
    text-decoration: none;
}
a > span.macsimonicons, a:link > span.macsimonicons, a:visited > span.macsimonicons {
    color: #ffffff;
    display: inline-block;
    padding-left: 15px;
}
/* img di fondo */
.bg-tubi {
    background-image: url(images/procos-bg-tubi.jpg);
    background-position: center bottom;
    background-size: 1200px auto;
    background-repeat: no-repeat;
}
.bg-tubi_verdi {
    background-image: url(images/procos-bg-tubi_verdi.jpg);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.company-box-home {
    border-bottom: 0px solid #13261b;
}
.bg-azienda {
    background-image: url(images/procos-bg-azienda.jpg);
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-azienda-lato {
    background-image: url(images/procos-foto-azienda-lato.jpg);
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-team {
    background-image: url(images/Management-2022.jpg);
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}
.wp-block-column:nth-child(odd) {
    margin: 0;
}
/* immagine TEAM in Azienda */
.procos-image-team > img {
    width: 100%;
    height: auto;
    display: block;
}
/* -------------------------------------------- BOX numeri */
.box-numeri {
    display: block;
    position: relative;
    width: 25%;
    height: 200px;
    padding: 20px;
}
.wp-block-group__inner-container > .wp-block-reset-gap {gap: 0em;}
/* -------------------------------------------- attivita */
.attivita-box {
    display: block;
    width: 100%;
    position: relative;
}
a.box-attivita {
    display: block;
    position: relative;
    width: 23%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    height: 470px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-attivita-img {
    display: block;
    position: relative;
    width: 100%;
    height: 400px;
    background-size: auto 100%;
    background-position: center center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.box-attivita:hover .box-attivita-img {
    background-size: auto 120%;
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-attivita-tit {
    color: #193f2b;
    display: block;
    position: relative;
    padding: 25px 0 10px 0;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
}
.box-attivita-linea {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    height: 4px;
    background-color: #84bb40;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.box-attivita:hover .box-attivita-linea {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #84bb40;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/* -------------------------------------------- Blog in Home */
.blognews-box {
    display: block;
    width: 100%;
    position: relative;
}
a.box-blognews {
    display: block;
    position: relative;
    width: 31%;
    float: left;
    height: 510px;
    background-color: #ffffff;
    border-bottom: 6px solid #fed545;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-right: 3%;
    margin-bottom: 40px;
}
.box-blognews:nth-child(3), .box-blognews:nth-child(6), .box-blognews:nth-child(9), .box-blognews:nth-child(12),
.box-blognews:nth-child(15), .box-blognews:nth-child(18), .box-blognews:nth-child(21), .box-blognews:nth-child(24){
    margin-right: 0;
}
.box-blognews-img {
    display: block;
    position: relative;
    width: 100%;
    height: 215px;
    background-size: 120% auto;
    background-position: center center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.box-blognews:hover .box-blognews-img {
    background-size: 140% auto;
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-blognews-cat {
    color: #84bb40;
    display: block;
    position: relative;
    padding: 20px 20px 5px 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 90%;
}
.box-blognews-tit {
    color: #193f2b;
    display: block;
    height: 90px;
    position: relative;
    padding: 10px 20px 10px 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 26px;
    line-height: 97%;
}
.box-blognews-txt {
    display: block;
    position: relative;
    height: 120px;
    overflow-y: hidden;
    padding: 5px 20px 15px 20px;
}
.box-blognews-data {
    display: block;
    position: relative;
    padding: 5px 20px 15px 20px;
    font-size: 12px;
}
/* -------------------------------------------- team */
.team-box {
    display: block;
    max-width: 100%;
    position: relative;
}
.box-team {
    display: block;
    position: relative;
    width: 23%;
    margin-left: 2%;
    margin-bottom: 50px;
    float: left;
    height: 400px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-team-img {
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-team:hover .box-team-img {
    cursor: default;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-team-txt {
    display: block;
    position: absolute;
    z-index: 12;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(24, 63, 42, 0.8);
    opacity: 0;
    padding: 15px;
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-team-txt > p {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
}
.box-team:hover .box-team-txt:hover {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-team-tit {
    color: #84bb40;
    display: block;
    position: relative;
    padding: 25px 0 0px 0;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 18px;
}
.box-team-role {
    color: #000000;
    font-size: 85%;
}
.box-team-linea {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    width: 30px;
    border-bottom: 1px solid #183f2a;
}
/* -------------------------------------------- Categorie BLOG */
.box-cat-blog {
    display: block;
    max-width: 100%;
    position: relative;
}
a.box-cat-blog-link,
a.box-cat-blog-link:link, a.box-cat-blog-link:visited {
    display: block;
    position: relative;
    width: 68%;
    color: #ffffff;
    padding: 10px 0;
    margin-left: 10px;
    font-size: 14px;
    border-bottom: 1px solid #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.box-cat-blog-link:hover, a.box-cat-blog-link:active, a.box-cat-blog-link:focus {
    background-color: #ffffff;
    color: #242424;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-cat-blog-link-block {
    display: inline-block;
    position: relative;
    width: 5px;
    height: 5px;
    background-color: #84bb40;
    margin: 1px 5px 3px 5px;
}
/* TORNA AL BLOG */
.procos-torna-blog {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #84bb40;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-align: center;
}
/* -------------------------------------------- Categorie BLOG ______   INT */
.box-cat-blog-int {
    display: block;
    max-width: 100%;
    position: relative;
}
a.box-cat-blog-int-link,
a.box-cat-blog-int-link:link, a.box-cat-blog-int-link:visited {
    display: block;
    position: relative;
    width: 68%;
    color: #242424;
    padding: 10px 0;
    margin-left: 10px;
    font-size: 14px;
    border-bottom: 1px solid #242424;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.box-cat-blog-int-link:hover, a.box-cat-blog-int-link:active, a.box-cat-blog-int-link:focus {
    background-color: #242424;
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-cat-blog-int-link-block {
    display: inline-block;
    position: relative;
    width: 5px;
    height: 5px;
    background-color: #84bb40;
    margin: 1px 5px 3px 5px;
}
/* colonne blog int */
.box-blog-int-wrap {
    display: block;
    position: relative;
    width: 100%;
    padding-left: 20px;
}
.box-blog-int-col1 {
    display: block;
    position: relative;
    float: left;
    width: 24%
}
.box-blog-int-col2 {
    display: block;
    position: relative;
    float: left;
    width: 75%
}
/* -------------------------------------------- World MAP */
.box-worldmap {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.box-worldmap-img img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.box-worldmap-circle {
    display: block;
    position: absolute;
    z-index: 12;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    background-color: rgba(122, 184, 215, .5);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-worldmap-circle:nth-child(2) {
    top: 45%;
    left: 48%;
}
.box-worldmap-circle:nth-child(3) {
    top: 40%;
    left: 55%;
}
.box-worldmap-circle:nth-child(4) {
    top: 35%;
    left: 47%;
}
.box-worldmap-circle:nth-child(5) {
    top: 50%;
    left: 80%;
}
.box-worldmap-circle:nth-child(6) {
    top: 50%;
    left: 25%;;
}
.box-worldmap-circle:nth-child(7) {
    top: 60%;
    left: 67%;
}
.box-worldmap-circle:hover, .box-worldmap-circle:focus {
    background-color: rgba(122, 184, 215, 1);
    cursor: crosshair;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-worldmap-txt-wrap {
    display: none;
    padding: 10px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    background-color: #FFFFFF;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;
    z-index: 9999;
}
/* posizione delle scritte */
#box-worldmap-txt-wrap1 {
    top: 25px;
    bottom: auto;
    left: auto;
    right: -50px;
}
#box-worldmap-txt-wrap1b {}
#box-worldmap-txt-wrap1c {}
#box-worldmap-txt-wrap2 {
    bottom: 15px;
    left: auto;
    right: 15px;
}
#box-worldmap-txt-wrap3 {}
#box-worldmap-txt-wrap4 {
    bottom: 15px;
    left: auto;
    right: 15px;
}
.box-worldmap-txt-content {
    min-width: 200px;
}
.box-worldmap-txt-content > h2 {
    font-size: 14px;
}
.box-worldmap-txt-content > p {
    font-size: 12px;
}
.box-worldmap-circle:hover .box-worldmap-txt-wrap {
    /**/
    display: block;
}
/* -------------------------------------------- Prodotti */
.box-prodotti {
    display: block;
    width: 100%;
    padding: 0 2%;
    margin: 0 auto;
    position: relative;
}
.box-prodotti-grid {
    display: grid; grid-template-columns: 300px 150px 550px 125px; max-width: 100%;
    gap: 4px
}
.box-prodotti-grid-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 7px;
    background-color: #ffffff;
}
.box-prodotti-grid-content > img {
    width: auto;
    height: 125px;
}
.box-prodotti-grid-content-head {
    position: relative;
    display: flex;
    float: left;
    align-items: center;
    width: 100%;
    padding: 7px;
    color: #FFFFFF;
    background-color: #6aaad0;
}
.box-prodotti-grid-content-col1 {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 7px;
    font-weight: 500;
    color: #08466d;
    background-color: #eaeaea;
}
/* -------------------------------------------- Storia */
.box-storia {
    display: block;
    width: 100%;
    height: 4500px;
    position: relative;
}
.box-storia-linea {
    display: block;
    width: 50%;
    height: 100%;
    position: relative;
    border-right: 1px solid #b1dbdc;
}
.box-storia-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 70px;
    right: 0;
    margin-right: -70px;
    color: #FFFFFF;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 40px;
    background-color: #08466d;
}
.box-storia-circleino {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    top: 145px;
    left: 58px;
    z-index: 5;
    margin-right: -12px;
    background-color: #08466d
}
.box-storia-circleino-linea {
    display: block;
    position: absolute;
    width: 140px;
    height: 1px;
    top: 11px;
    left: 12px;
    z-index: -5;
    border-bottom: 1px solid #08466d;
}
.box-storia-circleino-square {
    display: block;
    position: absolute;
    background-color: #FFFFFF;
    width: 400px;
    top: -40px;
    left: 80px;
    -moz-box-shadow:    3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    box-shadow:         3px 3px 5px #ccc;
}
.box-storia-circleino-square-img {
    display: block;
    width: 400px;
    height: 400px;
    background-size: cover;
    background-position: center center;
}
.box-storia-circleino-square-tit {
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    color: #84bb40;
}
.box-storia-circleino-square-txt {
    display: block;
    position: relative;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 20px;
    padding: 15px;
}
.box-storia-circleino-linea.sx { left: -120px; top: 11px; }
.box-storia-circleino-linea .dx {}
.box-storia-circleino-square.sx { left: -350px; }
.box-storia-circleino-square .dx {}
/* posizioni e colori pallini */
.box-storia-circle:nth-child(1) { top: 0px; background-color: #7AB8D7; }
.box-storia-circle:nth-child(2) { top: 370px; background-color: #5897B3; }
.box-storia-circle:nth-child(3) { top: 740px; background-color: #5293A9; }
.box-storia-circle:nth-child(4) { top: 1110px; background-color: #39777F; }
.box-storia-circle:nth-child(5) { top: 1480px; background-color: #5293A9; }
.box-storia-circle:nth-child(6) { top: 1850px; background-color: #5897B3; }
.box-storia-circle:nth-child(7) { top: 2220px; background-color: #7AB8D7; }
.box-storia-circle:nth-child(8) { top: 2590px; background-color: #5897B3; }
.box-storia-circle:nth-child(9) { top: 2960px; background-color: #5293A9; }
.box-storia-circle:nth-child(10) { top: 3330px; background-color: #39777F; }
.box-storia-circle:nth-child(11) { top: 3700px; background-color: #5293A9; }
.box-storia-circle:nth-child(12) { top: 4070px; background-color: #5293A9; }
.box-storia-circle:nth-child(13) { top: 4440px; background-color: #5897B3; }
.box-storia-circle:nth-child(14) { top: 4810px; background-color: #7AB8D7; }

.box-storia-circle:nth-child(1) .box-storia-circleino:nth-child(1) { background-color: #7ab8d7; }
.box-storia-circle:nth-child(2) .box-storia-circleino:nth-child(1) { background-color: #5897b3; }
.box-storia-circle:nth-child(3) .box-storia-circleino:nth-child(1) { background-color: #5293a9; }
.box-storia-circle:nth-child(4) .box-storia-circleino:nth-child(1) { background-color: #39777F; }
.box-storia-circle:nth-child(5) .box-storia-circleino:nth-child(1) { background-color: #5293A9; }
.box-storia-circle:nth-child(6) .box-storia-circleino:nth-child(1) { background-color: #5897B3; }
.box-storia-circle:nth-child(7) .box-storia-circleino:nth-child(1) { background-color: #7AB8D7; }
.box-storia-circle:nth-child(8) .box-storia-circleino:nth-child(1) { background-color: #5897B3; }
.box-storia-circle:nth-child(9) .box-storia-circleino:nth-child(1) { background-color: #5293A9; }
.box-storia-circle:nth-child(10) .box-storia-circleino:nth-child(1) { background-color: #39777F; }
.box-storia-circle:nth-child(11) .box-storia-circleino:nth-child(1) { background-color: #5293A9; }
.box-storia-circle:nth-child(12) .box-storia-circleino:nth-child(1) { background-color: #5897B3; }
.box-storia-circle:nth-child(13) .box-storia-circleino:nth-child(1) { background-color: #7AB8D7; }
.box-storia-circle:nth-child(14) .box-storia-circleino:nth-child(1) { background-color: #5897B3; }

.box-storia-circle:nth-child(1) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #7ab8d7; }
.box-storia-circle:nth-child(2) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #5897b3; }
.box-storia-circle:nth-child(3) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #5293a9; }
.box-storia-circle:nth-child(4) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #39777F; }
.box-storia-circle:nth-child(5) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #5293A9; }
.box-storia-circle:nth-child(6) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #5897B3; }
.box-storia-circle:nth-child(7) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #7AB8D7; }
.box-storia-circle:nth-child(8) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #39777f; }
.box-storia-circle:nth-child(9) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #5293A9; }
.box-storia-circle:nth-child(10) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #39777F; }
.box-storia-circle:nth-child(11) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #5293A9; }
.box-storia-circle:nth-child(12) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #39777F; }
.box-storia-circle:nth-child(13) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #5293A9; }
.box-storia-circle:nth-child(14) .box-storia-circleino:nth-child(1) .box-storia-circleino-linea:nth-child(1) { border-bottom: 1px solid  #5897B3; }
/* ************************************************************************** */
/* *                                                                        * */
/* *  PLUGINs                                                               * */
/* *                                                                        * */
/* ************************************************************************** */

/* --------------------------------------------------------- CF7 CONTACT FORM */
.wpcf7-text, .wpcf7-textarea { font-family: 'Poppins', sans-serif; }
.wpcf7-list-item { padding: 0; margin: 0; }
/* --------------------------------------------------------------------- WPML */
/* in accordo con head-link style */
.wpml-lang-selected {
    font-weight: bold;
    color: #84bb40;
}
/* ---------------------------------------------------- ICS CALENDAR -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  MEDIA QUERY                                                           * */
/* *                                                                        * */
/* ************************************************************************** */

/* ************************************************************************** */
/* *  GUTENBERG sovrascrivo i CSS                                           * */
/* ************************************************************************** */

/* ----------------------------------------------- COLONNE GUTENBERG -------- */
/* -- quando le dimensioni sono SUPERIORI a 600px -- */
@media (min-width: 600px) {
}

/* ************************************************************************** */
/* SCHERMO più piccolo della larghezza del sito, data da fixwidth [960px] */
@media screen and (max-width: 1200px) {
    .fixwidth {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    #head-site-widget, .head-site-widget-class { display: none; }
    /* ------------------------------------------- larghezze contenuto PRIMARY -- */
    .wp-block-cover.alignwide {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .wp-block-group.alignwide {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: none;
        position: relative;
    }
    .site-head {
        width: 98%;
        max-width: 100%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .box-prodotti-grid {grid-template-columns: 1fr 1fr 1fr 1fr;}
}

/* ************************************************************************** */
/* SCHERMO più piccolo della larghezza del sito, data da fixwidth [960px] */
@media screen and (max-width: 960px) {
    #head-site-widget, .head-site-widget-class { display: none; }
    a.box-attivita { width: 47%; margin-bottom: 25px;}
    a.box-blognews { width: 99%; margin-bottom: 30px}
    .box-team { width: 48%; height: 450px; }
}

/* ************************************************************************** */
/* IPAD mini verticale 768 x 1024 */
@media screen and (max-width: 768px) {
    #head-site-widget, .head-site-widget-class { display: none; }
    .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {margin-left: 0}
    .footer-grid-1111, .footer-grid-1110, .footer-grid-1100, .footer-grid-1000, .footer-grid-0110,
    .footer-grid-1010, .footer-grid-1101, .footer-grid-1001, .footer-grid-1011, .footer-grid-0111 {
        display: grid; grid-template-columns: 50% 50%; max-width: 100%;
    }
    .box-blog-int-col1 { width: 40%; margin-bottom: 30px; }
    .box-blog-int-col2 { width: 60%; }
    .head-extra-wpml {
        display: block;
        position: absolute;
        top: 60px;
        right: 5px;
    }
    .image-preview-content-text {
        padding-left: 0;
    }
    .image-preview-content-text-content {
        display: block;
        float: left;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
}

/* ************************************************************************** */
/* IPHONE 8 plus 414 x 736 */
@media screen and (max-width: 460px) {
    #head-site-widget, .head-site-widget-class { display: none; }
    .footer-grid-1111, .footer-grid-1110, .footer-grid-1100, .footer-grid-1000, .footer-grid-0110,
    .footer-grid-1010, .footer-grid-1101, .footer-grid-1001, .footer-grid-1011, .footer-grid-0111 {
        display: grid; grid-template-columns: 100%; max-width: 100%;
    }
    a.box-attivita { width: 99%; margin-left: 0; margin-right: 0; margin-bottom: 25px; }
    .box-attivita-tit { margin-left: 15px}
    .box-blog-int-col1 { width: 100%; margin-bottom: 30px; }
    .box-blog-int-col2 { width: 97%; }
    /* -------------------------------------------- BOX numeri */
    .box-numeri { width: 50%; padding: 5px; }
    .box-prodotti-grid {grid-template-columns: 1fr 1fr;}
    .box-team { width: 98%; height: 450px; }
    /* STORIA */
    .box-storia {height: 4500px;}
    .box-storia-linea {width: 20%;}
    .box-storia-circle {
        width: 140px;
        height: 140px;
        border-radius: 70px;
    }
    .box-storia-circleino-linea.sx { display: block;
        position: absolute;
        width: 140px;
        height: 1px;
        top: 11px;
        left: 12px;
        z-index: -5;
        border-bottom: 1px solid #08466d; }
    .box-storia-circleino-square.dx {width: 200px; top: -80px;}
    .box-storia-circleino-square.sx { display: block;
        position: absolute;
        background-color: #FFFFFF;
        width: 200px;
        top: -80px;
        left: 80px;
        -moz-box-shadow:    3px 3px 5px #ccc;
        -webkit-box-shadow: 3px 3px 5px #ccc;
        box-shadow:         3px 3px 5px #ccc;
    }
    .box-storia-circleino-square-img {
        display: block;
        width: 200px;
        height: 200px;
        background-size: cover;
        background-position: center center;
    }
    .box-storia-circleino-square-tit {
        font-family: 'Kanit', sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #84bb40;
    }
    .box-storia-circleino-square-txt {
        display: block;
        position: relative;
        color: #000000;
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
        font-size: 14px;
        padding: 15px;
    }
}

/* ************************************************************************** */
/* IPHONE 8 plus 375 x 667 */
@media screen and (max-width: 375px) {
}

/* ************************************************************************** */
/* IPHONE SE 320 x 568 */
@media screen and (max-width: 320px) {
}