/* Minification failed. Returning unminified contents.
(101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,15): run-time error CSS1039: Token not allowed after unary operator: '-wde-text'
(193,56): run-time error CSS1039: Token not allowed after unary operator: '-wde-accent'
(201,15): run-time error CSS1039: Token not allowed after unary operator: '-wde-accent'
(246,3): run-time error CSS1019: Unexpected token, found '}'
(253,17): run-time error CSS1039: Token not allowed after unary operator: '-wde-dark'
(265,1): run-time error CSS1019: Unexpected token, found '}'
(331,20): run-time error CSS1039: Token not allowed after unary operator: '-wde-card'
(332,26): run-time error CSS1039: Token not allowed after unary operator: '-wde-border'
(333,23): run-time error CSS1039: Token not allowed after unary operator: '-wde-radius'
(335,20): run-time error CSS1039: Token not allowed after unary operator: '-wde-shadow'
(364,56): run-time error CSS1039: Token not allowed after unary operator: '-wde-accent'
(375,32): run-time error CSS1039: Token not allowed after unary operator: '-wde-radius'
(376,33): run-time error CSS1039: Token not allowed after unary operator: '-wde-radius'
(406,15): run-time error CSS1039: Token not allowed after unary operator: '-wde-text'
(423,20): run-time error CSS1039: Token not allowed after unary operator: '-wde-shadow-hover'
(448,15): run-time error CSS1039: Token not allowed after unary operator: '-wde-accent'
(1170,17): run-time error CSS1038: Expected hex color, found '#trasparent'
(1211,41): run-time error CSS1046: Expect comma, found '0'
(1211,45): run-time error CSS1046: Expect comma, found '/'
(1212,33): run-time error CSS1046: Expect comma, found '0'
(1212,37): run-time error CSS1046: Expect comma, found '/'
 */



/* =========================================================
   MOBILE – BLOCCO 6: STANDARDS
   ========================================================= */
@media (max-width: 767px){

  #standards .content{
    margin-bottom: 18px;margin-left:-40px;
  }

  #standards .imgstile{
    margin: 12px 0 46px;   /* leggermente più aria: è l’ultimo blocco */
  }

  #standards h2{
    margin-top: 0;
    margin-bottom: 16px;
  }

}






/* =========================================================
   MOBILE – BLOCCO 5: PARTNERSHIP
   ========================================================= */
@media (max-width: 767px){

  #partnership .content{
    margin-bottom: -45px;margin-left:35px;
  }

  #partnership .imgstile{
    margin: 12px 0 42px;   /* un filo più respiro sotto */
  }

  #partnership h2{
    margin-top: 0;
    margin-bottom: 16px;
  }

}


@media (max-width: 767px){
  #why-wde .content{ margin-bottom: -50px; margin-left:-40px }
  #why-wde .imgstile{ margin: 10px 0 38px; }
  #why-wde h2{ margin-top: 0; }
}

@media (max-width: 767px){
  #thermal-modification .content{ margin-bottom: -40px;margin-left:30px }
  #thermal-modification .imgstile{ margin: 10px 0 30px; }
}




@media (max-width: 767px){
  #applications .content{ margin-bottom: -40px;margin-left:-50px }
  #applications .imgstile{ margin: 10px 0 30px; }
}


/* =========================================================
   FORCE HEADINGS FONT – Inter (override Comfortaa)
   ========================================================= */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 600;
  line-height: 1.35;
  color: #0e6c37;
}

/* =========================================================
   FORCE NAVBAR FONT – Inter
   ========================================================= */
.rd-navbar-static .rd-navbar-nav > li > a,
.rd-navbar-fullwidth .rd-navbar-nav > li > a {
  display: block;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Arial, sans-serif !important;
}





/* =========================================================
   WDE HEADER / NAV – Desktop + Mobile (RD Navbar friendly)
   ========================================================= */

:root{
  --wde-accent: #0e6c37;               /* verde WDE */
  --wde-dark: #0b0f14;
  --wde-text: #0f172a;
  --wde-muted: #6b7280;
  --wde-border: rgba(15, 23, 42, .10);
  --wde-card: #ffffff;
  --wde-radius: 16px;
  --wde-shadow: 0 12px 30px rgba(0,0,0,.08);
  --wde-shadow-hover: 0 18px 45px rgba(0,0,0,.12);
}

/* ---------- BASE LAYOUT HEADER ---------- */
.rd-navbar{
  border-bottom: 1px solid rgba(15,23,42,.06);
}

.rd-navbar .rd-navbar-inner{
  display:flex;
  align-items:center;
  justify-content:flex-start !important;
  gap: 18px;
}

/* Panel (brand + toggle) */
.rd-navbar .rd-navbar-panel{
  display:flex;
  align-items:center;
  flex: 0 0 auto;
}

/* BRAND desktop: a sinistra */
.rd-navbar .rd-navbar-brand{
  display:flex;
  align-items:center;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1;
}

.rd-navbar .rd-navbar-brand img{
  max-height: 62px;              /* desktop size */
  width: auto !important;
  height: auto !important;
  display:block;
}

/* Nav wrap: menu vicino al logo */
.rd-navbar .rd-navbar-nav-wrap{
  flex: 1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-start !important;
}

