/*
 Theme Name:   TecnoMatic Varese
 Theme URI:    https://www.emotionart.it
 Description:  Tema Child di NapPheme
 Author:       nappa5150
 Author URI:   https://www.emotionart.it
 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: TecnoMatic Varese                                              * */
/* *                                                                        * */
/* ************************************************************************** */
html {
    scroll-padding-top: 180px; /* Regola questo valore in base all'altezza del tuo menu */
}
/* ----------------------------------------------------------------------------- BODY -------- */
body { font-family: 'Open sans', sans-serif; font-weight: 300; }
/* ----------------------------------------------------------------------------- TITOLI -------- */
h1 { font-size: 300%; font-family: "Chakra Petch", serif;}
h2 { font-size: 300%; font-family: "Chakra Petch", serif;}
h3 { font-size: 115%; font-family: "Chakra Petch", serif;}
h4 { font-size: 110%; font-family: "Chakra Petch", serif;}
h5 { font-size: 105%; font-family: "Chakra Petch", serif;}
/* ----------------------------------------------------------------------------- TESTI -------- */

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

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

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

/* ----------------------------------------------------------------------------- COLORI SEZIONI -------- */
/* BODY */
body { background-color: #000000; color: #ffffff; }
/* WIDGET HEADER */
.color-bg-headerwidget-wrap { background-color: #000000; }
.color-bg-headerwidget-content { background-color: #000000; }
.color-txt-headerwidget-content { color: #ffffff; }
/* HEADER */
.color-bg-header-wrap {
    background-color: transparent;
    background-image: url("images/tmv-bg-head.png");
    background-repeat: repeat-x;
    background-position: left top;
}
.color-bg-header-content { background-color: transparent; }
.color-txt-header-content { color: #ffffff; }
/* CONTENT */
.color-bg-content-wrap { background-color: #000000; }
.color-bg-content-content { background-color: #000000; }
.color-txt-content-content { color: #ffffff; }
/* FOOTER */
.color-bg-footer-wrap { background-color: #000000; }
.color-bg-footer-content { background-color: #000000; }
.color-txt-footer-content { 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-blu-background-color { background-color: #007fff;}
.has-blu-color { color: #007fff;}
.has-azzurro-background-color { background-color: #3fa9f5;}
.has-azzurro-color { color: #3fa9f5;}
/* 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: 1152px;
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
/* ------------------------------------------- larghezze contenuto PRIMARY -- */

/* ------------------------------------------- larghezze contenuto SIDEBAR -- */

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

/* ----------------------------------------------------------------------------- HEAD WIDGET -------- */

/* ----------------------------------------------------------------------------- HEAD -------- */
.site-head-height { height: 200px; }
.site-head-height-compensation { height: 200px; }
/* ------------------------------------------------------ HEAD FullPage ----- */

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

/* ----------------------------------------------------- LOGO header -------- */
.wrap-logo-top {
    position: absolute;
    display: block;
    top: 50px;
    left: 50%;
    margin-left: -190px;
    width: 380px;
    z-index: 11;
}
/* ----------------------------------------------------- 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 ------- */

/* ----------------------------------- FOOTER box ID e stili singoli -------- */

/* ----------------------------------------------------------------------------- MENUs -------- */
/* -------------------------------------------------------- wrap menu INSIDE */

/* -------------------------------------------------------- wrap menu OUTSIDE */

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

/* ----------------------------------------------------------------- MENU top */
.wrap-menu-inside-class {
    position: absolute;
    display: block;
    width: 1152px;
    float: left;
    margin: 0;
    /*top: auto;*/
    top: 140px;
    bottom: 0;
    left: 0;
}
.menu-top {
    width: 1152px;
}
.menu-custom {
    padding: 0;
    margin: 0;
}
/* ------------------------------------------------- MENU top sided */

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

/* ------------------------------------------------------------- SUPERFISH SF */
/*** ESSENTIAL STYLES ***/
.wrap-menu-inside-class {
    width: 100%;
}
.sf-menu {
    width: 100%;
    text-align: center;
}
.sf-menu > li {
    display: inline-block;
    float: none;
}
/* per il sub menu altrimenti i testi restano centrati */
.sf-menu > li > ul > li {
    text-align: left;
}
/*** -------------------------------------------- DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 90%;
}
/* 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 */
}
.sf-menu a {
    text-decoration: none;
    zoom: 1; /* IE7 */
    padding: 0 3em 1.5em 3em;
}
/* valido per tutti gli <a> */
.sf-menu a { color: #ffffff;}
.sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus { color: #3fa9f5; }
/* 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: transparent; }
.sf-menu ul ul li { background-color: transparent; }
/* valido per tutti gli HOVER <li> */
.sf-menu li:hover,
.sf-menu li.sfHover {
    background: transparent;
    /* 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: #3fa9f5; }
.sf-menu > li.current-menu-parent > a { color: #3fa9f5; }
.sf-menu > li.current-menu-ancestor > a { color: #3fa9f5; }
.sf-menu > li.current-page-ancestor > a { color: #3fa9f5; }
/* 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: #ffffff; padding-top: 5px; padding-left: 7px; padding-bottom: 3px;}
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-item > a { color: #ffffff; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #ffffff; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #ffffff; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-parent ul.sub-menu > li > a { color: #ffffff; }
/* colore link Liv 1 */
.sf-menu > li.current-menu-parent ul.sub-menu > li > a:hover { color: #3fa9f5; }
/* colore link HOVER Liv 1 */
.sf-menu > li.menu-item ul.sub-menu > li > a:hover { color: #3fa9f5; }
/* 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: #ffffff; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #ffffff; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #ffffff; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-item > a { color: #ffffff; }
/* 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 */
ul.sub-menu {
    margin-top: 15px;
    background-color: #000000;
    border: 1px solid #3fa9f5;
}
.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;
}
.sf-menu > li ul.sub-menu > li.current-menu-item > a:hover {color: #3fa9f5; }
/* ----------------------------------------------------------- CSS MENU MAKER */
#cssmenu > ul > li > a { background-color: #3fa9f5; }
#cssmenu.cssmenu-expand > ul > li > a { color: #000000; background-color: #3fa9f5; }
/* ************************************************************************** */
/* *                                                                        * */
/* *  CONTENUTI                                                             * */
/* *                                                                        * */
/* ************************************************************************** */

/* ---------------------------------------------------------------- CONTENUTI */
/* HEADER */
/* CONTENUTI */
.site-content { /*border: 1px solid #808080; border-top: 0 solid transparent;*/}
/* ----------------------------------------------------- IMMAGINE IN EVIDENZA */

/* --- CONTENUTO IMAGE PREVIEW --- */

/* ---------------------------------- 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 {}
/* ************************************************************************** */
/* *                                                                        * */
/* *  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 */

/* ------------------------------------------------ quella custom in function */

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

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

/* -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + */
/* -                                                                        - */
/* -  CSS SPECIFICI DEL SITO                                                - */
/* -                                                                        - */
/* -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + */
/* Home Page start */
.tmv-home-start {
    display: flex;
    position: relative;
    overflow: hidden;
    max-width: 100vw;
    height: 100vh;
    margin: 0 auto;
}

.tmv-home-start > video {
    width: 100%; height: 100%;
    display: block; margin: 0 auto; object-fit: cover;
}
.tmv-home-start-logo {
    display: block;
    position: absolute;
    z-index: 10;
    top: 15%;
    left: 100px;
    width: 40%;
    height: auto;
}
.tmv-home-start-content {
    display: block;
    position: absolute;
    z-index: 10;
    top: 55%;
    left: 100px;
}
.tmv-home-start-link,
a.tmv-home-start-link:link, a.tmv-home-start-link:visited {
    display: inline-block;
    position: relative;
    padding: 15px 60px 15px 90px;
    border: 1px solid #3fa9f5;
    background-color: #3fa9f5;
    color: #ffffff;
    font-family: "Chakra Petch", serif;
    font-size: 120%;
    background-image: url("images/ico-arrow-dw.png");
    background-position: left 15px center;
    background-repeat: no-repeat;
    -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.tmv-home-start-link:hover,
a.tmv-home-start-link:active, a.tmv-home-start-link:focus {
    background-color: #000000;
    -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;
}
/* MONDO video */
.tmv-mondovideo {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.tmv-mondovideo > video {
    width: 100%; height: 100%;
    display: block; margin: 0 auto; object-fit: cover;
}
.tmv-mondovideo-content {
    display: block;
    position: absolute;
    z-index: 10;
    top: 100px;
    left: 300px;
}
/* BUTTONS bottoni pulsanti */
.tmv-button,
a.tmv-button:link, a.tmv-button:visited {
    display: inline-block;
    position: relative;
    width: 270px;
    padding: 15px 10px 15px 90px;
    border: 1px solid #3fa9f5;
    background-color: #3fa9f5;
    color: #ffffff;
    font-family: "Chakra Petch", serif;
    font-size: 120%;
    background-image: url("images/ico-arrow-dw.png");
    background-position: left 15px center;
    background-repeat: no-repeat;
    -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.tmv-button:hover,
a.tmv-button:active, a.tmv-button:focus {
    background-color: #000000;
    -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;
}
.tmv-button-arrow-up {background-image: url("images/ico-arrow-up.png");}
.tmv-button-arrow-rg {background-image: url("images/ico-arrow-rg.png");}
.tmv-button-arrow-dw {background-image: url("images/ico-arrow-dw.png");}
.tmv-button-arrow-lf {background-image: url("images/ico-arrow-lf.png");}
/* blocco di WP button */
div.tmv-button-wp > div > a,
div.tmv-button-wp > div > a.tmv-button:link, div.tmv-button-wp > div > a.tmv-button:visited {
    display: inline-block;
    position: relative;
    width: 270px;
    padding: 15px 10px 15px 90px;
    border: 1px solid #3fa9f5;
    background-color: #3fa9f5;
    color: #ffffff;
    border-radius: 0;
    font-family: "Chakra Petch", serif;
    font-size: 120%;
    background-image: url("images/ico-arrow-dw.png");
    background-position: left 15px center;
    background-repeat: no-repeat;
    -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;
}
div.tmv-button-wp > div > a.tmv-button:hover,
div.tmv-button-wp > div > a.tmv-button:active, div.tmv-button-wp > div > a.tmv-button:focus {
    background-color: #000000;
    -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;
}
/* pagine interne */
.tmv-cover-azienda,
.tmv-cover-settori {align-items: start;}
h1.tmv-h1-azienda { font-size: 400% }
.colonne-bordo {
    border: 1px solid #808080;
    -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;
}
.colonne-bordo:hover {
    border: 1px solid #808080;
    transform: scale(1.02);
    -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;
}
.p-sfondo-blu {
    width: 250px;
    padding: 15px 40px 15px 15px;
    background-color: #3fa9f5;
}
p.p-tab-blu-rg,
p.p-tab-blu-lf {
    display: inline-block;
    position: relative;
    background-image: url("images/tmv-bg-tab-rg.png");
    background-repeat: no-repeat;
    min-width: 140px;
}
p.p-tab-blu-rg {
    background-image: url("images/tmv-bg-tab-rg.png");
    float: right;
    padding: 10px 25px 10px 50px;
    background-position: left top;
    margin: 0;
}
p.p-tab-blu-lf {
    background-image: url("images/tmv-bg-tab-lf.png");
    float: left;
    padding: 10px 10px 25px 50px;
    background-position: right top;
    margin: 0;
    height: 42px;
}
h2.h2-tab-blu {
    display: block;
    float: left;
    width: 100%;
    font-size: 400%;
    background-color: #3fa9f5;
    padding: 50px;
}
/* ******************* Query Articoli Vari */
/* PUNTI DI FORZA */
.group-metodo, .group-pdf {
    display: none;
    -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;
}
.tmv-pdforza-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 2000px;
    background-image: url("images/tmv-azienda-cavi.png");
    background-position: center top 150px;
    background-repeat: no-repeat;
    border: 1px solid #cccccc;
}
.tmv-pdforza-box {
    display: flex;
    position: absolute;
    transform: scale(.95);
    width: 440px;
    height: 338px;
    background-position: top left;
    background-repeat: no-repeat;
    align-items: 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;
}
.tmv-pdforza-box:hover {
    display: flex;
    position: absolute;
    transform: scale(1);
    width: 440px;
    height: 338px;
    background-position: top left;
    background-repeat: no-repeat;
    align-items: 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;
}
.tmv-pdforza-box:nth-child(1) {
    left: 10px;
    top: 20px;
}
.tmv-pdforza-box:nth-child(2) {
    right: 10px;
    top: 550px;
}
.tmv-pdforza-box:nth-child(3) {
    left: 010px;
    top: 600px;
}
.tmv-pdforza-box:nth-child(4) {
    right: 10px;
    top: 1000px;
}
.tmv-pdforza-box:nth-child(5) {
    left: 010px;
    top: 1250px;
}
.tmv-pdforza-box:nth-child(6) {
    right: 10px;
    top: 1500px;
}
.tmv-pdforza-box:nth-child(7) {
    left: 10px;
    top: 1650px;
}
.tmv-pdforza-box-lf {
    background-image: url("images/tmv-bg-puntidiforza-lf.png");
    background-size: 100% 100%;
}
.tmv-pdforza-box-rg {
    background-image: url("images/tmv-bg-puntidiforza-rg.png");
    background-size: 100% 100%;
}
.tmv-pdforza-box-content {
    display: block;
    padding: 20px;
}
.tmv-pdforza-box-tit {
    display: block;
    position: relative;
    font-family: "Chakra Petch", serif;
    color: #3fa9f5;
    font-weight: bold;
    font-size: 200%;
}
.tmv-pdforza-box-txt {
    display: block;
    position: relative;
}
/* METODO - Studio di fattibilità */
.tmv-sdf-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 600px;
    border: 1px solid #cccccc;
}
.tmv-sdf-box {
    display: block;
    position: absolute;
    width: 420px;
    min-height: 140px;
    background-repeat: no-repeat;
}
.tmv-sdf-box-lf {
    background-image: url("images/tmv-bg-linea-lf.png");
    background-position: bottom right -73px;
    perspective: 500px;
    -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;
}
.tmv-sdf-box-lf:hover {
    background-image: url("images/tmv-bg-linea-lf.png");
    background-position: bottom right;
    -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;
}
.tmv-sdf-box-rg {
    background-image: url("images/tmv-bg-linea-rg.png");
    background-position: bottom left -73px;
    perspective: 500px;
    -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;
}
.tmv-sdf-box-rg:hover {
    background-image: url("images/tmv-bg-linea-rg.png");
    background-position: bottom left;
    -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;
}
.tmv-sdf-box-tit-lf {
    display: block;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background-color: #3fa9f5;
    font-family: "Chakra Petch", serif;
    color: #ffffff;
    font-weight: bold;
    font-size: 250%;
    text-align: center;
    padding-top: 15px;
    transform-style: preserve-3d;
    transition: transform 0.4s ease-out;
}
.tmv-sdf-box-lf:hover .tmv-sdf-box-tit-lf {
    transform-style: preserve-3d;
    transform: rotateY(-20deg);
    transition: transform 0.4s ease-out;
}
.tmv-sdf-box-txt-lf {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: right;
    padding-bottom: 10px;
    padding-right: 100px;
}
.tmv-sdf-box-tit-rg {
    display: block;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-color: #3fa9f5;
    font-family: "Chakra Petch", serif;
    color: #ffffff;
    font-weight: bold;
    font-size: 250%;
    text-align: center;
    padding-top: 15px;
    transform-style: preserve-3d;
    transition: transform 0.4s ease-out;
}
.tmv-sdf-box-rg:hover .tmv-sdf-box-tit-rg {
    transform-style: preserve-3d;
    transform: rotateY(20deg);
    transition: transform 0.4s ease-out;
}
.tmv-sdf-box-txt-rg {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 10px;
    padding-left: 100px;
}
.tmv-sdf-box:nth-child(2) {
    top: 150px;
    left: 40px;
}
.tmv-sdf-box:nth-child(3) {
    top: 200px;
    right: 40px;
}
.tmv-sdf-box:nth-child(4) {
    top: 330px;
    left: 40px;
}
.tmv-sdf-box:nth-child(5) {
    top: 380px;
    right: 40px;
}
/* METODO - Produzione */
.tmv-produzione-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 1050px;
    border: 1px solid #cccccc;
}
.tmv-produzione-box {
    display: block;
    position: absolute;
    width: 420px;
    min-height: 140px;
    background-repeat: no-repeat;
}
.tmv-produzione-box-lf {
    background-image: url("images/tmv-bg-linea-lf.png");
    background-position: bottom right -73px;
    perspective: 500px;
    -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;
}
.tmv-produzione-box-lf:hover {
    background-image: url("images/tmv-bg-linea-lf.png");
    background-position: bottom right;
    -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;
}
.tmv-produzione-box-rg {
    background-image: url("images/tmv-bg-linea-rg.png");
    background-position: bottom left -73px;
    perspective: 500px;
    -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;
}
.tmv-produzione-box-rg:hover {
    background-image: url("images/tmv-bg-linea-rg.png");
    background-position: bottom left;
    -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;
}
.tmv-produzione-box-tit-lf {
    display: block;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    background-color: #000000;
    font-family: "Chakra Petch", serif;
    border: 1px solid #3fa9f5;
    color: #3fa9f5;
    font-weight: bold;
    font-size: 250%;
    text-align: center;
    padding-top: 15px;
}
.tmv-produzione-box-lf:hover .tmv-produzione-box-tit-lf {
    transform-style: preserve-3d;
    transform: rotateY(-20deg);
    transition: transform 0.4s ease-out;
}
.tmv-produzione-box-txt-lf {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: right;
    padding-bottom: 10px;
    padding-right: 95px;
}
.tmv-produzione-box-tit-rg {
    display: block;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-color: #000000;
    font-family: "Chakra Petch", serif;
    border: 1px solid #3fa9f5;
    color: #3fa9f5;
    font-weight: bold;
    font-size: 250%;
    text-align: center;
    padding-top: 15px;
}
.tmv-produzione-box-rg:hover .tmv-produzione-box-tit-rg {
    transform-style: preserve-3d;
    transform: rotateY(20deg);
    transition: transform 0.4s ease-out;
}
.tmv-produzione-box-txt-rg {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 10px;
    padding-left: 100px;
}
.tmv-produzione-box:nth-child(2) {
    top: 150px;
    right: 40px;
}
.tmv-produzione-box:nth-child(3) {
    top: 200px;
    left: 40px;
}
.tmv-produzione-box:nth-child(4) {
    top: 350px;
    right: 40px;
}
.tmv-produzione-box:nth-child(5) {
    top: 400px;
    left: 40px;
}
.tmv-produzione-box:nth-child(6) {
    top: 550px;
    right: 40px;
}
.tmv-produzione-box:nth-child(7) {
    top: 600px;
    left: 40px;
}
.tmv-produzione-box:nth-child(8) {
    top: 750px;
    right: 40px;
}
.tmv-produzione-box:nth-child(9) {
    top: 800px;
    left: 40px;
}
/* PRODOTTI - Vantaggi */
.tmv-vantaggi-wrap {
    width: 100%;
    height: 850px;
    perspective: 500px; /* Imposta la prospettiva per l'effetto 3D */
}
.tmv-vantaggi-wrap-box {
    width: 100%;
    height: 850px;
    transform-style: preserve-3d; /* Importante per le trasformazioni 3D degli elementi figli */
    transform: rotateX(0deg) rotateY(0deg);
    transition: transform 0.1s ease-out; /* Aggiunge una transizione per un movimento fluido */
}
.tmv-vantaggi-box {
    display: block;
    position: absolute;
    width: 470px;
    min-height: 140px;
    background-repeat: no-repeat;
}
.tmv-vantaggi-box-lf {
    background-image: url("images/tmv-bg-linea-lf.png");
    background-position: bottom right;
}
.tmv-vantaggi-box-rg {
    background-image: url("images/tmv-bg-linea-rg.png");
    background-position: bottom left;
}
.tmv-vantaggi-box-content-lf {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    padding-right: 80px;
}
.tmv-vantaggi-box-content-rg {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 10px;
    right: 0;
    padding-left: 80px;
}
.tmv-vantaggi-box-tit {
    display: block;
    position: relative;
    font-family: "Chakra Petch", serif;
    color: #3fa9f5;
    font-weight: bold;
    font-size: 150%;
}
.tmv-vantaggi-box-txt {
    display: block;
    position: relative;
}
.tmv-vantaggi-box .tmv-vantaggi-box-txt {
    display: none; /* Nascosto di default */
    opacity: 0;
    -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;
    cursor: pointer;
}
.tmv-vantaggi-box:hover .tmv-vantaggi-box-txt {
    display: block; /* Mostra il contenuto */
    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;
    cursor: pointer;
}
button.toggle-button-vantaggi {
    display: block;
    position: absolute;
    bottom: 0;
    right: 40px;
    border: 0;
    border-radius: 0;
    background-color: #3fa9f5;
    color: #ffffff;
    width: 160px;
    padding: 20px 20px 20px 50px;
    background-image: url("images/ico-arrow-dw.png");
    background-repeat: no-repeat;
    background-position: left 8px center;
}
.tmv-vantaggi-box:nth-child(1) {
    top: 0;
    left: 40px;
}
.tmv-vantaggi-box:nth-child(2) {
    top: 65px;
    right: 40px;
}
.tmv-vantaggi-box:nth-child(3) {
    top: 150px;
    left: 40px;
}
.tmv-vantaggi-box:nth-child(4) {
    top: 215px;
    right: 40px;
}
.tmv-vantaggi-box:nth-child(5) {
    top: 300px;
    left: 40px;
}
.tmv-vantaggi-box:nth-child(6) {
    top: 365px;
    right: 40px;
}
.tmv-vantaggi-box:nth-child(7) {
    top: 450px;
    left: 40px;
}
.tmv-vantaggi-box:nth-child(8) {
    top: 515px;
    right: 40px;
}
/* PRODOTTI toggle */
div.tmv-button-prodotti > div > a,
div.tmv-button-prodotti > div > a:link, div.tmv-button-prodotti > div > a:visited {
    display: inline-block;
    position: absolute;
    z-index: 999;
    left: 15px;
    bottom: 15px;
    width: auto;
    padding: 15px 10px 15px 90px;
    border: 1px solid #3fa9f5;
    background-color: #3fa9f5;
    color: #ffffff;
    border-radius: 0;
    font-family: "Chakra Petch", serif;
    font-size: 120%;
    background-image: url("images/ico-arrow-dw.png");
    background-position: left 15px center;
    background-repeat: no-repeat;
    -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;
}
div.tmv-button-prodotti > div > a:hover,
div.tmv-button-prodotti > div > a:active, div.tmv-button-prodotti > div > a:focus {
    background-color: #000000;
    -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;
}
.group-prodotti {
    border: 1px solid #cccccc;
    padding: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.group-tavole, .group-lineeauto, .group-isolerobo, .group-asservimento, .group-lineebanchi, .group-stazioni {
    display: none;
    padding: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* STORYLINE */
.box-storia {
    height: 1600px;
}
.box-storia-linea {
    border-right: 1px solid transparent;
}
.box-storia > .box-storia-linea > .box-storia-circle {
    width: 30px;
    height: 100px;
    position: absolute;
    margin-right: 0;
    border-radius: 0;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    background-color: #3fa9f5;
    writing-mode: vertical-rl;
    text-orientation: upright;
}
.box-storia > .box-storia-linea > .box-storia-circle > .box-storia-circleino {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 0;
    top: 145px;
    left: -3px;
    z-index: 5;
    margin-right: 0;
    background: #000000;
    border: 1px solid transparent;
}
.box-storia-circleino-linea {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 11px;
    left: 24px;
    z-index: -5;
    border-bottom: 1px solid transparent;
}
.box-storia > .box-storia-linea > .box-storia-circle > .box-storia-circleino > .box-storia-circleino-linea > .box-storia-circleino-square {
    background-color: #000000;
    border: 1px solid #cccccc;
    color: #ffffff;
    writing-mode: horizontal-tb; /* Modalità di scrittura orizzontale */
    text-orientation: mixed; /* Orientamento standard */
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -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-storia > .box-storia-linea > .box-storia-circle > .box-storia-circleino > .box-storia-circleino-linea > .box-storia-circleino-square > .box-storia-circleino-square-txt {
    color: #ffffff;
}
.box-storia-circleino-square {
    display: block;
    position: absolute;
    background-color: #FFFFFF;
    width: 400px;
    top: -120px;
    left: 42px;
    border-radius: 30px;
    -moz-box-shadow: 3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc;
}
.box-storia-circleino-linea.sx { left: -47px; top: 11px; }
.box-storia-circleino-linea.dx { left: -10px; }
.box-storia-circleino-square .sx { left: -350px; z-index: 1 }
.box-storia-circleino-square .dx { z-index: 1}

.box-storia-circle:nth-child(1) { top: 0; right: 40px;}
.box-storia-circle:nth-child(2) { top: 100px; left: auto; right: -20px; }
.box-storia-circle:nth-child(3) { top: 320px; right: 40px;}
.box-storia-circle:nth-child(4) { top: 430px; left: auto; right: -20px; }
.box-storia-circle:nth-child(5) { top: 600px; right: 40px;}
.box-storia-circle:nth-child(6) { top: 710px; left: auto; right: -20px; }
.box-storia-circle:nth-child(7) { top: 900px; right: 40px;}
.box-storia-circle:nth-child(8) { top: 1010px; left: auto; right: -20px; }
.box-storia-circle:nth-child(9) { top: 1200px; right: 40px;}
.box-storia-circle:nth-child(10) { top: 1310px; left: auto; right: -20px; }
.box-storia-circle:nth-child(11) { top: 1500px; right: 40px;}
.box-storia-circle:nth-child(12) { top: 1610px; left: auto; right: -20px; }
.box-storia-circle:nth-child(13) { top: 2400px; right: 40px;}
.box-storia-circle:nth-child(14) { top: 2600px; left: auto; right: -20px; }

.box-storia-tmv { display: none; }
.box-storia-tmv-cont p strong,
.box-storia-circleino-square-txt p strong { color: #3fa9f5; }
.img-story-sx, .img-story-rx {
    padding-bottom: 7px;
}
.img-story-sx {
    text-align: left;
}
.img-story-rx {
    text-align: right;
}
.box-storia > .box-storia-linea > .box-storia-circle > .box-storia-circleino > .box-storia-circleino-linea > .box-storia-circleino-square:hover {
    background-color: #1b1b1b;
    top: -150px;
    cursor: pointer;
    -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;
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  PLUGINs                                                               * */
/* *                                                                        * */
/* ************************************************************************** */

/* --------------------------------------------------------- CF7 CONTACT FORM */
.entry-content .wpcf7 .wpcf7-text, .wpcf7-textarea {
    width: 100%;
    display: block;
    padding: 7px;
    font-size: 100%;
    border: 1px solid #cccccc;
    margin-bottom: 5px;
    background-color: #000000;
    color: #ffffff;
}
.entry-content .wpcf7 .wpcf7-submit:disabled {
    background-color: #d2d2d2;
    color: #666666;
    padding: 10px;
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
    border-radius: 0;
    border-width: 0;
    text-align: center;
    width: 50%;
    float: right;
}
.entry-content .wpcf7 .wpcf7-submit {
    background-color: #007fff;
    color: #ffffff;
    padding: 10px;
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
    border-radius: 0;
    border-width: 0;
    text-align: center;
    width: 50%;
    float: right;
    cursor: pointer;
}
::placeholder {
    color: #666666;
    opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Edge 12 -18 */
    color: #666666;
}
/* --------------------------------------------------------------------- WPML */

/* ---------------------------------------------------- ICS CALENDAR -------- */

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

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

/* ----------------------------------------------- COLONNE GUTENBERG -------- */
/* -- quando le dimensioni sono SUPERIORI a 600px -- */
@media screen and (max-width: 600px) {
    .tmv-sdf-wrap {
        height: 1300px;
    }
    .tmv-mondovideo-content {
        top: 10px;
        left: 15px;
    }
    p.p-sfondo-blu {
        padding: 15px;
        width: 150px;
    }
}

/* ************************************************************************** */
/* SCHERMO più piccolo della larghezza del sito, data da fixwidth [960px] */
@media screen and (max-width: 1152px) {
    .fixwidth {
        width: 100%;
        max-width: 100%;
    }
    .menu-top { width: 100%; }
}
@media screen and (max-width: 1035px) {
    /* studio di fattibilita */
    .tmv-sdf-wrap {
        display: block;
        position: relative;
        width: 100%;
        padding: 0 10px;
        height: 1150px;
        border: 1px solid #cccccc;
    }
    .tmv-sdf-box {
        display: block;
        position: relative;
        width: 100%;
        min-height: 210px;
        background-repeat: no-repeat;
        margin-top: 35px;
    }
    .tmv-sdf-box:nth-child(2), .tmv-sdf-box:nth-child(3), .tmv-sdf-box:nth-child(4), .tmv-sdf-box:nth-child(5) {
        top: auto;
        right: auto;
        left: auto;
    }
    /* produzione */
    .tmv-produzione-wrap {
        width: 100%;
        padding: 0 10px;
        height: 2000px;
    }
    .tmv-produzione-box {
        display: block;
        position: relative;
        width: 99%;
        min-height: 200px;
        margin-top: 30px;
        top: auto;
        right: auto;
        left: auto;
    }
    .tmv-produzione-box:nth-child(2), .tmv-produzione-box:nth-child(3), .tmv-produzione-box:nth-child(4), .tmv-produzione-box:nth-child(5), .tmv-produzione-box:nth-child(6), .tmv-produzione-box:nth-child(7), .tmv-produzione-box:nth-child(8), .tmv-produzione-box:nth-child(9) {
        top: auto;
        right: auto;
        left: auto;
    }
    /* punti di forza */
    .tmv-pdforza-wrap {
        height: 2550px;
    }
    .tmv-pdforza-box {
        display: flex;
        position: relative;
        width: 94%;
        background-size: 100% 100%;
        margin: 20px auto;
    }
    .tmv-pdforza-box:hover {
        display: flex;
        position: relative;
        transform: none;
        width: 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;
    }
    .tmv-pdforza-box:nth-child(1), .tmv-pdforza-box:nth-child(2), .tmv-pdforza-box:nth-child(3), .tmv-pdforza-box:nth-child(4), .tmv-pdforza-box:nth-child(5), .tmv-pdforza-box:nth-child(6), .tmv-pdforza-box:nth-child(7) {
        left: auto;
        right: auto;
        top: auto;
    }
    /* vantaggi */
    .tmv-vantaggi-wrap {
        height: 1900px;
    }
    .tmv-vantaggi-box {
        display: block;
        position: relative;
        width: 90%;
        min-height: 180px;
    }
    .tmv-vantaggi-box .tmv-vantaggi-box-txt {
        display: block; /* Nascosto di default */
        opacity: 1;
    }
}
/* ************************************************************************** */
/* SCHERMO più piccolo della larghezza del sito, data da fixwidth [960px] */
@media screen and (max-width: 960px) {
    h1, h1.tmv-h1-azienda { font-size: 250%}
    .site-head-height { height: 150px}
    /* STORYLINE */
    .box-storia { display: none; height: 2000px; }
    .box-storia-tmv { display: block; }
    .tmv-vantaggi-wrap  {
        perspective: none;
    }
    .img-story-rx {
        text-align: left;
    }
}

/* ************************************************************************** */
/* IPAD mini verticale 768 x 1024 */
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
    .tmv-sdf-wrap {
        height: 1300px;
    }
    .tmv-produzione-wrap {
        height: 2050px;
    }
}
/* ************************************************************************** */
/* IPHONE 8 plus 414 x 736 */
@media screen and (max-width: 460px) {
    html {
        scroll-padding-top: 80px; /* Regola questo valore in base all'altezza del tuo menu */
    }
    h1, h1.tmv-h1-azienda { font-size: 200%}
    h2 { font-size: 200%;}
    h3 { font-size: 115%;}
    h4 { font-size: 110%;}
    h5 { font-size: 105%;}
    .color-bg-header-wrap {
        background-position: left bottom;
    }
    .site-head-height { height: 85px; }
    .site-head-height-compensation { height: 85px; }
    .wrap-logo-top {
        top: 10px;
        left: 10px;
        margin-left: 0;
        width: 240px;
    }

}

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

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