/* UL menu desktop: orizzontale, sotto al logo? (vedi blocco "top menu") */
.rd-navbar .rd-navbar-nav{
  display:flex;
  align-items:center;
  justify-content:flex-start !important;
  gap: 12px;
  margin: 0 !important;
  padding: 0 !important;
}

/* Stile link menu desktop: premium + underline animato */
.rd-navbar .rd-navbar-nav > li{
  position: relative;
  margin: 0 !important;
}

.rd-navbar .rd-navbar-nav > li > a{
  position: relative;
  display:inline-flex;
  align-items:center;
  color: var(--wde-text);
  font-weight: 700;
  letter-spacing: .2px;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none !important;
  transition: color .25s ease, transform .25s ease;
}

.rd-navbar .rd-navbar-nav > li > a::after{
  content:"";
  position:absolute;
  left: 10px;
  right: 10px;
  bottom: -5px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--wde-accent), transparent);
  opacity: .0;
  transform: scaleX(.7);
  transition: opacity .25s ease, transform .25s ease;
}

.rd-navbar .rd-navbar-nav > li > a:hover,
.rd-navbar .rd-navbar-nav > li > a:focus{
  color: var(--wde-accent);
  transform: translateY(-1px);
}

.rd-navbar .rd-navbar-nav > li > a:hover::after,
.rd-navbar .rd-navbar-nav > li > a:focus::after{
  opacity: .9;
  transform: scaleX(1);
}

/* ---------- MENU TOP “sotto al logo” (DESKTOP) ----------
   Se vuoi DAVVERO il menu su una riga sotto al logo,
   basta mettere nav wrap in colonna.
*/
@media (min-width: 992px){
  .rd-navbar .rd-navbar-inner{
    align-items: flex-start;
  }

  .rd-navbar .rd-navbar-nav-wrap{
    flex-direction: column;
    align-items: flex-start;
    padding-top: 6px;
  }

  /* Piccolo separatore estetico sotto logo */
  .rd-navbar .rd-navbar-panel{
    padding-top: 6px;
  }
}

/* =========================================================
   MOBILE ( li > a{
    width: 100%;
    padding: 12px 14px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.75));
    border: 1px solid rgba(15,23,42,.08);
    text-transform: none;
    font-size: 14px;
    letter-spacing: .1px;
  }

  .rd-navbar .rd-navbar-nav > li > a::after{
    display:none; /* togli underline desktop */
  }

  .rd-navbar .rd-navbar-nav > li > a:hover,
  .rd-navbar .rd-navbar-nav > li > a:focus{
    transform: none;
    background: linear-gradient(180deg, rgba(14,108,55,.10), rgba(14,108,55,.04));
    border-color: rgba(14,108,55,.30);
    color: var(--wde-dark);
  }

  /* Evita “fuori sede” (overflow orizzontale) */
  .rd-navbar,
  .rd-navbar *{
    max-width: 100%;
  }
  .rd-navbar-nav-wrap,
  .rd-navbar-nav{
    overflow-x: hidden;
  }
}

/* =========================================================
   MOBILE MENU – Premium Vertical Drawer
   ========================================================= */
@media (max-width: 991px){

  /* Contenitore menu */
  .rd-navbar .rd-navbar-nav{
    background: #ffffff !important;
    border-radius: 18px;
    padding: 14px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.18);
    gap: 10px;
  }

  /* Voci menu */
  .rd-navbar .rd-navbar-nav > li > a{
    background: #f7f9f7 !important;
    border: 1px solid rgba(14,108,55,.15);
    color: #0f172a !important;
    font-weight: 600;
    padding: 14px 16px;
    border-radius: 14px;
    transition: all .25s ease;
  }

  /* Hover elegante (NO verde pieno) */
  .rd-navbar .rd-navbar-nav > li > a:hover,
  .rd-navbar .rd-navbar-nav > li > a:focus{
    background: linear-gradient(
      180deg,
      rgba(14,108,55,.08),
      rgba(14,108,55,.03)
    ) !important;
    border-color: rgba(14,108,55,.35);
    color: #0b3d1f !important;
  }

  /* Stato attivo (pagina corrente) */
  .rd-navbar .rd-navbar-nav > li.active > a,
  .rd-navbar .rd-navbar-nav > li.focus > a{
    background: linear-gradient(
      180deg,
      rgba(14,108,55,.15),
      rgba(14,108,55,.08)
    ) !important;
    border-color: rgba(14,108,55,.45);
    color: #0b3d1f !important;
  }
}


/* ===========================
   WDE NEWS LIST – Premium Cards
   Usa con questo markup:
   
     [[Immagine...]]
     {Titolo}
   
   =========================== */


/* Card base */
.news-card{
  position: relative;
  background: var(--wde-card);
  border: 1px solid var(--wde-border);
  border-radius: var(--wde-radius);
  overflow: hidden;
  box-shadow: var(--wde-shadow);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  transform: translateZ(0); /* migliora la resa hover */
}

/* Sfumatura premium leggera (top -> bottom) */
.news-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(180deg,
    rgba(255,255,255,.02) 0%,
    rgba(0,0,0,.06) 55%,
    rgba(0,0,0,.18) 100%);
  opacity: .0;              /* di base invisibile */
  transition: opacity .35s ease;
  z-index: 2;
}

/* Linea accent sottile in basso */
.news-card::after{
  content:"";
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--wde-accent), transparent);
  opacity: .45;
  transform: scaleX(.8);
  transition: transform .35s ease, opacity .35s ease;
  z-index: 3;
}

/* Wrapper immagine */
.news-card__image{
  position: relative;
  overflow: hidden;
  border-top-left-radius: var(--wde-radius);
  border-top-right-radius: var(--wde-radius);
}

/* Assicura che eventuali  dentro la macro siano gestiti bene */
.news-card__image img{
  display:block;
  width:100%;
  height:auto;
  transform: scale(1);
  transition: transform .6s ease;
  will-change: transform;
}

/* Caption */
.news-card__caption{
  position: relative;
  z-index: 4; /* sopra overlay */
  padding: 14px 14px 18px 14px;
  min-height: 72px; /* “h50” ma più elegante */
  display: flex;
  align-items: flex-start;
}

/* Titolo */
.news-card__caption h6{
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: .2px;
  font-weight: 700;
  color: var(--wde-text);
}

/* Link titolo */
.news-card__caption h6 a{
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* max 2 righe */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Hover / Focus */
.news-card:hover,
.news-card:focus-within{
  transform: translateY(-4px);
  box-shadow: var(--wde-shadow-hover);
  border-color: rgba(109, 157, 135, .35);
}

/* Attiva overlay premium e linea accent */
.news-card:hover::before,
.news-card:focus-within::before{
  opacity: 1;
}

.news-card:hover::after,
.news-card:focus-within::after{
  opacity: .8;
  transform: scaleX(1);
}

/* Zoom immagine su hover */
.news-card:hover .news-card__image img,
.news-card:focus-within .news-card__image img{
  transform: scale(1.08);
}

/* Colore link su hover */
.news-card__caption h6 a:hover,
.news-card__caption h6 a:focus{
  color: var(--wde-accent);
}

/* Accessibilità focus */
.news-card__caption h6 a:focus{
  outline: none;
}
.news-card:focus-within{
  outline: 2px solid rgba(109, 157, 135, .35);
  outline-offset: 2px;
}

/* Mobile: respiro e titolo leggermente più grande */
@media (max-width: 575px){
  .news-card__caption{
    padding: 14px 14px 20px 14px;
    min-height: 0;
  }
  .news-card__caption h6{
    font-size: 15px;
  }
}


/* =========================================================
   HEADER: logo a sinistra del menu (desktop) + mobile left
   ========================================================= */

/* Desktop / layout generale */
.rd-navbar .rd-navbar-inner{
  display: flex;
  align-items: center;
  justify-content: flex-start; /* evita centrature */
}

/* Panel (toggle + brand) non deve spingere/centrare */
.rd-navbar .rd-navbar-panel{
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

/* Brand: toglie centrature tipiche del template */
.rd-navbar .rd-navbar-brand{
  position: static;
  margin: 0 18px 0 0;   /* spazio tra logo e menu */
  padding: 0;
  line-height: 1;
}

/* Nav wrap prende lo spazio e tiene il menu vicino al logo */
.rd-navbar .rd-navbar-nav-wrap{
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  justify-content: flex-start;
}

/* Menu UL: allineato a sinistra (non centrato) */
.rd-navbar .rd-navbar-nav{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}

/* Voci menu: respiro orizzontale (se serve) */
.rd-navbar .rd-navbar-nav > li{
  margin: 0 10px;
}

/* =========================================================
   MOBILE: logo in alto a sinistra, toggle a destra
   (breakpoint tipico 991/992)
   ========================================================= */
@media (max-width: 991px){

  /* In mobile spesso RD centra la brand: qui forziamo left */
  .rd-navbar .rd-navbar-inner{
    justify-content: flex-start;
  }

  .rd-navbar .rd-navbar-panel{
    width: 100%;
    justify-content: flex-start;
  }

  .rd-navbar .rd-navbar-brand{
    margin: 0;
  }

  /* Toggle (hamburger) a destra */
  .rd-navbar .rd-navbar-toggle{
    margin-left: auto;
  }

  /* Quando il menu è collassato, evita che il wrap faccia robe strane */
  .rd-navbar .rd-navbar-nav-wrap{
    width: 100%;
  }
}

/* =========================================================
   MOBILE: logo sempre in alto a DESTRA (fix aggressivo)
   ========================================================= */
@media (max-width: 991px){

  /* Assicura contesto */
  .rd-navbar .rd-navbar-panel{
    position: relative !important;
    width: 100% !important;
    min-height: 56px;             /* spazio per logo + toggle */
    padding-right: 74px;          /* evita sovrapposizione col logo */
    display: block !important;    /* evita flex strani */
  }

  /* Toggle sempre a SINISTRA */
  .rd-navbar .rd-navbar-toggle{
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    margin: 0 !important;
  }

  /* BRAND sempre a DESTRA */
  .rd-navbar .rd-navbar-brand{
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;

    /* neutralizza centrature/float del tema */
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  /* Logo più piccolo */
  .rd-navbar .rd-navbar-brand img{
    max-height: 40px !important;
    width: auto !important;
    height: auto !important;
    display:block !important;
  }

  /* Evita che il wrap menu “tiri su” e spinga l’header */
  .rd-navbar .rd-navbar-nav-wrap{
    width: 100% !important;
    margin-top: 8px !important;
  }

  /* Menu sempre verticale */
  .rd-navbar .rd-navbar-nav{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
}




.rd-navbar-fixed .rd-navbar-collapse-toggle {
    display: block;
    font-family:Inter!important;
    height: 48px;
    position: fixed;
    right: 2px;
    top: 4px;
    width: 220px;
    z-index: 20;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
}

.rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after {
    position: absolute;
    width: 0px;
    height: 0px;
    line-height: 6px;
    text-align: center;
    background: #b5b4aa;
    left: 50%;
    margin-left: -3px;
    border-radius: 50%;
    transition: .3s all ease;
}

.rd-navbar-fixed .rd-navbar-search-form, .rd-navbar-fixed .rd-navbar-search-toggle {
    right: 120px;
}

.rd-navbar-fixed .rd-navbar-collapse-toggle span {
    color: #fff;
    background-color: #fff;
}


td, th {
    padding: 0;
    padding-bottom: 10px;
}


.checkbox-custom-dummy {
 color: #000;
    margin: 5px;
}

input[type="radio"] {

    visibility: visible !important;
    opacity: 1 !important;
    -webkit-appearance: auto !important;
    margin-right: 10px;
}







.rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar {

    top: 40px;
   
}






body {
    font-family:Inter;
    font-size: 18px;
    line-height: 1.66667;
    color: #000;
    
    -webkit-text-size-adjust: none;
    font-weight: 400;
}



input[type="checkbox"] {
    visibility: visible !important;
    opacity: 1 !important;
-webkit-appearance:auto !important;
}

.rd-navbar-search-form-submit {
position:absolute !important;
}

.rd-navbar-fixed .rd-navbar-nav li:hover>a, .rd-navbar-sidebar .rd-navbar-nav li:hover>a {
    color: #fff;
    background: #d5041d;
}



input[name="frm3$cpt12"] {
    display: block;
    width: 100%;
    height: 50px;
    padding: 11.5px 25px 12px;
    font-size: 15px;
    line-height: 1.78571;
    color: #75992e;
    font-weight: 400;
    background-color: #f1f1eb;
    background-image: none;
    border-radius: 30px;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.testoslide {
    position: inherit;
    top: 20px;
    left: 0%;
    color: #fff;
    letter-spacing: .02em;
    line-height: 1.2;
    font-size: 35px!important;
    font-weight: 400;
    margin-top: -180px;
}




@media (max-width: 768px) {
.lingue {
    display:none;
}}

@media (max-width: 768px) {
.linea {
    display:none;
}
}



@media (max-width: 768px) {
.linguebox {
    display:none;
}
}



.lingue {text-align:center;
padding-left:20px;
 }


.linea {border-bottom:1px solid #cccccc;}

.linguebox {
    width: 100%;
    padding: 0px 0px 0px 0px;
    height: 78px;
    font-size: 16px;
    line-height: 34px;
    color: #8f8e83;

}


.list-inline>li {
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 24px;
    width: 40px;
    line-height: 39px;
    text-align: center;
    color: #666;
}

.rd-navbar-fixed.top-panel-none-items .rd-navbar-top-panel .list-inline {
    padding-top: 0;
    padding-bottom: 10px;
}







@media (min-width: 2200px) {
.col-lg-10 {
    width: 83.33333%;
}}



 .btn-default:hover:active:hover, .btn-default:hover:active:focus, .btn-default:hover:active.focus, .btn-default:hover.active:hover, .btn-default:hover.active:focus, .btn-default:hover.active.focus, .open > .btn-default:hover.dropdown-toggle:hover, .open > .btn-default:hover.dropdown-toggle:focus, .open > .btn-default:hover.dropdown-toggle.focus {
    color: #fff;
    background-color: #dc1f26;
    border-color: #dc1f26;
}

.jumbotron .btn-default:hover {
    border: 2px solid #dc1f26;
    box-shadow: inset 0 0 0 1px #dc1f26;
}

.btn-default:hover:hover {
    color: #fff;
    background-color: #dc1f26;
    border-color: #dc1f26;
}

.rd-navbar-sidebar .rd-navbar-toggle span {
    background-color: #dc1f26;
}

.rd-navbar-sidebar .rd-navbar-toggle span:before, .rd-navbar-sidebar .rd-navbar-toggle span:after {
    background-color: #dc1f26;
}

.page-footer .copyright {
    background: #dc1f26;
    padding-top: 28px;
    padding-bottom: 24px;
    font-size: 15px;
    letter-spacing: .02em;
}

.bg-white.rd-navbar.rd-navbar-sidebar .rd-navbar-nav>li.active>a, .bg-white.rd-navbar.rd-navbar-sidebar .rd-navbar-nav>li:hover>a {
    color: #fff;
    background-color: #dc1f26;
}

.rd-navbar-fixed .rd-navbar-nav li.active>a, .rd-navbar-sidebar .rd-navbar-nav li.active>a {
    color: #fff;
    background: #dc1f26;
}

.rd-navbar-fixed .rd-navbar-nav::-webkit-scrollbar-thumb, .rd-navbar-sidebar::-webkit-scrollbar-thumb {
    background: #dc1f26;
    border: none;
    border-radius: 0;
    opacity: .2;
}


.rd-navbar-fixed .rd-navbar-nav li:hover>a, .rd-navbar-sidebar .rd-navbar-nav li:hover>a {
    color: #fff;
    background: #0e6c37;
}


.page-footer h6 {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 26px;
}


.form-input {
 
    height: 60px;

}


.btn-primary {
    color: #fff;
    background-color: #0e6c37;
    border-color: #0e6c37;
}



.ui-to-top {
 
    background: #0e6c37;
 
}


.nav-tabs>li>a {
    font-weight: 700;
    color: #0e6c37;
    text-transform: uppercase;
    margin-right: 2px;
    line-height: 1.66667;
    border: 2px solid #f1f1eb;
}

.nav-tabs>li>a:hover {
    border-color: #0e6c37;
}


.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #f1f1eb;
    color: #0e6c37;
}

.fascia {  background-color: #f1f1eb;}

.h50 {Height:50px}


.form-control {

    margin: 5px;
}


.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span {
    width: 24px;
    height: 4px;
    background-color: #e11222;
    backface-visibility: hidden;
    border-radius: 2px;
}

.bg-white .rd-navbar-search-toggle:before {
    color: #e11222;
}

.rd-navbar-fixed .rd-navbar-collapse-toggle span:before, .rd-navbar-fixed .rd-navbar-collapse-toggle span:after {
    background-color: #e11222;
}


.bg-white.rd-navbar .rd-navbar-nav>li>a {
    color: #666;
}

.well {
    padding-top: 10px;
    padding-bottom: 20px;
}



.jumbotron .btn.btn-default {
    color: #fff;
   background-color: #dc1f26;
}



.btn-default:hover:hover {
    color: #fff;
    background-color: #000;
    border-color: #dc1f26;
}

.jumbotron h1, .jumbotron .h1 {
    color: #fff;
    margin-bottom: 30px;
    letter-spacing: .02em;
    line-height: 1.2;
    font-size: 35px!important;
    font-weight: 400;
}












.testoh {
color: #fff;
background-color: #000;
display: inline-block;
 opacity: 0.7;
border-radius: 15px;
padding:5px;
font-sise:38px
}

h2, .h2 {
    font-size: 34px;
}



.jumbotron .btn.btn-default {
    color: #fff;
    background-color: #dc1f26;
    width: 300px;
}





.rd-navbar-static .rd-navbar-search-form-submit, .rd-navbar-sidebar .rd-navbar-search-form-submit, .rd-navbar-fullwidth .rd-navbar-search-form-submit {
    position: inherit;
    top: 0;
    right: 0;
}


.swiper-container {
    text-align: center;
    min-height: 700px;
}




.testoT {
color: #fff;
background-color: #000;
display: inline-block;
 opacity: 0.7;
border-radius: 15px;
padding:5px;
}





.search {
    display: block;
    width: 100%;
    padding: 7px 40px 7px 18px;
    height: 48px;
    font-size: 16px;
    line-height: 34px;
    color: #8f8e83;
    background: #fff;
}

.swiper-container2 {
    text-align: center;
    min-height: 180px;
}

.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span {
    width: 32px;
    height: 5px;
    background-color: #e11222;
    backface-visibility: hidden;
    border-radius: 2px;
}


.rd-navbar-sidebar .rd-navbar-toggle {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
}

.bg-white.rd-navbar .rd-navbar-nav>li>a hover {
    color: #ccc;
}

@media (max-width: 768px) {
.testoT {
    display:none;
}
}

@media (max-width: 768px) {
.testoslide {
    display:none;
}
}

.testobox {
color: #fff;
background-color: #000;
display: inline-block;
 opacity: 0.7;
border-radius: 15px;
padding:5px;
font-size:16px;
}


@media (min-width: 768px) {
.testobox {
    display:none;
}
}


.jumbotron h1, .jumbotron .h1 {

    margin-bottom: 0px!important;
  
}



@media (max-width: 768px) {
.logohome {
    display:none;
}
}

@media (min-width: 768px) {
.logohome {
    display:none;
}
}

.jumbotron .btn.btn-default {
    color: #fff;
    background-color: #dc1f26;
    width: 300px;
    border-radius: 15px;
}
input[name="frm3$cpt6"] {
    display: block;
    width: 100%;
    height: 50px;
    padding: 11.5px 25px 12px;
    font-size: 15px;
    line-height: 1.78571;
    color: #75992e;
    font-weight: 400;
    background-color: #f1f1eb;
    background-image: none;
    border-radius: 30px;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input, textarea {
    font-family: Inter;
    font-size: inherit;
    line-height: inherit;
    background: #trasparent;
border: 1px solid #ccc;
border-radius: 30px;
}

.button {
    color: #fff;
    background-color: #0e6c37;
    border-color: #0e6c37;
padding:10px;
}





.button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: 0.25rem;
    transition: all .15s ease-in-out;

}


.panel {
    margin-bottom: 25px;
    background-color: #ccc;
    border: 1px solid #999;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
padding:10px;
color:000;
}


.checkbox-custom-dummy { 
color:000;
}


label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    color: #000;
    font-size: 14px;
margin-right: 10px;
}


.page-footer.footer-widget .footer-content .marked-list li a {
    color: #000;
}

.page-footer.footer-widget .footer-content .contact-info dd a {
    color: #000;
}

.page-footer.footer-widget .footer-content .contact-info dd, .page-footer.footer-widget .footer-content .contact-info dt {
    color: #000;
}

.page-footer.footer-widget .footer-content address {
    margin-top: 25px;
    color: #000;
}

.product .caption h6 {
    color: #000;
}



.rd-navbar-static, .rd-navbar-fullwidth {
    border-bottom: 1px solid #000;
    padding-top: 0px;
    padding-bottom: 3px;
}


.well {
    padding-top: 50px;
    padding-bottom: 50px;
}

/* =========================================================
   RD NAVBAR – STOP hiding logo on sticky (HARD FIX)
   ========================================================= */
@media (min-width: 992px){

  /* Impedisce al navbar sticky di cambiare altezza */
  .rd-navbar,
  .rd-navbar.rd-navbar--is-stuck,
  .rd-navbar.rd-navbar--is-clone{
    min-height: 90px !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Forza sempre visibile il brand */
  .rd-navbar .rd-navbar-brand{
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: relative !important;
    z-index: 999 !important;
  }

  /* Logo sempre renderizzato */
  .rd-navbar .rd-navbar-brand img{
    display: block !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
  }

  /* Disattiva animazioni che lo fanno sparire */
  .rd-navbar.rd-navbar--is-stuck .rd-navbar-brand,
  .rd-navbar.rd-navbar--is-stuck .rd-navbar-brand *{
    animation: none !important;
    transition: none !important;
  }

  /* Evita che il menu spinga fuori il brand */
  .rd-navbar .rd-navbar-inner{
    overflow: visible !important;
  }
}

/* =========================================================
   DESKTOP – KILL totale logo header (anti RD Navbar)
   ========================================================= */
@media (min-width: 992px){

  .rd-navbar-panel .brand-desktop{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
  }

}

/* =========================================================
   MOBILE – logo size refine
   ========================================================= */
@media (max-width: 991px){

  .brand-mobile img{
    max-height: 34px;     /* valore ideale */
    width: auto !important;
    height: auto !important;
  }

  /* Se vuoi ancora più compatto */
  /*
  .brand-mobile img{
    max-height: 30px;
  }
  */
}
/* =========================================================
   MOBILE – logo KILL inline size (anti stronzo)
   ========================================================= */
@media (max-width: 991px){

  .brand-mobile img{
    width: auto !important;
    height: auto !important;

    max-height: 28px !important;   /* QUI LO COMANDI TU */
    max-width: 120px !important;

    /* reset inline */
    min-width: 0 !important;
    min-height: 0 !important;
  }
}

/* =========================================================
   MOBILE – logo RIDIMENSIONATO VIA TRANSFORM (DEFINITIVO)
   ========================================================= */
@media (max-width: 991px){

  .brand-mobile img{
    transform: scale(0.25) !important;   /* PROVALO: 0.20–0.30 */
    transform-origin: right center !important;
    width: 120px !important;   /* lasciamo il suo inline */
    height: 118px !important;
  }
}

.rd-navbar-fixed .rd-navbar-nav li:hover>a, .rd-navbar-sidebar .rd-navbar-nav li:hover>a {
    color: #fff!important;
    background: #0e6c37;
    width: 100%;
}

/* =========================================================
   PRODUCT CARD – Premium B2B / US Style
   ========================================================= */

.product-card{
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  transition: transform .35s ease, box-shadow .35s ease;
  height: 100%;
}

/* Hover elegante */
.product-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 22px 50px rgba(0,0,0,.14);
}

/* Immagine */
.product-card__image{
  display: block;
  position: relative;
  overflow: hidden;
  background: #f4f6f8;
}

.product-card__image img{
  width: 100%;
  height: auto;
  display: block;
  transition: transform .6s ease;
}

/* Zoom leggero sull’immagine */
.product-card:hover .product-card__image img{
  transform: scale(1.06);
}

/* Corpo */
.product-card__body{
  padding: 16px 16px 18px;
  text-align: center;
}

/* Titolo */
.product-card__title{
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.product-card__title a{
  color: #0f172a;
  text-decoration: none;
  transition: color .25s ease;
}

/* Hover titolo */
.product-card__title a:hover{
  color: #0e6c37;
}

/* Migliore resa su mobile */
@media (max-width: 767px){
  .product-card__body{
    padding: 14px;
  }

  .product-card__title{
    font-size: 13px;
  }
}


/* =========================================================
   HERO VIDEO – WDE MASPELL US
   ========================================================= */

.hero-video{
  position: relative;
  height: 100vh;
  min-height: 620px;
  overflow: hidden;
  background: #000;
}

/* Video */
.hero-video__media{
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hero-video__media iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120vw;
  height: 120vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/* Overlay per leggibilità */
.hero-video__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.75) 0%,
    rgba(0,0,0,.45) 40%,
    rgba(0,0,0,.15) 70%,
    rgba(0,0,0,.05) 100%
  );
  z-index: 1;
}

/* Contenuto */
.hero-video__content{
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: flex-end;   /* TESTO IN BASSO */
  padding-bottom: 150px;
  color: #fff;
}

.hero-video__content h1{
  color: #fff;
  margin-bottom: 20px;
}

.hero-video__content h1 small{
  display: block;
  font-size: 0.45em;
  font-weight: 400;
  opacity: .9;
}

.hero-video__content p.big{
  max-width: 820px;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 30px;
}


.hero-video__content .container{
  transform: translateY(-30px); /* ⬅️ alza il testo */
}

/* Pulsanti */
.hero-video__content .btn{
  margin-right: 10px;
}

/* Mobile */
@media (max-width: 767px){
  .hero-video{
    min-height: 520px;
  }

  .hero-video__content{
    padding-bottom: 60px;
    text-align: left;
  }

  .hero-video__content p.big{
    font-size: 16px;
  }
}

/* =========================================================
   HERO VIDEO – Mobile full cover (no black bands)
   ========================================================= */
@media (max-width: 767px){

  .hero-video{
    height: 100vh;
    min-height: 520px;
    overflow: hidden;
  }

  .hero-video__media iframe{
    width: 200vw;      /* forza copertura verticale */
    height: 200vh;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

}
/* =========================================================
   HERO VIDEO – HARD FIX MOBILE (NO BLACK BANDS)
   ========================================================= */

.hero-video__media{
  position: absolute;
  inset: 0;
  overflow: hidden;
}

/* wrapper che MASCHERA il video */
.hero-video__iframe-wrap{
  position: absolute;
  inset: -30vh 0;     /* TAGLIA sopra e sotto */
  overflow: hidden;
}

/* iframe */
.hero-video__iframe-wrap iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120vw;
  height: 120vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/* MOBILE – ancora più aggressivo */
@media (max-width: 767px){

  .hero-video__iframe-wrap{
    inset: -40vh -40vw;
  }

  .hero-video__iframe-wrap iframe{
    width: 200vw;
    height: 200vh;
  }
}


@media (max-width: 991px){
  .brand-mobile img{
    width: auto !important;
    height: auto !important;
    max-width: 140px !important;
    max-height: 0px !important;
    object-fit: contain !important;
  }

  /* se qualche regola globale prende TUTTE le img del menu */
  .rd-navbar-nav-wrap img{
    width: auto !important;
    height: auto !important;
  }
}

.btn {
  
    border: 2px solid #000!important;
   font-family:'Inter', -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 600;
}

/* =========================================================
   FOOTER
   ========================================================= */

.footer-cols {
  display: flex;
  align-items: flex-start;
}

.footer-col {
  text-align: center;
}

.footer-col h6 {
  margin-bottom: 15px;
}

.footer-logo {
  max-width: 100px;
}

.footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu li {
  margin-bottom: 6px;
}

.footer-menu a {
  text-decoration: none;
}

.footer-social a img {
  width: 26px;
  margin: 0 6px;
}


/* SOCIAL ICONS – COLORI ORIGINALI */
.footer-social img {
  width: 40px;              /* prima erano 26px */
  height: auto;
  margin: 0 10px;
  filter: none !important;  /* rimuove grigio */
  opacity: 1 !important;
  transition: transform .2s ease, opacity .2s ease;
}

.footer-social a:hover img {
  transform: scale(1.15);
  opacity: 0.9;
}

/* FIX BANDA NERA HERO SU MOBILE */
@media (max-width: 767px) {

  .hero-video,
  .hero-video__media,
  .hero-video__iframe-wrap {
    height: auto !important;
    min-height: 0 !important;
  }

  .hero-video__iframe-wrap iframe {
    position: relative !important;
    height: 56.25vw !important; /* 16:9 */
    max-height: 60vh;
  }

}

/* ===============================
   HOME – IMMAGINI PREMIUM STYLE
   =============================== */

.home img,
.hero-video img,
.section img,
.card img {
  border-radius: 18px; /* stondato elegante */
  box-shadow: 0 12px 30px rgba(0,0,0,0.12); /* ombra soft premium */
  transition: transform .35s ease, box-shadow .35s ease;
}

/* Hover leggerissimo (solo desktop) */
@media (hover: hover) {
  .home img:hover,
  .section img:hover,
  .card img:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.18);
  }
}

/* Escludi icone e svg */
img[src$=".svg"],
.footer-social img,
.logo img {
  border-radius: 0;
  box-shadow: none;
}


/* ======================================
   MARKET OPPORTUNITY – IMAGE PREMIUM
   ====================================== */

.landing-block.image-right .media img {
  width: 100%;
  display: block;
  border-radius: 20px; /* stondato elegante */
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16); /* ombra premium */
  transition: transform .35s ease, box-shadow .35s ease;
}

/* Hover solo desktop */
@media (hover: hover) {
  .landing-block.image-right .media img:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 65px rgba(0, 0, 0, 0.22);
  }
}
/* RIMUOVE SFONDI DI SERVIZIO / WIREFRAME */
.landing-block,
.landing-block.image-right,
.landing-block.image-left,
.section,
.well,
.well-sm {
  background: transparent !important;
}

.landing-block .media {
    min-height: 320px;
    background: #fff;
}

/* =========================================================
   IMGSTILE – hover fluido premium
   ========================================================= */

.imgstile{
  display: block;
  width: 100%;
  height: auto;

  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(0,0,0,0.18);

  background: #fff;
  position: relative;
  z-index: 2;

  /* PREPARA IL BROWSER */
  transform: translateY(0) translateZ(0);
  will-change: transform, box-shadow;

  /* TRANSIZIONI PULITE */
  transition:
    transform 0.45s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.45s cubic-bezier(.22,.61,.36,1);
}

/* Hover solo desktop */
@media (hover: hover){
  .imgstile:hover{
    transform: translateY(-6px) translateZ(0);
    box-shadow: 0 28px 70px rgba(0,0,0,0.25);
  }
}


/* =========================================================
   LANDING BLOCK – SPAZIATURA STRUTTURALE
   ========================================================= */

/* Spazio verticale tra i blocchi */
.landing-block {
  padding: 50px 0;
}

/* Allineamento verticale colonne */
.landing-block .row.align-center {
  display: flex;
  align-items: center;
}

/* Spazio orizzontale tra testo e immagine */
.landing-block .content {
  padding-right: 40px;
}

.landing-block.image-left .content {
  padding-left: 40px;
  padding-right: 0;
}

/* Mobile */
@media (max-width: 767px) {

  .landing-block {
    padding: 60px 0;
  }

  .landing-block .row.align-center {
    display: block;
  }

  .landing-block .content {
    padding: 0;
    margin-bottom: 30px;
  }
}


/* =========================================================
   LANDING BLOCK – MOBILE LAYOUT FIX
   ========================================================= */
@media (max-width: 767px){

  /* Padding laterale per tutto il contenuto */
  .landing-block .container{
    padding-left: 22px;
    padding-right: 22px;
  }

  /* Forza ordine: testo sopra, immagine sotto */
  .landing-block .row{
    display: flex;
    flex-direction: column;
  }

  /* Testo */
  .landing-block .content{
    margin-bottom: 28px;
  }

  /* Immagine */
  .landing-block img.imgstile{
    margin-top: 0;
  }

}


/* =========================================================
   LANDING BLOCK – FORCE IMAGE BELOW TEXT (MOBILE ONLY)
   ========================================================= */
@media (max-width: 767px){

  /* Manteniamo il container con padding laterale */
  .landing-block .container{
    padding-left: 22px;
    padding-right: 22px;
  }

  /* Forziamo il layout a colonna */
  .landing-block .row.align-center{
    display: flex;
    flex-direction: column;
  }

  /* TESTO SEMPRE PRIMA */
  .landing-block .content{
    order: 1;
    margin-bottom: 28px;
  }

  /* IMMAGINE SEMPRE DOPO */
  .landing-block .imgstile{
    order: 2;
    margin-top: 0;
  }

  /* Nel caso l'img sia dentro una colonna */
  .landing-block .col-md-6{
    width: 100%;
    max-width: 100%;
  }

}

/* =========================================================
   MOBILE – FIX SPAZIATURE LANDING
   ========================================================= */
@media (max-width: 767px){

  /* Spazio sotto il testo prima dell’immagine */
  .landing-block .content{
    margin-bottom: 20px;   /* prima era troppo */
  }

  /* Spazio sopra e sotto l’immagine */
  .landing-block img.imgstile{
    margin-top: 10px;
    margin-bottom: 40px;
  }

  /* Riduci spazio sopra il titolo del blocco successivo */
  .landing-block h2{
    margin-top: 0;
    margin-bottom: 18px;
  }

  /* Riduci padding verticale generale */
  .landing-block{
    padding-top: 50px;
    padding-bottom: 50px;
  }

}

@media (max-width: 767px){
  #market-opportunity .content{ margin-bottom: -50px; margin-left:22px;}
  #market-opportunity .imgstile{ margin: 10px 0 30px; }
}

/* =========================================================
   MOBILE VIDEO OTTIMIZZATO
   ========================================================= */

@media (max-width: 768px) {

  .hero-video__content {
    padding: 40px 20px 60px 20px;
    text-align: center;
  }

  .hero-video__content h1 {
    font-size: 32px;
    line-height: 1.15;
    margin-bottom: 20px;
  }

  .hero-video__content h1 small {
    display: block;
    font-size: 18px;
    margin-top: 8px;
  }

  .hero-video__content p.big {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 35px;
  }

  .hero-video__content h3,
  .hero-video__content .disclaimer-title {
    margin-top: 40px;
    font-size: 22px;
  }

  .hero-video__content .disclaimer-text {
    font-size: 14px;
    line-height: 1.6;
    padding: 0 10px;
  }

}

@media (max-width: 768px) {

  .hero-video__media {
    height: 85vh; /* meno invasivo su mobile */
  }

  .hero-video__iframe-wrap {
    width: 177.78vh;
    height: 100vh;
  }

}

/* =========================================================
   FOOTER ORRMIZZATO MOBILE
   ========================================================= */

@media (max-width: 768px) {

  .footer-cols {
    display: flex;
    flex-direction: column;
  }

  .footer-col {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 35px;
    text-align: center;
  }

  .footer-col h6 {
    margin-top: 10px;
  }

  .footer-menu {
    padding-left: 0;
    list-style: none;
  }

  .footer-menu li {
    margin-bottom: 8px;
  }

  .footer-social {
    display: flex;
    justify-content: center;
    gap: 15px;
  }

  .footer-logo {
    margin: 0 auto 15px auto;
    display: block;
  }

}