/* ======================================================
    UNIFICAZIONE SITI COMOLI — CSS COMPLETO E AGGIORNATO
   ====================================================== */

:root {
  --color-testo: #444;
  --color-cf: #009fe3;
  --color-bluscuro: #00588f;
  --color-arancio: #dd611f;
  --color-giallo: #dba100;
  --color-rosso: #9c1915;
  --color-grigio: #f5f5f5;
  --color-grigio2: #999;
  --color-grigio-scuro: #5c636a;
  --color-focus: #009fe3;
  --color-servizi: #d91a5f;
  --color-forum: #1e71b8;
  --color-academy-chiaro: #f7987b;
  --color-academy: #f1592a;
  --color-academy-scuro: #c33408;
  --color-matching: #f7941d;
  --color-macro-tecnica: #f7931e;
  --color-macro-business: #3f4444;
  --color-macro-obbligatoria: #13336d;
  --color-focus-hba: #DABB00;
  --color-focus-entertainment: #E78F00;
  --color-focus-energy: #5AB031;
  --color-focus-emobility: #008C3C;
  --color-focus-lighting: #007592;
  --color-focus-indoor: #0095A6;
  --color-focus-industrial: #003E7C;
  --color-focus-power: #5E3973;
  --color-focus-safety: #A2113A;
  --color-focus-security: #D2286E;
  --color-focus-business: #3E3E3D;
  --color-focus-connectivity: #008C3C;
  --color-ofi-comunicazione: #BE71DF;
  --color-ofi-vendite: #7EDA57;
  --color-ofi-digital: #004AAD;
  --color-ofi-personale: #FADF70;
  --color-ofi-comunicazione2: #5f3f97;
  --color-ofi-vendite2: #61ba54;
  --color-ofi-digital2: #175ea9;
  --color-ofi-personale2: #f2b83d;
  --color-ofi-strategia2: #F18800;
  --color-ofi-dei2: #F191BC;
  --color-pdv: #faba17;
  --color-pdv-blu: #0f496c;
  --color-pdv-fucsia: #d70b52;
  --color-pdv-viola: #76379f;
  --color-pdv-verde: #008d82;
  --color-serv-consulenza: #00437a;
  --color-academy-tecnica: #F7941F;
  --color-academy-business: #3f4444;
  --color-academy-obbligatoria: #13336d;
  --color-rebiz-viola: #76379f;
  --color-rebiz-azzurro: #009ee0;
  --color-rebiz-blu: #004f76;
  --color-rebiz-giallo: #f8b334;
  --color-rebiz-rosso: #e2001a;
  --color-rebiz-rebiz: #B0DFFF;
  --color-rebiz-consulenza: rgb(249, 176, 0);
  --color-rebiz-formazione: rgb(234, 79, 26);
  --color-rebiz-marketing: rgb(232, 27, 116);
  --color-rebiz-perte: rgb(102, 35, 133);
  --color-rebiz-warning: #FF0000;
  --color-rebiz-unlock: #59BA41;
}


/* MENU */

#header {
  z-index: 998 !important;
}

/* il contenitore della barra funge da host per il posizionamento assoluto */
.mega-host {
  position: relative;
}

/* pannelli: full-width, attaccati sotto la barra azzurra */
.mega-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  display: none;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .2s ease, transform .2s ease;
  z-index: 1000;
  padding: 20px 0;
}

/* stato visibile */
.mega-panel.is-open {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* link nel pannello */
.mega-panel a:not(.text-comoli) {
  color: #000000 !important;
  text-decoration: none;
  font-weight: bold;
}

.mega-panel h6 {
  color: #000000 !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
}

.mega-panel a:hover {
  text-decoration: none;
  opacity: .9;
}

.cf-border {
  border-bottom: 2px solid #009fe3;
}

.cf-border-left {
  border-left: 2px solid #009fe3;
  padding: 0 25px;
}

.freccia-deg {
  transform: rotate(90deg);
}

.cf-bg-menu {
  background-color: rgba(0, 159, 227, 1) !important;
}

/* desktop: hover apre, uscire chiude (gestito anche da JS per affidabilità) */
@media (min-width: 992px) {
  .menu-container .menu-item>a {
    position: relative;
  }
}

/* mobile: il pannello si comporta come blocco statico sotto la barra */
@media (max-width: 991.98px) {
  .mega-panel {
    position: static;
    display: none;
    opacity: 1;
    /* evitiamo fade su mobile */
    transform: none;
    border-top: 1px solid rgba(255, 255, 255, .25);
  }

  .mega-panel.is-open {
    display: block;
  }
}

/* === FONT & BASE TYPO === */
:root {
  --font-sans: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

html,
body {
  font-family: var(--font-sans);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
blockquote,
small,
button,
input,
select,
textarea,
label,
.menu-link {
  font-family: inherit;
}

html {
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  font-feature-settings: "liga" 1, "kern" 1;
}

/* === HEADER / MENU === */
.full-header #logo {
  border: 0;
}

.fs-9{ font-size: 10px; }

i[class^="fa"],
i[class*=" fa-"],
span[class^="fa"],
span[class*=" fa-"] {
  font-family: inherit;
}

.cf-bg {
  background-color: #009fe3 !important;
}

.freccia-bianca-menu {
  width: 13px;
}

.freccia-azzurra-menu {
  width: 13px;
}

.freccia-bianca-menu-giu {
  width: 24px;
}

.search-cf {
  border-radius: 0;
  border-color: #009fe3;
}

.text-comoli {
  color: #009fe3 !important;
}

/* === COLORI BASE === */
.bg-home {
  background-color: #dba100;
}

.bg-building {
  background-color: #9c1915;
}

.bg-industry {
  background-color: #00588f;
}

.bg-city {
  background-color: #dd611f;
}

.bg-marine {
  background-color: #49aaae;
}

/* === MENU === */
.link-menu {
  color: #1d1d1b;
  font-weight: bold;
}

.link-menu:hover {
  color: #5c5c5c;
  font-weight: bold;
}

.li-link {
  padding-top: 23px;
}

.f-menu {
  font-size: 17px;
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) { .f-menu{ font-size: 14px; } }

.menu-item {
  padding: 13px;
}

.lh-custom-menu {
  line-height: 13px;
}

@media screen and (max-width:500px) {
  .li-link {
    padding-top: 15px;
  }
}

/* === UTILITIES === */
.py-1 {
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
}

@media screen and (min-width:768px) {
  .py-md-100 {
    padding: 80px 0px;
  }

  .magazine-img {
    position: relative;
  }
}

@media screen and (max-width:767px) {
  .py-md-100 {
    padding: 50px 0px;
  }
}

.fs-7 {
  font-size: 14px;
}

.fw-black {
  font-weight: 900;
}

.freccia-grigia-carousel {
  width: 25px;
}

.btn:focus {
  box-shadow: none;
}

/* === SEZIONE BLEED PRINCIPALE === */
.section-bleed-bottom {
  --bleed: 337px;
  position: relative;
  padding-bottom: var(--bleed);
}

#carousel-news .section-bleed-bottom {
  --bleed: 332px !important;
  position: relative;
  padding-bottom: var(--bleed);
}

.section-bleed-bottom .container.cf-bg {
  position: relative;
  overflow: visible;
}

.section-bleed-bottom #cardCarousel {
  margin-bottom: calc(var(--bleed) * -1);
  position: relative;
  z-index: 2;
}

@media (max-width: 576px) {
  .section-bleed-bottom {
    --bleed: 338px;
  }

  .fs-50 {
    font-size: 40px !important;
  }

  .mt-30 {
    margin-top: 20px !important;
  }

  .text-focus {
    font-size: 85px !important;
  }

  .text-focus2 {
    font-size: 40px !important;
  }

  .font-size-title-body {
    font-size: 30px !important;
  }

  .font-size-title-body2 {
    font-size: 25px !important;
  }

  .magazine-img {
    position: static !important;
  }

  .cf-float-box {
    display: none !important;
  }
}

@media screen and (max-width: 395px) {
  #color-menu a {
    font-size: 14px !important;
  }
}

/* === CAROUSEL BASE === */
.custom-carousel {
  overflow: hidden;
  position: relative;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

.carousel-track::after {
  content: "";
  flex: 0 0 0;
}

/* CARD WRAPPER (corretto per proporzioni reali) */
.carousel-card {
  flex: 0 0 33.333%;
  /* 3 card esatte su desktop */
  padding-right: 1.5rem;
  /* spazio interno invece di margin */
  box-sizing: border-box;
  background: transparent;
}

.carousel-card .card {
  background: transparent;
}

.placeholder-img img {
  width: 100%;
  display: block;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
  .carousel-card {
    flex: 0 0 33.333%;
  }
}

@media (max-width: 991px) {
  .carousel-card {
    flex: 0 0 50%;
  }

  /* 2 card su tablet */
}

@media (max-width: 576px) {
  .carousel-card {
    flex: 0 0 100%;
  }

  /* 1 card su mobile */
}

/* === CONTROLLI CAROUSEL === */
.carousel-controls button {
  background: transparent;
  border: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.carousel-controls button:hover {
  opacity: 0.7;
}

.bg-secondary-2 {
  background-color: #878787;
}

/* === LOGHI CAROUSEL === */
#loghiCarousel {
  overflow: hidden;
  position: relative;
}

#loghiCarousel .carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

.carousel-logo {
  flex: 0 0 calc(25% - 1rem);
  margin-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-logo img {
  max-width: 100%;
  height: auto;
  filter: grayscale(100%);
  opacity: 0.9;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

.carousel-logo img:hover {
  filter: none;
  opacity: 1;
}

.carousel-controls-right .btn {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.carousel-controls-right .btn:hover {
  opacity: 0.7;
}

@media (max-width: 992px) {
  .carousel-logo {
    flex: 0 0 calc(25% - 1rem);
  }
}

@media (max-width: 768px) {
  .carousel-logo {
    flex: 0 0 calc(33.33% - 1rem);
  }
}

@media (max-width: 576px) {
  .carousel-logo {
    flex: 0 0 calc(50% - 1rem);
  }
}

/* === GRADIENTI === */
.bg-gradient {
  background: linear-gradient(to bottom, #fcfcfc 0%, #ffffff 45%) !important;
}

.bg-gradient2 {
  background: linear-gradient(to bottom, #ffffff 0%, #fafafa 70%) !important;
}

button:focus {
  box-shadow: none !important;
}

.h-solution {
  max-height: 54px;
}

@media screen and (max-width:992px) {
  .h-solution {
    max-height: 32px;
  }
}

@media screen and (max-width:576px) {
  .h-solution {
    max-height: 20px;
  }
}

@media screen and (max-width:410px) {
  .h-solution {
    max-height: 15px;
  }
}

/* === FRECCE ACCORDION === */
.arrow-indicator {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('../images/comoli/home/freccia-bianca-giu-cf.png');
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.4s ease;
  transform: rotate(0deg);
}

.accordion-button:not(.collapsed) .arrow-indicator {
  transform: rotate(180deg);
}

.accordion-button::after {
  display: none !important;
  content: none !important;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

/* === OVERLAY IMMAGINE === */
.col-lg-8.position-relative {
  position: relative;
  overflow: visible;
  /* permette sbordo del carosello */
}

.overlay-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
}

.font-size-title-body {
  font-size: 75px;
}

.font-size-title-body2 {
  font-size: 65px;
}

/* ======================================================
    BLOCCO TESTO + CAROSELLO SOVRAPPOSTO ("VALORE CHE VALE")
   ====================================================== */

/* gruppo testo + carosello */
.overlay-content {
  position: absolute;
  bottom: 0px;
  /* 🔽 controlla qui quanto scende */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.overlay-content1 {
  position: absolute;
  bottom: 0px;
  /* 🔽 controlla qui quanto scende */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.overlay-content2 {
  position: absolute;
  bottom: -370px;
  /* 🔽 controlla qui quanto scende */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.overlay-content3 {
  position: absolute;
  bottom: -295px;
  /* 🔽 controlla qui quanto scende */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.overlay-content4 {
  position: absolute;
  bottom: -278px;
  /* 🔽 controlla qui quanto scende */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* wrapper del carosello */
.carousel-wrapper {
  position: relative;
  z-index: 4;
  width: 100%;
}

/* container del carosello */
.carousel-wrapper .container {
  background-color: transparent !important;
  padding: 0;
  border-radius: 0.5rem;
  overflow: visible;
}

/* RESPONSIVE */
@media (max-width: 1199px) {
  .overlay-content {
    bottom: 0px;
  }

  .overlay-content2 {
    bottom: -450px;
  }
}

@media (max-width: 576px) {
  .overlay-content {
    bottom: 0px;
  }

  .overlay-content2 {
    bottom: -480px;
  }
}

@media (max-width: 395px) {
  .overlay-content {
    bottom: 0px;
  }

  .overlay-content2 {
    bottom: -500px;
  }
}

/* === SPAZIO FANTASMA SOTTO IL CAROSELLO === */
.overlay-spacer {
  height: 350px;
  /* leggermente più alto di quanto sborda */
  width: 100%;
  background: transparent;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .overlay-spacer {
    height: 420px;
  }
}

@media (max-width: 576px) {
  .overlay-spacer {
    height: 460px;
  }
}

@media (max-width: 395px) {
  .overlay-spacer {
    height: 480px;
  }
}

/* === FIX CAROUSEL LAYOUT === */

/* container esterno: nessun centraggio del track */
.custom-carousel .carousel-track {
  justify-content: flex-start !important;
  /* non centrare */
  margin-left: 0;
}

/* card: spacing pulito senza tagli */
.carousel-card {
  flex: 0 0 calc(25% - 1.5rem);
  /* 4 card su desktop */
  margin-right: .75rem;
  margin-left: .75rem;
  padding-right: 0;
  /* non serve se usi margin */
  box-sizing: border-box;
}

.carousel-card:last-child {
  margin-right: 0;
  /* evita taglio ultima card */
}

/* VERSIONE PER CAROUSEL NELL’ACCORDION (3 CARD) */
#cardCarouselAccordion .carousel-card,
#cardCarouselAccordion2 .carousel-card,
#cardCarouselAccordion3 .carousel-card,
#cardCarouselAccordion4 .carousel-card {
  flex: 0 0 calc(33.333% - 1.5rem);
}

/* === CAROUSEL PROMOZIONI (3 CARD PERFETTAMENTE CONTENUTE) === */
#promoCarousel .custom-carousel {
  overflow: hidden;
  /* resta dentro la colonna */
}

#promoCarousel .carousel-track {
  margin: 0;
  padding: 0;
}

#promoCarousel .carousel-card {
  flex: 0 0 31.5%;
  /* circa 3 card intere senza sforare */
  margin: 0 1%;
  /* piccolo spazio laterale */
  box-sizing: border-box;
}


@media (max-width: 1199px) {
  #promoCarousel .carousel-card {
    flex: 0 0 48%;
    /* 2 card su tablet */
    margin: 0 1%;
  }
}

@media screen and (min-width: 578px) and (max-width: 1199px) {
  .font-size-title-body {
    font-size: 55px !important;
  }

  .font-size-title-body2 {
    font-size: 50px !important;
  }
}

@media (max-width: 576px) {
  #promoCarousel .carousel-card {
    flex: 0 0 100%;
    /* 1 card su mobile */
    margin: 0;
  }
}

/* VERSIONE PER LOGHI (5 LOGHI) */
#loghiCarousel .carousel-logo {
  flex: 0 0 calc(25% - 1rem);
  margin-right: 1rem;
}

/* Responsiveness */
@media (max-width: 1200px) {
  #cardCarousel .carousel-card {
    flex: 0 0 calc(33.333% - 1.5rem);
  }

  /* 3 card */
}

@media (max-width: 1199px) {
  #cardCarousel .carousel-card {
    flex: 0 0 calc(50% - 1.5rem);
  }

  /* 2 card */
  #cardCarouselAccordion .carousel-card,
  #cardCarouselAccordion2 .carousel-card,
  #cardCarouselAccordion3 .carousel-card,
  #cardCarouselAccordion4 .carousel-card {
    flex: 0 0 calc(50% - 1.5rem);
  }
}

@media (max-width: 576px) {
  #loghiCarousel .carousel-logo {
    flex: 0 0 100%;
    margin-right: 0rem;
    min-height: 20px;
  }

  #cardCarousel .custom-carousel,
  #cardCarouselAccordion .carousel-card,
  #cardCarouselAccordion2 .carousel-card,
  #cardCarouselAccordion3 .carousel-card,
  #cardCarouselAccordion4 .carousel-card {
    overflow: hidden;
  }

  #cardCarousel .carousel-card,
  #cardCarouselAccordion .carousel-card,
  #cardCarouselAccordion2 .carousel-card,
  #cardCarouselAccordion3 .carousel-card,
  #cardCarouselAccordion4 .carousel-card {
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #cardCarousel .carousel-card .card,
  #cardCarouselAccordion .carousel-card .card,
  #cardCarouselAccordion2 .carousel-card .card,
  #cardCarouselAccordion3 .carousel-card .card,
  #cardCarouselAccordion4 .carousel-card .card {
    max-width: 75%;
    margin: 0 auto;
  }
}

.cf-bg-blu {
  background-color: #1d71b8;
}

.text-focus {
  font-size: 97px;
  color: #1d71b8;
}

.text-focus2 {
  font-size: 40px;
  color: #1d71b8;
}

.freccia-bianca-focus {
  width: 15px;
}

.logo-focus-carousel {
  width: 110px;
  height: 100%;
}

.text-cf {
  color: #1d71b8;
}

.fs-8 {
  font-size: 11px;
}

/* rimuovi il filter globale sull'img */
.col-lg-8.position-relative>img.img-fluid.w-100 {
  display: block;
  filter: none !important;
}

/* aggiungi un overlay sfumato dal basso */
.col-lg-8.position-relative::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  /* nero → trasparente verso l’alto */
  background: linear-gradient(to top,
      rgba(0, 0, 0, .40) 0%,
      rgba(0, 0, 0, .32) 20%,
      rgba(0, 0, 0, .18) 45%,
      rgba(0, 0, 0, 0) 70%);
}


/* Mini carousel: area immagine */
#miniCarousel .custom-carousel--mini {
  position: relative;
  overflow: hidden;
  /* resta dentro la colonna */
}

/* track + card */
#miniCarousel .carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

#miniCarousel .carousel-card {
  flex: 0 0 100%;
  /* 1 immagine per volta */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#miniCarousel .carousel-card img {
  display: block;
  width: 100%;
  height: auto;
  /* per altezza fissa: height: 280px; object-fit: cover; */
  border: 0;
}

/* Frecce sotto, non sovrapposte all’immagine */
#miniCarousel .mini-controls-below .btn {
  background: transparent;
  border: 0;
  padding: 4px 8px;
}

.fs-50 {
  font-size: 50px;
}

.mt-30 {
  margin-top: 44px;
}

.servizi-bg {
  background-color: #d60b52;
}

.competenze-bg {
  background-color: #e94e1b;
}

.bg-servizi-marketing {
  background-color: #d07209;
}

.bg-servizi-consulenza {
  background-color: #004177;
}

.fs-13 {
  font-size: 13px;
}

/* Mini carousel: area immagine */
#miniCarousel2 .custom-carousel--mini {
  position: relative;
  overflow: hidden;
  /* resta dentro la colonna */
}

/* track + card */
#miniCarousel2 .carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

#miniCarousel2 .carousel-card {
  flex: 0 0 100%;
  /* 1 immagine per volta */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#miniCarousel2 .carousel-card img {
  display: block;
  width: 100%;
  height: auto;
  /* per altezza fissa: height: 280px; object-fit: cover; */
  border: 0;
}

/* Frecce sotto, non sovrapposte all’immagine */
#miniCarousel2 .mini-controls-below .btn {
  background: transparent;
  border: 0;
  padding: 4px 8px;
}

.magazine-img {
  position: absolute;
}

.freccia-cf-maga {
  width: 35px;
}

@media screen and (min-width:576px) {
  .w-md-85 {
    width: 85%;
  }
}

/* Box fisso lato destro, centrato verticalmente */
.cf-float-box {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 60px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
  z-index: 9999;
}

@media screen and (max-width:576px) {
  .cf-float-box {
    position: fixed;
    top: 90%;
    right: 0;
    transform: translateY(-50%);
    width: 60px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
    z-index: 9999;
  }
}

/* Icona freccia bianca */
.cf-float-arrow {
  width: 40px;
  height: auto;
  display: block;
}

/* micro animazione hover (opzionale) */
.cf-float-box:hover {
  transform: translateY(-50%) translateX(-2px);
}

/* Se vuoi nasconderla su mobile piccolissimo: togli se non serve */
@media (max-width: 375px) {
  .cf-float-box {
    width: 48px;
    height: 48px;
  }

  .cf-float-arrow {
    width: 35px;
  }
}

.bg-formazione-tecnica {
  background-color: #f39322;
}

.bg-formazione-business {
  background-color: #3f4444;
}

.bg-formazione-obbligatoria {
  background-color: #213667;
}

/* Loghi a colore di default */
#loghiCarousel .carousel-logo img {
  filter: none;
  opacity: 1;
  transition: filter .3s ease, opacity .3s ease;
}

/* Su hover (o focus tastiera): diventano in b/n */
#loghiCarousel .carousel-logo:hover img,
#loghiCarousel .carousel-logo:focus-visible img {
  filter: grayscale(100%);
  opacity: .85;
  /* opzionale: leggero “dim” */
}

/* stato normale */
.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item {
  background: transparent;
  transition: background-color .2s ease;
}

.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item > a {
  background: transparent !important;
  color: #fff !important;
  transition: color .2s ease;
}

/* stato attivo solo per i menu con pannello aperto */
.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.is-active-mega {
  background: #fff !important;
}

.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.is-active-mega > a {
  color: #009fe3 !important;
}

/* integration non deve mai diventare bianco */
.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.menu-item-integration {
  background: transparent !important;
}

.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.menu-item-integration > a {
  background: transparent !important;
  color: #fff !important;
}









/* transizione morbida */
.mega-host .menu-container .menu-item>a .freccia-bianca-menu-giu {
  transition: transform .2s ease, filter .2s ease;
  /* dimensione già ok nelle tue classi */
}





@media screen and (min-width:992px) {
  .w-lg-75 {
    width: 75% !important;
  }
}

.shadow-bottom-lg {
  box-shadow: 0 25px 24px -8px rgba(0, 0, 0, .25) !important;
}

.shadow-bottom-md {
  box-shadow: 0 20px 15px -8px rgba(255, 255, 255, .6) !important;
}

.bg-dyn {
  background-color: var(--dyn-bg, #ffffff) !important;
}

.placeholder-img {
  position: relative;
}

.placeholder-img img {
  display: block;
  width: 100%;
  height: auto;
}

.badge-over {
  position: absolute;
  top: 0px;
  z-index: 2;
  border-radius: 0;
  padding: 0px;
  font-size: .75rem;
  line-height: 1;
}

/* default: nessuno spazio extra */
.section--magazine .magazine-spacer {
  height: 0;
}

/* solo <= 767px aggiunge lo spaziatore */
@media (max-width: 767.98px) {
  .section--magazine {
    --mag-bleed: 80px;
  }

  /* regola questo valore a piacere */
  .section--magazine .magazine-spacer {
    height: var(--mag-bleed);
  }
}

@media (max-width: 576px) {
  .section--magazine {
    --mag-bleed: 200px;
  }
}

/* ==== OFFCANVAS MOBILE (solo #mobileMega) ==== */

/* Lista principale */
#mobileMega .menu-container {
  display: block !important;
  padding: 0;
}

#mobileMega .menu-item {
  display: block !important;
  border-bottom: 1px solid rgba(0, 0, 0, .06);
}

/* Frecce delle 5 voci principali: AZZURRE di default */
#mobileMega .menu-item>a .freccia-bianca-menu-giu {
  transition: transform .2s ease, filter .2s ease;
  filter: invert(44%) sepia(68%) saturate(2832%) hue-rotate(182deg) brightness(92%) contrast(96%);
  transform: rotate(0deg);
}

/* Rotazione quando la voce è aperta */
#mobileMega .menu-item>a:not(.collapsed) .freccia-bianca-menu-giu {
  transform: rotate(180deg);
}

/* I pannelli nel mobile devono essere CHIUSI di default */
#mobileMega .mega-panel {
  position: static !important;
  display: none !important;
  /* chiuso */
  opacity: 1 !important;
  transform: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Quando Bootstrap li apre (.collapse.show) devono comparire come blocco */
#mobileMega .mega-panel.collapse.show {
  display: block !important;
}

/* Spaziatura interna minima del contenuto sottomenu */
#mobileMega .mega-panel .container {
  padding: .5rem 1rem;
}

/* Titoli h4 nel sottomenu (solo riga titolo + freccia dx) */
#mobileMega h4 {
  font-size: 1rem;
  margin: 0;
  padding: .6rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#mobileMega h4 a {
  color: #1d1d1b !important;
  text-decoration: none;
  font-weight: 700;
}

/* Righe principali */
#mobileMega .menu-item>a.f-menu {
  color: #1d1d1b !important;
  background: #fff !important;
  text-decoration: none;
  width: 100%;
}

.w-90 {
  width: 93% !important;
}

.iubenda-tp-btn-container {
  display: none !important;
}

/* animazioni */

.fade-in-on-load {
  opacity: 0;
  animation: fadeInOnLoad 1.2s ease-out forwards;
  animation-delay: 0.2s;
}

@keyframes fadeInOnLoad {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-up-on-load,
.fade-right-on-load {
  opacity: 0;
}

.fade-up-on-load {
  transform: translateY(30px);
  animation: fadeUpOnLoad 0.8s ease-out forwards;
}

.fade-right-on-load {
  transform: translateX(30px);
  animation: fadeRightOnLoad 0.8s ease-out forwards;
}

.delay-1 {
  animation-delay: 0.15s;
}

.delay-2 {
  animation-delay: 0.3s;
}

@keyframes fadeUpOnLoad {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeRightOnLoad {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* === FIX VISIBILITÀ HEADER ACCORDION === */

/* niente overflow che tronchi lo sticky */
#accordionFlushExample,
#accordionFlushExample2,
#accordionFlushExample3,
#accordionFlushExample4 {
  overflow: visible !important;
}

/* header: sempre visibile e sopra a overlay/carousel */
#accordionFlushExample .accordion-header,
#accordionFlushExample2 .accordion-header,
#accordionFlushExample3 .accordion-header,
#accordionFlushExample4 .accordion-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  position: sticky;
  /* se non vuoi lo sticky, cambia in relative */
  top: 0;
  z-index: 10 !important;

  transform: none !important;
}

/* bottone: non deve mai sparire */
#accordionFlushExample .accordion-button,
#accordionFlushExample2 .accordion-button,
#accordionFlushExample3 .accordion-button,
#accordionFlushExample4 .accordion-button {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

/* overlay sempre sotto l'header */
.overlay-content,
.overlay-content2 {
  z-index: 10 !important;
}

/* 1) L'header piccolo NON deve tagliare quello che c'è dentro */
#header.header-size-sm,
#header.header-size-sm #header-wrap {
  overflow: visible !important;
}

/* Il mega menu desktop viene assolutizzato sotto la barra blu */
.mega-host {
  position: relative;
  z-index: 500;
}

.mega-host .mega-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  /* subito sotto il menu principale */
  z-index: 600;
  opacity: 1;
  visibility: visible;
}

.object-fit-cover {
  object-fit: cover;
  object-position: center center;
}

.img-match-height {
  max-height: 25px;
}

.text-competenze {
  color: #e94e1b !important;
}

.line-competenze {
  border-bottom-color: #e94e1b !important;
}

.bg-building {
  background-color: #9c1915 !important;
}

.bg-home-tasto {
  background-color: #dba100 !important;
}

.bg-energy {
  background-color: #5ab031 !important;
}

.bg-tecnologie {
  background-color: #1d71b8 !important;
}

.bg-entertainment {
  background-color: #e78f00 !important;
}

.bg-energy {
  background-color: #5ab031 !important;
}

.bg-connectivity {
  background-color: #008c3c !important;
}

.bg-indoor {
  background-color: #0095a6 !important;
}

.bg-lighting {
  background-color: #007592 !important;
}

.bg-industrial {
  background-color: #003e7c !important;
}

.bg-power {
  background-color: #5e3973 !important;
}

.bg-security {
  background-color: #d2286e !important;
}

.bg-safety {
  background-color: #a2113a !important;
}

.bg-lorem {
  background-color: #706f6f !important;
}

.bg-ipsum {
  background-color: #b2b2b2 !important;
}

/* BORDER */
.home-border {
  border-left: 6px solid #dabb00;
}

.indoor-border {
  border-left: 6px solid #0095a6;
}

.energy-border {
  border-left: 6px solid #5ab031;
}

.freccia-bianca-servizi {
  width: 12px;
}

.w-95 {
  width: 95% !important;
}

.w-90 {
  width: 90% !important;
}

@media (min-width: 992px) {
  .mega-host.is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    box-shadow: 0 25px 24px -8px rgba(0, 0, 0, .25) !important;
  }
}

.fs-22 {
  font-size: 22px !important;
}

#ccmCompetenzeCarousel {
  position: relative;
}

/* Track scroll-snap */
#ccmCompetenzeCarousel .ccm-competenze-carousel__track {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding: 0;
}

/* Nascondi scrollbar (opzionale) */
#ccmCompetenzeCarousel .ccm-competenze-carousel__track::-webkit-scrollbar {
  height: 0;
}

#ccmCompetenzeCarousel .ccm-competenze-carousel__track {
  scrollbar-width: none;
}

/* Ogni slide = 100% */
#ccmCompetenzeCarousel .ccm-competenze__slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
}

/* Card dentro la slide = 100% */
#ccmCompetenzeCarousel .ccm-competenze__slide>.card {
  width: 100%;
}

/* Controlli sotto */
#ccmCompetenzeCarousel .ccm-competenze-carousel__controls .btn {
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* Disabled frecce */
#ccmCompetenzeCarousel .ccm-competenze-carousel__btn:disabled {
  opacity: .35;
  pointer-events: none;
}

/* Focus accessibile quando tabbi sui bottoni o sul track */
#ccmCompetenzeCarousel .ccm-competenze-carousel__btn:focus {
  outline: 2px solid rgba(0, 0, 0, .25);
  outline-offset: 2px;
}

#ccmCompetenzeTrack:focus {
  outline: 2px solid rgba(0, 0, 0, .15);
  outline-offset: 4px;
}

.sidebar-pv {
  width: 240px;
  display: block;
  position: relative;
  margin-right: 4%;
  margin-bottom: 50px;
  float: left;
  margin-right: 40px;
}

.shop {
  position: relative;
  margin: 0 -20px -20px 0;
}

.product {
  position: relative;
}

.shop .product {
  float: left;
  padding: 0 20px 20px 0;
  width: 25%;
}

.shop.product-3 {
  margin: 0 -30px -30px 0;
}

.product-3 .product {
  padding: 0 30px 30px 0;
  width: 33.33333333%;
}

.ipost .entry-image img {
  border-radius: 0;
}

.ipost .entry-title h3,
.ipost .entry-title h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.ipost .entry-title h4 {
  font-size: 15px;
}

.ipost .entry-title h3 a,
.ipost .entry-title h4 a {
  color: #333;
}

.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover {
  color: #1ABC9C;
}

.ipost .entry-meta {
  margin-right: -10px;
}

.ipost .entry-meta li {
  font-size: 13px;
  margin-right: 10px;
}

.ipost .entry-content {
  margin-top: 20px;
}

.ipost .entry-content p {
  margin-bottom: 0;
}


.more-link {
  display: inline-block;
  border-bottom: 1px solid #1ABC9C;
  padding: 0 2px;
  font-family: 'Crete Round', serif;
  font-style: italic;
}

.more-link:hover {
  border-bottom-color: #555;
}

#shop .entry-meta:not(.no-separator) li::before {
  content: none;
}


.bkg_grigio_cf {
  background-color: #8f8d8d !important;
  color: #FFF !important;
}

.ofi-comunicazione_bkg,
.bg-color-comunicazione.nav-link:hover,
.bg-color-comunicazione.nav-link.active {
  color: #fff !important;
  background-color: var(--color-ofi-comunicazione);
}

.ofi-vendite_bkg,
.bg-color-vendite.nav-link:hover,
.bg-color-vendite.nav-link.active {
  color: #fff !important;
  background-color: var(--color-ofi-vendite);
}

.ofi-digital_bkg,
.bg-color-digital.nav-link:hover,
.bg-color-digital.nav-link.active {
  color: #fff !important;
  background-color: var(--color-ofi-digital);
}

.ofi-personale_bkg,
.bg-color-personale.nav-link:hover,
.bg-color-personale.nav-link.active {
  color: #fff !important;
  background-color: var(--color-ofi-personale);
}

.ofi-comunicazione_bkg2 {
  color: #fff !important;
  background-color: var(--color-ofi-comunicazione2);
}

.ofi-vendite_bkg2 {
  color: #fff !important;
  background-color: var(--color-ofi-vendite2);
}

.ofi-digital_bkg2 {
  color: #fff !important;
  background-color: var(--color-ofi-digital2);
}

.ofi-personale_bkg2 {
  color: #fff !important;
  background-color: var(--color-ofi-personale2);
}

.ofi-strategia_bkg2 {
  color: #fff !important;
  background-color: var(--color-ofi-strategia2);
}

.ofi-dei_bkg2 {
  color: #fff !important;
  background-color: var(--color-ofi-dei2);
}

.ofi-comunicazione_color {
  color: var(--color-ofi-comunicazione);
}

.ofi-vendite_color {
  color: var(--color-ofi-vendite);
}

.ofi-digital_color {
  color: var(--color-ofi-digital);
}

.ofi-personale_color {
  color: var(--color-ofi-personale);
}

/*-----ACADEMY 2025------*/
.academy-tecnica {
  color: var(--color-academy-tecnica) !important;
}

.academy-business {
  color: var(--color-academy-business) !important;
}

.academy-obbligatoria {
  color: var(--color-academy-obbligatoria) !important;
}

.academy-tecnica_bkg {
  color: #fff !important;
  background-color: var(--color-academy-tecnica);
}

.academy-business_bkg {
  color: #fff !important;
  background-color: var(--color-academy-business);
}

.academy-obbligatoria_bkg {
  color: #fff !important;
  background-color: var(--color-academy-obbligatoria);
}

.line-academy-tecnica {
  border-bottom-color: var(--color-academy-tecnica, #F7941F) !important;
}

.line-academy-tecnica::after {
  border-top-color: var(--color-academy-tecnica, #F7941F) !important;
}

.line-academy-business {
  border-bottom-color: var(--color-academy-business, #3f4444) !important;
}

.line-academy-business::after {
  border-top-color: var(--color-academy-business, #3f4444) !important;
}

.line-academy-obbligatoria {
  border-bottom-color: var(--color-academy-obbligatoria, #13336d) !important;
}

.line-academy-obbligatoria::after {
  border-top-color: var(--color-academy-obbligatoria, #13336d) !important;
}

.owl-academy.owl-academy-tecnica.fixed-nav:hover .owl-nav [class*=owl-],
.owl-academy.owl-academy-tecnica.fixed-nav .owl-nav [class*=owl-] {
  background-color: var(--color-academy-tecnica) !important;
  color: #FFF;
}

.owl-academy.owl-academy-business.fixed-nav:hover .owl-nav [class*=owl-],
.owl-academy.owl-academy-business.fixed-nav .owl-nav [class*=owl-] {
  background-color: var(--color-academy-business) !important;
  color: #FFF;
}

.owl-academy.owl-academy-obbligatoria.fixed-nav:hover .owl-nav [class*=owl-],
.owl-academy.owl-academy-obbligatoria.fixed-nav .owl-nav [class*=owl-] {
  background-color: var(--color-academy-obbligatoria) !important;
  color: #FFF;
}

/*------END ACADEMY-------*/

.breadcrumb {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  transform: none;
}

/**/
.breadcrumb>li+li::before {
  content: "/\00a0";
  padding: 0 5px;
}

.breadcrumb a {
  color: #878787 !important;
}

.breadcrumb a:hover {
  color: #fff;
  text-decoration: underline !important;
}

a {
  cursor: pointer;
}

.checkbox-style:checked+.checkbox-style-3-label::before,
.radio-style:checked+.radio-style-3-label::before {
  background: var(--color-cf) none repeat scroll 0 0;
  color: #fff;
  content: "î„–";
  font-family: "lined-icons";
}

.checkbox-style:checked+.checkbox-style-2-label::before,
.radio-style:checked+.radio-style-2-label::before {
  background: var(--color-cf) none repeat scroll 0 0;
}

.checkbox-style-1-label::before,
.radio-style-1-label::before,
.checkbox-style-2-label::before,
.radio-style-2-label::before,
.checkbox-style-3-label::before,
.radio-style-3-label::before {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #ddd;
  content: "";
  display: inline-block;
  height: 26px;
  line-height: 1;
  margin-right: 10px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  width: 26px;
}

.el_red {
  color: var(--color-cf) !important;
}

.bkg_el_red {
  background-color: var(--color-cf) !important;
  color: #FFF !important;
}

#page-title {
  position: relative;
  padding: 50px 0;
  background-color: #fcfcfc;
  border-bottom: 0px;
}

#page-title.page-title-mini h1 {
  font-weight: 600;
  font-size: 18px;
  color: #FFF;
}

.video_p {
  color: #f00;
  font-size: 28px;
  line-height: 18px;
}

.badge-program {
  color: #fff;
  background-color: var(--color-arancio);
  font-size: 91%;
}

.bottommargin-xs {
  margin-bottom: 15px;
}

.topmargin-xs {
  margin-top: 15px;
}

.single-event .entry-overlay {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: var(--color-bluscuro);
  text-align: center;
  line-height: 60px;
  font-size: 22px;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  z-index: 5;
}

@media (max-width: 575.98px) {
  .single-event .entry-overlay {
    height: 40px !important;
    line-height: 40px !important;
  }

  .single-event .countdown {
    top: 0px;
  }
}

.iconlist li {
  margin-bottom: 10px;
}

.selected-chat-group {
  background-color: #D35400 !important;
  border: 2px solid #C0392B;
  font-weight: bold;
}

.spost,
.mpost {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #E5E5E5;
}

.spost .entry-meta li,
.mpost .entry-meta li {
  font-size: 13px;
  line-height: 15px;
  margin: 0 10px 0 0;
}

@keyframes blink {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.btn-blinking {
  animation-name: blink;
  animation-duration: 2.5s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

#content p {
  line-height: 21px;
}

@media (max-width: 754px) {
  #logo img {
    height: 100px !important;
  }
}

.testimonial.testimonial-full[data-animation="fade"] {
  padding: 10px;
}

.reg_video {
  width: 100%;
  min-height: 400px;
}

@media (max-width: 575.98px) {
  .reg_video {
    width: 100%;
    min-height: 500px;
  }
}

.single-event p {
  margin-bottom: 10px !important;
}

.cf_bkg,
.servizi_bkg {
  background-color: var(--color-cf);
  color: #FFF !important;
}

.servizi_bkg {
  background-color: var(--color-servizi);
  color: #FFF !important;
}

.giallo_bkg {
  background-color: var(--color-giallo) !important;
  color: #FFF !important;
}

.rosso_bkg {
  background-color: var(--color-rosso) !important;
  color: #FFF !important;
}

.bluscuro_bkg {
  background-color: var(--color-bluscuro) !important;
  color: #FFF !important;
}

.arancio_bkg {
  background-color: var(--color-arancio) !important;
  color: #FFF !important;
}

.grigio_bkg {
  background-color: var(--color-grigio);
  color: #000 !important;
}

.grigio_scuro_bkg {
  background-color: var(--color-grigio-scuro);
  color: #FFF !important;
}

.bianco_bkg {
  background-color: #FFFFFF;
  /* color: #FFF !important; */
}

.bianco {
  color: #FFFFFF !important;
}

.focus_bkg {
  background-color: var(--color-focus) !important;
  color: #FFF !important;
}

.forum_bkg {
  background-color: var(--color-forum);
  color: #FFF !important;
}

.ffq_bkg {
  background-color: var(--color-forum);
  color: #FFF !important;
}

.academy_chiaro_bkg {
  background-color: var(--color-academy-chiaro);
  color: #FFF !important;
}

.academy_bkg {
  background-color: var(--color-academy) !important;
  color: #FFF !important;
}

.academy_scuro_bkg {
  background-color: var(--color-academy-scuro);
  color: #FFF !important;
}

.matching_bkg {
  background-color: var(--color-matching);
  color: #FFF !important;
}

.hba-building_bkg {
  background: linear-gradient(90deg, var(--color-giallo) 50%, var(--color-rosso) 50%);
  color: white !important;
}

.hba-building-industry-city_bkg {
  background: linear-gradient(to right, var(--color-giallo) 0%, var(--color-giallo) 25%, var(--color-rosso) 25%, var(--color-rosso) 50%, var(--color-bluscuro) 50%, var(--color-bluscuro) 75%, var(--color-arancio) 75%, var(--color-arancio) 100%);
  color: white !important;
}

.pdv_bkg {
  background-color: var(--color-pdv);
  color: #FFF !important;
}

.pdv_blu_bkg {
  background-color: var(--color-pdv-blu);
  color: #FFF !important;
}

.pdv_fucsia_bkg {
  background-color: var(--color-pdv-fucsia);
  color: #FFF !important;
}

.pdv_viola_bkg {
  background-color: var(--color-pdv-viola);
  color: #FFF !important;
}

.pdv_serv-consulenza {
  background-color: var(--color-serv-consulenza);
  color: #FFF !important;
}

.testo {
  color: var(--color-testo);
}

.cf,
.servizi {
  color: var(--color-cf);
}

.servizi {
  color: var(--color-servizi);
}

.arancio {
  color: var(--color-arancio);
}

.giallo {
  color: var(--color-giallo);
}

.bluscuro {
  color: var(--color-bluscuro);
}

.grigio {
  color: var(--color-grigio) !important;
}

.grigio2 {
  color: var(--color-grigio2) !important;
}

.grigio2_bkg {
  background-color: var(--color-grigio2) !important;
  color: white !important;
}

.grigio-scuro {
  color: var(--color-grigio-scuro) !important;
}

.rosso {
  color: var(--color-rosso);
}

.forum {
  color: var(--color-forum);
}

.ffq {
  color: var(--color-forum);
}

.focus {
  color: var(--color-focus) !important;
}

.academy {
  color: var(--color-academy) !important;
}

.matching {
  color: var(--color-matching);
}

.pdv {
  color: var(--color-pdv) !important;
}

.btn-primary {
  color: #fff;
  background-color: var(--color-cf);
  border-color: var(--color-cf);
}

.btn-primary:hover {
  opacity: 0.9;
}

.btn-macro-business,
button.btn-macro-business+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-macro-business);
  border-color: var(--color-macro-business);
}

.btn-macro-tecnica,
button.btn-macro-tecnica+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-macro-tecnica);
  border-color: var(--color-macro-tecnica);
}

.btn-macro-obbligatoria,
button.btn-macro-obbligatoria+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-macro-obbligatoria);
  border-color: var(--color-macro-obbligatoria);
}


.btn-focu-business,
button.btn-focus-business+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-business);
  border-color: var(--color-focus-business);
}

.btn-focus-business,
button.btn-focus-business+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-business);
  border-color: var(--color-focus-business);
}

.btn-focus-hba,
.btn-focus-entertainment,
.btn-focus-energy,
.btn-focus-emobility,
.btn-focus-lighting,
.btn-focus-indoor,
.btn-focus-industrial,
.btn-focus-power,
.btn-focus-safety,
.btn-focus-security,
.btn-focus-business,
.btn-focus-connectivity,
button.btn-focus-hba+.dropdown-menu>.popover-header,
button.btn-focus-entertainment+.dropdown-menu>.popover-header,
button.btn-focus-energy+.dropdown-menu>.popover-header,
button.btn-focus-emobility+.dropdown-menu>.popover-header,
button.btn-focus-lighting+.dropdown-menu>.popover-header,
button.btn-focus-indoor+.dropdown-menu>.popover-header,
button.btn-focus-industrial+.dropdown-menu>.popover-header,
button.btn-focus-power+.dropdown-menu>.popover-header,
button.btn-focus-safety+.dropdown-menu>.popover-header,
button.btn-focus-security+.dropdown-menu>.popover-header,
button.btn-focus-business+.dropdown-menu>.popover-header,
button.btn-focus-connectivity+.dropdown-menu>.popover-header {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
}

.btn-focus-hba,
button.btn-focus-hba+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-hba);
  border-color: var(--color-focus-hba);
}

.btn-focus-entertainment,
button.btn-focus-entertainment+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-entertainment);
  border-color: var(--color-focus-entertainment);
}

.btn-focus-energy,
button.btn-focus-energy+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-energy);
  border-color: var(--color-focus-energy);
}

.btn-focus-emobility,
button.btn-focus-emobility+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-emobility);
  border-color: var(--color-focus-emobility);
}

.btn-focus-lighting,
button.btn-focus-lighting+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-lighting);
  border-color: var(--color-focus-lighting);
}

.btn-focus-indoor,
button.btn-focus-indoor+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-indoor);
  border-color: var(--color-focus-indoor);
}

.btn-focus-industrial,
button.btn-focus-industrial+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-industrial);
  border-color: var(--color-focus-industrial);
}

.btn-focus-power,
button.btn-focus-power+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-power);
  border-color: var(--color-focus-power);
}

.btn-focus-safety,
button.btn-focus-safety+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-safety);
  border-color: var(--color-focus-safety);
}

.btn-focus-security,
button.btn-focus-security+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-security);
  border-color: var(--color-focus-security);
}

.btn-focus-business,
button.btn-focus-business+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-business);
  border-color: var(--color-focus-business);
}

.btn-focus-connectivity,
button.btn-focus-connectivity+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-focus-connectivity);
  border-color: var(--color-focus-connectivity);
}

.btn-ofi-comunicazione,
button.btn-ofi-comunicazione+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-ofi-comunicazione);
  border-color: var(--color-ofi-comunicazione);
}

.btn-ofi-vendite,
button.btn-ofi-vendite+.dropdown-menu>.popover-header {
  color: #113900 !important;
  background-color: var(--color-ofi-vendite);
  border-color: var(--color-ofi-vendite);
}

.btn-ofi-digital,
button.btn-ofi-digital+.dropdown-menu>.popover-header {
  color: #fff !important;
  background-color: var(--color-ofi-digital);
  border-color: var(--color-ofi-digital);
}

.btn-ofi-personale,
button.btn-ofi-personale+.dropdown-menu>.popover-header {
  color: #634f00 !important;
  background-color: var(--color-ofi-personale);
  border-color: var(--color-ofi-personale);
}

.btn-focus-hba:hover,
.btn-focus-entertainment:hover,
.btn-focus-energy:hover,
.btn-focus-emobility:hover,
.btn-focus-lighting:hover,
.btn-focus-indoor:hover,
.btn-focus-industrial:hover,
.btn-focus-power:hover,
.btn-focus-safety:hover,
.btn-focus-security:hover,
.btn-focus-business:hover,
.btn-ofi-comunicazione:hover,
.btn-ofi-vendite:hover,
.btn-ofi-digital:hover,
.btn-ofi-personale:hover,
.btn-focus-connectivity:hover {
  opacity: 0.9;
}

/* BACKGROUND FOCUS */

.focus-all_bkg {
  background: linear-gradient(to bottom, var(--color-focus-hba) 0%, var(--color-focus-entertainment) 10%, var(--color-focus-energy) 20%, var(--color-focus-connectivity) 30%, var(--color-focus-lighting) 40%, var(--color-focus-indoor) 50%, var(--color-focus-industrial) 60%, var(--color-focus-power) 70%, var(--color-focus-safety) 80%, var(--color-focus-security) 90%);
}

.focus-all_bkg {
  background: linear-gradient(to bottom, var(--color-focus-hba) 0%, var(--color-focus-entertainment) 10%, var(--color-focus-energy) 20%, var(--color-focus-connectivity) 30%, var(--color-focus-lighting) 40%, var(--color-focus-indoor) 50%, var(--color-focus-industrial) 60%, var(--color-focus-power) 70%, var(--color-focus-safety) 80%, var(--color-focus-security) 90%);
}

.focus-hba_bkg,
.bg-color-hba.nav-link:hover,
.bg-color-hba.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-hba);
}

.focus-entertainment_bkg,
.bg-color-entertainment.nav-link:hover,
.bg-color-entertainment.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-entertainment);
}

.focus-energy_bkg,
.bg-color-energy.nav-link:hover,
.bg-color-energy.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-energy);
}

.focus-emobility_bkg,
.bg-color-emobility.nav-link:hover,
.bg-color-emobility.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-emobility) !important;
}

.focus-lighting_bkg,
.bg-color-lighting.nav-link:hover,
.bg-color-lighting.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-lighting);
}

.focus-indoor_bkg,
.bg-color-indoor.nav-link:hover,
.bg-color-indoor.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-indoor);
}

.focus-industrial_bkg,
.bg-color-industrial.nav-link:hover,
.bg-color-industrial.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-industrial);
}

.focus-power_bkg,
.bg-color-power.nav-link:hover,
.bg-color-power.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-power);
}

.focus-safety_bkg,
.bg-color-safety.nav-link:hover,
.bg-color-safety.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-safety);
}

.focus-security_bkg,
.bg-color-security.nav-link:hover,
.bg-color-security.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-security);
}

.focus-business_bkg,
.bg-color-business.nav-link:hover,
.bg-color-business.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-business);
}

.focus-connectivity_bkg,
.bg-color-connectivity.nav-link:hover,
.bg-color-connectivity.nav-link.active {
  color: #fff !important;
  background-color: var(--color-focus-connectivity) !important;
}

.ofi-comunicazione_bkg,
.bg-color-comunicazione.nav-link:hover,
.bg-color-comunicazione.nav-link.active {
  color: #fff !important;
  background-color: var(--color-ofi-comunicazione);
}

.ofi-vendite_bkg,
.bg-color-vendite.nav-link:hover,
.bg-color-vendite.nav-link.active {
  color: #fff !important;
  background-color: var(--color-ofi-vendite);
}

.ofi-digital_bkg,
.bg-color-digital.nav-link:hover,
.bg-color-digital.nav-link.active {
  color: #fff !important;
  background-color: var(--color-ofi-digital);
}

.ofi-personale_bkg,
.bg-color-personale.nav-link:hover,
.bg-color-personale.nav-link.active {
  color: #fff !important;
  background-color: var(--color-ofi-personale);
}

.ofi-comunicazione_bkg2 {
  color: #fff !important;
  background-color: var(--color-ofi-comunicazione2);
}

.ofi-vendite_bkg2 {
  color: #fff !important;
  background-color: var(--color-ofi-vendite2);
}

.ofi-digital_bkg2 {
  color: #fff !important;
  background-color: var(--color-ofi-digital2);
}

.ofi-personale_bkg2 {
  color: #fff !important;
  background-color: var(--color-ofi-personale2);
}

.academy_bkg,
.bg-color-academy.nav-link:hover,
.bg-color-academy.nav-link.active {
  color: #fff !important;
  background-color: var(--color-academy);
}

.forum_bkg,
.bg-color-forum.nav-link:hover,
.bg-color-forum.nav-link.active {
  color: #fff !important;
  background-color: var(--color-forum);
}

.ffq_bkg,
.bg-color-ffq.nav-link:hover,
.bg-color-ffq.nav-link.active {
  color: #fff !important;
  background-color: var(--color-forum);
}

.matching_bkg,
.bg-color-matching.nav-link:hover,
.bg-color-matching.nav-link.active {
  color: #fff !important;
  background-color: var(--color-matching);
}


/* COLORI FOCUS */

.focus-hba_color {
  color: var(--color-focus-hba);
}

.focus-entertainment_color {
  color: var(--color-focus-entertainment);
}

.focus-energy_color {
  color: var(--color-focus-energy);
}

.focus-emobility_color {
  color: var(--color-focus-emobility);
}

.focus-lighting_color {
  color: var(--color-focus-lighting);
}

.focus-indoor_color {
  color: var(--color-focus-indoor);
}

.focus-industrial_color {
  color: var(--color-focus-industrial);
}

.focus-power_color {
  color: var(--color-focus-power);
}

.focus-safety_color {
  color: var(--color-focus-safety);
}

.focus-security_color {
  color: var(--color-focus-security);
}

.focus-business_color {
  color: var(--color-focus-business);
}

.focus-connectivity_color {
  color: var(--color-focus-connectivity);
}


@media (max-width: 575.98px) {

  .container,
  #header.full-header .container,
  .container-fullwidth {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/*   RELATORI   */
.rel-nome {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 1px;
}

.rel-company {
  position: relative;
  font-size: 11px;
  line-height: 13px;
}

.rel-cont {
  bottom: 0;
  position: absolute;
  margin: 0 auto 5px;
  ;
  text-align: center;
  width: 100%;
  line-height: 1;
}

.dark .highlight {
  background-color: rgba(0, 0, 0, 0.3);
}

.spost .entry-meta {
  margin: 0px -10px 0 0;
}

.color-cf,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-cf:hover>.menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-cf.current>.menu-link,
.menu-item.menu-color-cf .sub-menu-container .menu-item:hover>.menu-link,
.menu-item.menu-color-cf .sub-menu-container .menu-item.current>.menu-link {
  color: var(--color-cf) !important;
}

.bg-food,
.bg-color-cf.nav-link:hover,
.menu-color-cf>a::before,
.bg-color-cf.nav-link.active {
  background: var(--color-cf) !important;
}

.line-xs.line-cf {
  border-bottom-color: var(--color-cf) !important;
}

.line-xs.line-cf:after {
  border-top-color: var(--color-cf) !important;
}

.badge-cf {
  color: #fff;
  background-color: var(--color-cf);
  /*font-size: 16px;*/
}

.menu-image-main {
  max-height: 20px;
}

.menu-image-section {
  max-height: 25px;
}

.small-text {
  font-weight: 300;
  line-height: 1.5;
  font-size: 12px;
  display: block;
  margin: 5px 0px 10px 5px;
}

.ico-social img {
  max-height: 30px;
}

.border-error {
  border-color: #F00
}

.border-error+button {
  border-color: #F00
}

.prog-riga {
  border-bottom: 2px solid var(--color-cf);
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.hesperiden .tp-tab {
  border-bottom: 0px solid #e5e5e5 !important;
}

.entry::after {
  content: '';
  position: relative;
  height: 0px;
  margin-top: 50px;
  background-color: #F5F5F5;
}

.widget_nav_menu:not(.widget-li-noicon) li::before,
.widget_links:not(.widget-li-noicon) li::before,
.widget_meta:not(.widget-li-noicon) li::before,
.widget_archive:not(.widget-li-noicon) li::before,
.widget_recent_entries:not(.widget-li-noicon) li::before,
.widget_categories:not(.widget-li-noicon) li::before,
.widget_pages:not(.widget-li-noicon) li::before,
.widget_rss:not(.widget-li-noicon) li::before,
.widget_recent_comments:not(.widget-li-noicon) li::before {
  content: none;
  font-family: 'font-icons';
  display: inline-block;
  position: relative;
  top: 1px;
  left: 0;
  margin-right: 0px;
}

#page-title h1 {
  text-transform: none;
}

.postcontent>h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
}

.img-thumbnail {
  border: 0px;
}

.sidebar-widgets-wrap .widget {
  padding-top: 0px;
  border-top: 0px solid #EEE;
}

.widget:first-child {
  margin-top: 0px !important;
}

.ico-sociali img {
  width: 30px;
  height: 30px;
}

.entry-content ul,
.entry-content ol,
.postcontent ul,
.postcontent ol,
#tinymce ul,
#tinymce ol {
  margin-left: 20px;
}

.bkg_giallo_cf {
  background-color: #ffdd00 !important;
  color: #000 !important;
}

.pr-tit {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
}

.spost,
.mpost {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #E5E5E5;
}

.spost .entry-meta li,
.mpost .entry-meta li {
  font-size: 13px;
  line-height: 15px;
  margin: 0 10px 0 0;
}

/*.servizi-box:hover {
    background-color: #fafafa;
    cursor: pointer;
}*/
.servizi-box blockquote {
  font-size: 16px;
}

.card.ordinato {
  background-color: rgb(245, 245, 245);
}

.menu_servizi {
  border-radius: 0.25rem;
  background-color: var(--color-cf);
}

.menu_servizi a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.data1 {
  line-height: 36px;
  font-weight: bold;
  font-size: 13px;
}

.photogallery_btn {
  background-color: var(--color-focus);
}

.owl-carousel.fixed-nav:hover .owl-nav [class*=owl-],
.owl-carousel.fixed-nav .owl-nav [class*=owl-] {
  background-color: var(--color-cf);
  color: #FFF;
}

.servizi-box blockquote p {
  margin-bottom: 0px;
}

.entry-title h4 {
  font-size: 1rem;
  letter-spacing: 0;
}

.entry-title h4 .focus-link {
  color: var(--color-focus) !important;
}

.p-corretto li {
  margin-left: 1rem;
}

.nav-link {
  font-weight: 700;
}

.dropdown-item {
  font-weight: 600;
  padding: 1 rem;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--color-cf);
}

.nav-link:hover,
.nav-link:focus {
  color: var(--color-cf);
}

.team i {
  font-size: 24px;
}

.team .disable {
  opacity: 0.25;
}

.percorsi-exp .dropdown-item {
  white-space: normal;
}

.percorsi-exp .bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 10px;
}

.percorsi-exp .bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 1.5em;
}

.percorsi-exp .dropdown-menu {
  font-size: 0.8rem;
}

.news-date {
  max-width: 220px;
}

@media (min-width: 576px) {
  .loghi_partner img {
    max-width: 80%;
    height: auto;
  }
}

@media (min-width: 992px) {
  .partner-banner {
    width: 100%;
    height: auto;
  }
}

.pal-ora {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  line-height: 20px;
}

/*
.popover-header {
    font-weight: bold;
    text-transform: uppercase;
    color: var(--color-cf); 
}
*/

/* Line Colors */
.line-focus {
  border-bottom-color: var(--focus, #1a9dd9) !important;
}

.line-hba {
  border-bottom-color: var(--color-focus-hba, #DABB00) !important;
}

.line-entertainment {
  border-bottom-color: var(--color-focus-entertainment, #E78F00) !important;
}

.line-energy {
  border-bottom-color: var(--color-focus-energy, #5AB031) !important;
}

.line-emobility {
  border-bottom-color: var(--color-focus-emobility, #008C3C) !important;
}

.line-lighting {
  border-bottom-color: var(--color-focus-lighting, #007592) !important;
}

.line-indoor {
  border-bottom-color: var(--color-focus-indoor, #0095A6) !important;
}

.line-industrial {
  border-bottom-color: var(--color-focus-industrial, #003E7C) !important;
}

.line-power {
  border-bottom-color: var(--color-focus-power, #5E3973) !important;
}

.line-safety {
  border-bottom-color: var(--color-focus-safety, #A2113A) !important;
}

.line-security {
  border-bottom-color: var(--color-focus-security, #D2286E) !important;
}

.line-business {
  border-bottom-color: var(--color-focus-business, #3E3E3D) !important;
}

.line-connectivity {
  border-bottom-color: var(--color-focus-connectivity, #008C3C) !important;
}

.line-academy {
  border-bottom-color: var(--academy, #f1592a) !important;
}

.line-forum {
  border-bottom-color: var(--forum, #1e71b8) !important;
}

.line-ffq {
  border-bottom-color: var(--forum, #009fe3) !important;
}

.line-matching {
  border-bottom-color: var(--matching, #f7941d) !important;
}

.line-servizi {
  border-bottom-color: var(--color-servizi, #d60b52) !important;
}

.line-focus::after {
  border-top-color: var(--focus, #009fe3) !important;
}

.line-hba::after {
  border-top-color: var(--color-focus-hba, #DABB00) !important;
}

.line-entertainment::after {
  border-top-color: var(--color-focus-entertainment, #E78F00) !important;
}

.line-energy::after {
  border-top-color: var(--color-focus-energy, #5AB031) !important;
}

.line-emobility::after {
  border-top-color: var(--color-focus-emobility, #008C3C) !important;
}

.line-lighting::after {
  border-top-color: var(--color-focus-lighting, #007592) !important;
}

.line-indoor::after {
  border-top-color: var(--color-focus-indoor, #0095A6) !important;
}

.line-industrial::after {
  border-top-color: var(--color-focus-industrial, #003E7C) !important;
}

.line-power::after {
  border-top-color: var(--color-focus-power, #5E3973) !important;
}

.line-safety::after {
  border-top-color: var(--color-focus-safety, #A2113A) !important;
}

.line-security::after {
  border-top-color: var(--color-focus-security, #D2286E) !important;
}

.line-business::after {
  border-top-color: var(--color-focus-business, #3E3E3D) !important;
}

.line-connectivity::after {
  border-top-color: var(--color-focus-connectivity, #008C3C) !important;
}

.line-academy::after {
  border-top-color: var(--academy, #f1592a) !important;
}

.line-forum::after {
  border-top-color: var(--forum, #1e71b8) !important;
}

.line-ffq::after {
  border-top-color: var(--forum, #009fe3) !important;
}

.line-matching::after {
  border-top-color: var(--matching, #f7941d) !important;
}

.line-servizi::after {
  border-top-color: var(--color-servizi, #d60b52) !important;
}

label .pricing-box {
  background-color: #F8F9FA;
  border: 3px solid var(--color-cf, #009fe3) !important;
}

label:not(.checked) .pricing-box {
  background-color: #FFF;
  border: 1px solid #dee2e6 !important;
}

.count_incontri {
  position: absolute;
  top: 12px;
  right: 20px;
}

.sticky-sidebar-wrap {
  z-index: 2;
}

@media (max-width: 991px) {
  .filter-focus-ac {
    top: 0px;
    border-bottom: 1px solid #ccc;
  }

  .agenda_stk {
    top: 0px;
  }
}

@media (min-width: 992px) {
  .filter-focus-ac {
    top: 64px;
    border-bottom: 1px solid #ccc;
  }

  .agenda_stk {
    top: 64px;
  }
}

body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-cf:hover>.menu-h-2 {
  color: #fff !important;
}

.comment-avatar-chat {
  position: absolute;
  top: 15px;
  left: -35px;
  padding: 4px;
  background: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 0;
}

.comment-avatar-chat img {
  display: block;
  border-radius: 0;
}

.ag-brand .btn-light {
  color: #FFF !important;
  background-color: #6c757d;
  border-color: #6c757d;
}

.level_reward_off {
  border: 1px solid #ccc;
}

.l1_reward_on {
  border: 1px solid rgba(0, 159, 227, .4);
  background-color: rgba(0, 159, 227, .4);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.l1_reward_active {
  border: 1px solid rgba(0, 159, 227, 1);
  background-color: rgba(0, 159, 227, 1);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.l2_reward_on {
  border: 1px solid rgba(0, 159, 227, .4);
  background-color: rgba(0, 159, 227, .4);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.l2_reward_active {
  border: 1px solid rgba(0, 159, 227, 1);
  background-color: rgba(0, 159, 227, 1);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.l3_reward_on {
  border: 1px solid rgba(0, 159, 227, .4);
  background-color: rgba(0, 159, 227, .4);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.l3_reward_active {
  border: 1px solid rgba(0, 159, 227, 1);
  background-color: rgba(0, 159, 227, 1);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.l4_reward_on {
  border: 1px solid rgba(0, 159, 227, .4);
  background-color: rgba(0, 159, 227, .4);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.l4_reward_active {
  border: 1px solid rgba(0, 159, 227, 1);
  background-color: rgba(0, 159, 227, 1);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.evento_reward_off {
  border: 1px solid #ccc;
}

.e1_reward_on {
  border: 1px solid rgba(0, 159, 227, .4);
  background-color: rgba(0, 159, 227, .4);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.e1_reward_active {
  border: 1px solid rgba(0, 159, 227, 1);
  background-color: rgba(0, 159, 227, 1);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.e2_reward_on {
  border: 1px solid rgba(0, 159, 227, .4);
  background-color: rgba(0, 159, 227, .4);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.e2_reward_active {
  border: 1px solid rgba(0, 159, 227, 1);
  background-color: rgba(0, 159, 227, 1);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.e3_reward_on {
  border: 1px solid rgba(0, 159, 227, .4);
  background-color: rgba(0, 159, 227, .4);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.e3_reward_active {
  border: 1px solid rgba(0, 159, 227, 1);
  background-color: rgba(0, 159, 227, 1);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.e4_reward_on {
  border: 1px solid rgba(0, 159, 227, .4);
  background-color: rgba(0, 159, 227, .4);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.e4_reward_active {
  border: 1px solid rgba(0, 159, 227, 1);
  background-color: rgba(0, 159, 227, 1);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.e5_reward_on {
  border: 1px solid rgba(0, 159, 227, .4);
  background-color: rgba(0, 159, 227, .4);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.e5_reward_active {
  border: 1px solid rgba(0, 159, 227, 1);
  background-color: rgba(0, 159, 227, 1);
  color: white;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* Firefox 4+, Opera, Chrome */
}

.concorso_off {
  background-image: url("../images/new/mico/concorso-off.jpg");
  background-size: cover;
  background-position: center;
  height: 100%;
  width: auto;
  border: 1px solid white;
}

.concorso_on {
  background-image: url("../images/new/mico/concorso-on.jpg");
  background-size: cover;
  background-position: center;
  height: 100%;
  width: auto;
}

.amico_off {
  background-image: url("../images/new/mico/amico-off.jpg");
  background-size: cover;
  background-position: center;
  height: 100%;
  width: auto;
  border: 1px solid white;
}

.amico_on {
  background-image: url("../images/new/mico/amico-on.jpg");
  background-size: cover;
  background-position: center;
  height: 100%;
  width: auto;
}

.blk-filtro p {
  margin-bottom: 0px;
}

/* Visualizza password */
.input-group-custom>input {
  border: 2px solid #DDD;
  border-radius: 0 !important;
}

.input-group-custom>.input-group-text {
  border-top: 2px solid #DDD;
  border-right: 2px solid #DDD;
  border-bottom: 2px solid #DDD;
  border-left: none;
  border-radius: 0 !important;
}

.agenda-checkin {
  background-color: #FF0;
}

.agenda-checkin-notvalid {
  background-color: #f8d7da;
}

@media (max-width: 991px) {
  .dett-cod {
    border-top: 1px solid var(--color-grigio2);
    padding-top: 15px;
    margin-top: 15px;
  }

}

@media (min-width: 992px) {
  .dett-cod {
    border-left: 1px solid var(--color-grigio2);
  }
}

.ul-descr-corsi {
  text-transform: none;
  font-style: italic;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.button {
  white-space: normal;
}

/*------- play DAY--------*/
.pd_blu_bkg {
  background-color: #009fe3 !important;
  color: #fff !important;
}

.pd_rosso_bkg {
  background-color: #be1622 !important;
  color: #fff !important;
}

.img-responsive {
  width: 100%;
  height: auto;
}


/* ----- Margine per sessioni con dipendenze ----- */
.ms-dates-0 {
  margin-left: 0px;
}

.ms-dates-1 {
  margin-left: 30px;
}

.ms-dates-2 {
  margin-left: 60px;
}

@media (max-width: 767px) {
  .portfolio-item .portfolio-image {
    min-height: 244px;
  }
}

@media (min-width: 768px) {
  .portfolio-image {
    min-height: 237px;
  }
}

.fw-900 {
  font-weight: 900;
}

.pdv-toggle {
  border: 1px solid #f29100;
  border-radius: 0px;
}

/* COUNTDOWN */
.countdown.countdown-inline {
  display: block;
}

.countdown-row {
  margin: 0;
}

.countdown-section {
  border-left: 0;
  background-color: rgba(255, 255, 255, 0.1);
  color: #888;
  padding: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.countdown-amount {
  font-size: 17px;
  color: #333;
  margin-bottom: 5px;
}


#agenda .badge {
  font-size: 11px;
  white-space: normal;
  padding: 0.35em 0.35em;
}

/* CHANGELOG MODAL ENGAGE CHAT*/


/* Close Button in Modal Header */
.changelog-modal__header .btn-close {
  filter: invert(1);
}

/* Modal Footer */
.changelog-modal__footer {
  border-top: none;
}

/* Changelog Entries Container */
.changelog-modal__upper-div {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid var(--color-academy);
  border-radius: 0.25rem;
  padding: 1rem;
}

/* Individual Changelog Entry */
.changelog-entry {
  margin-bottom: 1rem;
}

/* Changelog Text */
.changelog-text {
  padding-left: 1rem;
}

/* Horizontal Rule */
.changelog-entry hr {
  border-top: 1px solid var(--color-grigio2);
}

/* TinyMCE Editor Border */
.tox-tinymce {
  border: 1px solid var(--color-academy);
  border-radius: 0.25rem;
}

/* Modal Content */
.changelog-modal {
  border-radius: 0.5rem;
}

.relatoreModal p {

  margin-bottom: 10px !important;

}

.academy-spinner {
  border-color: var(--color-academy) transparent;
}

.primary-spinner {

  border-color: #0074d9 transparent;

}

.animated-label {
  font-size: 1.2rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  /* Initial translucent color */
  animation: fadeText 1.5s infinite;
  /* Apply animation */
  margin-bottom: 0.5rem !important;
}

@keyframes fadeText {

  0%,
  100% {
    color: rgba(0, 0, 0, 0.2);
    /* Faded color */
  }

  50% {
    color: rgba(0, 0, 0, 0.8);
    /* Darker color */
  }
}

.spinner-hr {
  margin-top: 0 !important;
  /* Reset top margin for consistency */
  margin-bottom: 1rem !important;
  /* Ensure uniform bottom margin */
}

.spinner-border {
  margin-top: 1rem !important;
  /* Ensure equal spacing above spinner */
}

.button-fixed-size {
  width: 160px;
  /* Adjust this value to your desired button size */
  text-align: center;
  display: inline-block;
  /* Ensure buttons maintain proper alignment */
  font-size: 12px;
}

.linkedin-company-container {
  display: flex;
  flex-direction: column;
  /* Stack items vertically */
  align-items: flex-start;
  /* Align to the start of the container */
  gap: 0.5rem;
  /* Add spacing between company and logo */
}

#relatoreCompany {
  margin: 0;
  /* Reset margin for consistent alignment */
}

#relatoreLinkedIn {
  margin: 0 !important;
  /* Ensure no extra margin */
}

.card_logo {
  background-color: #FFF;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
}

button.sub-menu-trigger.icon-chevron-right:first-child {
  color: #FFF !important;
}

.si-cf:hover,
.si-colored.si-cf {
  background-color: var(--color-cf) !important;
}

.social-icon {
  left: auto;
  right: 30px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  color: #FFF;
}

.entry-meta-academy li::before {
  margin: 0 5px 0 5px !important;
}

.owl-academy.fixed-nav:hover .owl-nav [class*=owl-],
.owl-academy.fixed-nav .owl-nav [class*=owl-] {
  background-color: var(--color-academy);
  color: #FFF;
}

.owl-academy .owl-counter {
  background-color: transparent !important;
  color: var(--color-testo) !important;
  font-weight: bold;
}

.academy-price-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.academy-price-banner {
  background: linear-gradient(100deg, #e8381a 5%, #df5624 25%, #df6224 45%, #df5624 65%, #f22820 95%);
  color: white;
  text-align: center;
  padding: 10px;
  width: 100%;
  font-weight: bold;
}

.academy-price {
  font-size: 42px;
  line-height: 1.2em;
}

.academy-price-vat {
  font-size: 16px;
}

.academy-price-points {
  font-size: 18px;
}

.academy-price-alternative {
  font-size: 13px;
  margin-top: 2px;
  margin-bottom: 2px;
  opacity: 0.6;
}

#vimeoIframeContainer iframe {
  border-radius: 0.4rem;
}

.academy-brand-filter .btn-light {
  color: #FFF !important;
  background-color: #6c757d;
  border-color: #6c757d;
}

.academy-brand-filter li {
  padding: 0;
}

/*----------------ACADEMY - Vista calendario---------------------*/

.academy_cal_btn {
  background-color: #FFF !important;
  border-color: #FFF !important;
  color: var(--color-academy) !important;
}

.academy_cal_btn:hover {
  background-color: var(--color-academy-scuro) !important;
  border-color: #FFF !important;
  color: #FFF !important;
}

.academy_cal_box {
  min-height: 155px;
}

.academy_cal_descr {
  line-height: 14px !important;
  font-size: 14px;
}

/*----------ACADEMY - Vista calendario-------------*/

/*----------------REbiz---------------------*/

.rebiz_viola {
  color: var(--color-rebiz-viola) !important;
}

.rebiz_viola_bkg {
  background-color: var(--color-rebiz-viola) !important;
  color: #FFF !important;
}

.rebiz_line_viola {
  border-bottom-color: var(--color-rebiz-viola) !important;
}

.rebiz_line_viola::after {
  border-top-color: var(--color-rebiz-viola) !important;
}

.rebiz_azzurro {
  color: #009ee0 !important;
}

.rebiz_azzurro_bkg {
  background-color: var(--color-rebiz-azzurro) !important;
  color: #FFF !important;
}

.rebiz_line-azzurro {
  border-bottom-color: var(--color-rebiz-azzurro) !important;
}

.rebiz_line-azzurro::after {
  border-top-color: var(--color-rebiz-azzurro) !important;
}

.rebiz_blu {
  color: var(--color-rebiz-blu) !important;
}

.rebiz_blu_bkg {
  background-color: var(--color-rebiz-blu) !important;
  color: #FFF !important;
}

.rebiz_line-blu {
  border-bottom-color: var(--color-rebiz-blu) !important;
}

.rebiz_line-blu::after {
  border-top-color: var(--color-rebiz-blu) !important;
}

.rebiz_giallo {
  color: var(--color-rebiz-giallo) !important;
}

.rebiz_giallo_bkg {
  background-color: var(--color-rebiz-giallo) !important;
  color: #FFF !important;
}

.rebiz_line-giallo {
  border-bottom-color: var(--color-rebiz-giallo) !important;
}

.rebiz_line-giallo::after {
  border-top-color: var(--color-rebiz-giallo) !important;
}

.rebiz_rosso {
  color: var(--color-rebiz-rosso) !important;
}

.rebiz_rosso_bkg {
  background-color: var(--color-rebiz-rosso) !important;
  color: #FFF !important;
}

.rebiz_line-rosso {
  border-bottom-color: var(--color-rebiz-rosso) !important;
}

.rebiz_line-rosso::after {
  border-top-color: var(--color-rebiz-rosso) !important;
}

#oc-rebiz.fixed-nav:hover .owl-nav [class*=owl-],
#oc-rebiz.fixed-nav .owl-nav [class*=owl-],
#oc-rebiz1.fixed-nav:hover .owl-nav [class*=owl-],
#oc-rebiz1.fixed-nav .owl-nav [class*=owl-] {
  background-color: #76379f;
  color: #FFF;
}

.rebiz_descr {
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rebiz_consulenza {
  color: var(--color-rebiz-consulenza) !important;
}

.rebiz_consulenza_bkg {
  background-color: var(--color-rebiz-consulenza) !important;
  color: #FFF !important;
}

.rebiz_line-consulenza {
  border-bottom-color: var(--color-rebiz-consulenza) !important;
}

.rebiz_line-consulenza::after {
  border-top-color: var(--color-rebiz-consulenza) !important;
}

.rebiz_formazione {
  color: var(--color-rebiz-formazione) !important;
}

.rebiz_formazione_bkg {
  background-color: var(--color-rebiz-formazione) !important;
  color: #FFF !important;
}

.rebiz_line-formazione {
  border-bottom-color: var(--color-rebiz-formazione) !important;
}

.rebiz_line-formazione::after {
  border-top-color: var(--color-rebiz-formazione) !important;
}

.rebiz_marketing {
  color: var(--color-rebiz-marketing) !important;
}

.rebiz_marketing_bkg {
  background-color: var(--color-rebiz-marketing) !important;
  color: #FFF !important;
}

.rebiz_line-marketing {
  border-bottom-color: var(--color-rebiz-marketing) !important;
}

.rebiz_line-marketing::after {
  border-top-color: var(--color-rebiz-marketing) !important;
}

.rebiz_perte {
  color: var(--color-rebiz-perte) !important;
}

.rebiz_perte_bkg {
  background-color: var(--color-rebiz-perte) !important;
  color: #FFF !important;
}

.rebiz_line-perte {
  border-bottom-color: var(--color-rebiz-perte) !important;
}

.rebiz_line-perte::after {
  border-top-color: var(--color-rebiz-perte) !important;
}

.rebiz_warning_bkg {
  background-color: var(--color-rebiz-warning) !important;
  color: #FFF !important;
}

.rebiz_warning {
  color: var(--color-rebiz-warning) !important;
}

.rebiz_unlock_bkg {
  background-color: var(--color-rebiz-unlock) !important;
  color: #FFF !important;
}

.rebiz_unlock {
  color: var(--color-rebiz-unlock) !important;
}

.owl-rebiz-consulenza.fixed-nav:hover .owl-nav [class*=owl-],
.owl-rebiz-consulenza.fixed-nav .owl-nav [class*=owl-] {
  background-color: var(--color-rebiz-consulenza);
  color: #FFF;
}

.owl-rebiz-formazione.fixed-nav:hover .owl-nav [class*=owl-],
.owl-rebiz-formazione.fixed-nav .owl-nav [class*=owl-] {
  background-color: var(--color-rebiz-formazione);
  color: #FFF;
}

.owl-rebiz-marketing.fixed-nav:hover .owl-nav [class*=owl-],
.owl-rebiz-marketing.fixed-nav .owl-nav [class*=owl-] {
  background-color: var(--color-rebiz-marketing);
  color: #FFF;
}

.owl-rebiz-perte.fixed-nav:hover .owl-nav [class*=owl-],
.owl-rebiz-perte.fixed-nav .owl-nav [class*=owl-] {
  background-color: var(--color-rebiz-perte);
  color: #FFF;
}

.rebiz_descr {
  font-size: 13px;
}

.bg-rebiz {
  background-color: var(--color-rebiz-rebiz);
}

.badge-custom {
  color: #fff;
  background-color: var(--color-serv-consulenza);
  padding: 3px;
}

.rounded-custom {
  border-radius: 25px;
}

.card-height {
  min-height: 309px;
}

.pdv-toggle-2 {
  border: 1px solid #a0a0a0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.pdv-toggle-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.min-72 {
  min-height: 72px;
}

.bg-freccia {
  background-image: url("../images/new/rebiz/freccia.png");
  background-repeat: no-repeat;
  background-position: right 60px;
  background-size: 300px;
  background-attachment: scroll;
}

.title-section-vantaggi {
  font-size: 18px;
}

.bg-portale {
  background-image: url("../images/new/rebiz/sfondo-portale.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

/*----------------end REbiz---------------------*/


@media (min-width: 992px) {
  .menu-container>.menu-item:not(.mega-menu) .sub-menu-container:not([class*='col']) {
    width: 250px;
  }
}

.col-2-5 {
  flex: 0 0 auto;
  width: 40%;
}

@media (min-width: 576px) {
  .col-sm-2-5 {
    flex: 0 0 auto;
    width: 40%;
  }
}

@media (min-width: 768px) {
  .col-md-2-5 {
    flex: 0 0 auto;
    width: 40%;
  }
}

@media (min-width: 992px) {
  .col-lg-2-5 {
    flex: 0 0 auto;
    width: 40%;
  }
}

@media (min-width: 1200px) {
  .col-xl-2-5 {
    flex: 0 0 auto;
    width: 40%;
  }
}

@media (min-width: 1400px) {
  .col-xxl-2-5 {
    flex: 0 0 auto;
    width: 40%;
  }
}

.accordion .accordion-collapse.collapse:not(.show) {
  display: none !important;
}

.btn-outline-light:hover{
	background-color: transparent !important;
}

@media (min-width: 1200px){ .responsive-height{ height:500px !important } }

@media (min-width: 768px) and (max-width: 1199px){ .responsive-height{ height:400px !important } }

@media (max-width: 767px){ .responsive-height{ height:280px !important } }

/* focus */

.bg-focus-installazione{ background-color:#ab1946 !important; }

.bg-focus-domotica{ background-color:#dc0b20 !important; }

.bg-focus-sicurezza{ background-color:#e5471b !important; }

.bg-focus-audio{ background-color:#ec7825 !important; }

.bg-focus-cablaggio{ background-color:#b38770 !important; }

.bg-focus-termoregolazione{ background-color:#c50e76 !important; }

.bg-focus-riscaldamento{ background-color:#911749 !important; }

.bg-focus-climatizzazione{ background-color:#91428e !important; }

.bg-focus-illuminazione{ background-color:#157c84 !important; }

.bg-focus-energie{ background-color:#0b4c40 !important; }

.bg-focus-distribuzione{ background-color:#242b55 !important; }

.bg-focus-automazione{ background-color:#3a518f !important; }

.bg-focus-installazione-industriale{ background-color:#193a6a !important; }

.bg-focus-impiantistica{ background-color:#9fad45 !important; }

.bg-focus-bathroom{ background-color:#32a37c !important; }

.bg-focus-trattamento{ background-color:#1d8961 !important; }

.bg-focus-irrigazione{ background-color:#1f5f47 !important; }

.bg-focus-dispositivi{ background-color:#f5ad2c !important; }

.bg-focus-utensileria{ background-color:#bc861f !important; }

.bg-focus-cavi{ background-color:#673556 !important; }

.color-installazione{ color:#ab1946 !important; }

.color-domotica{ color:#dc0b20 !important; }

.color-sicurezza{ color:#e5471b !important; }

.color-audio{ color:#ec7825 !important; }

.color-cablaggio{ color:#b38770 !important; }

.color-termoregolazione{ color:#c50e76 !important; }

.color-riscaldamento{ color:#911749 !important; }

.color-climatizzazione{ color:#91428e !important; }

.color-illuminazione{ color:#157c84 !important; }

.color-energie{ color:#0b4c40 !important; }

.color-distribuzione{ color:#242b55 !important; }

.color-automazione{ color:#3a518f !important; }

.color-installazione-industriale{ color:#193a6a !important; }

.color-impiantistica{ color:#9fad45 !important; }

.color-bathroom{ color:#32a37c !important; }

.color-trattamento{ color:#1d8961 !important; }

.color-irrigazione{ color:#1f5f47 !important; }

.color-dispositivi{ color:#f5ad2c !important; }

.color-utensileria{ color:#bc861f !important; }

.color-cavi{ color:#673556 !important; }

.line-comoli{ border-bottom:3px solid #009FE3!important; }

.menu-item-integration .freccia-integration{
	transform: rotate(0deg) !important;
	transition: transform 0.2s ease !important;
}

.menu-item-integration:hover .freccia-integration,
.menu-item-integration .integration-direct-link:hover .freccia-integration,
.menu-item-integration .integration-direct-link:focus .freccia-integration{
	transform: rotate(-90deg) !important;
}

.freccia-focus-back{ width: 20px; height: auto; rotate: 180deg; }

/* ===== DESKTOP MEGA MENU ===== */

.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item {
  background: transparent !important;
  transition: background-color .2s ease;
}

.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item > a {
  background: transparent !important;
  color: #fff !important;
  transition: color .2s ease;
}

/* item con mega panel aperto */
.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.is-active-mega {
  background: #fff !important;
}

.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.is-active-mega > a {
  color: #009fe3 !important;
}

/* integration in hover/focus = bianco */
.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.menu-item-integration.is-hover-integration {
  background: #fff !important;
}

.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.menu-item-integration.is-hover-integration > a {
  color: #009fe3 !important;
}

/* frecce base */
.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item > a .freccia-bianca-menu-giu,
.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item > a .freccia-integration {
  transition: transform .2s ease, filter .2s ease;
  filter: none;
}

/* frecce azzurre quando attivo */
.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.is-active-mega > a .freccia-bianca-menu-giu,
.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.menu-item-integration.is-hover-integration > a .freccia-integration {
  filter: invert(44%) sepia(68%) saturate(2832%) hue-rotate(182deg) brightness(92%) contrast(96%);
}

/* frecce ruotate */
.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.is-active-mega > a .freccia-bianca-menu-giu {
  transform: rotate(180deg);
}

.container-fluid.mega-host.d-none.d-lg-block .menu-container > .menu-item.menu-item-integration.is-hover-integration > a .freccia-integration {
  transform: rotate(-90deg);
}

#ambiti-interni span:not(.active) { opacity: 0.40; }

#ambiti-interni span:hover { opacity: 1; }

#carousel-news .custom-carousel {
    overflow: hidden;
    width: 100%;
}

#carousel-news .carousel-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

#carousel-news .carousel-card {
    flex: 0 0 25%;
    max-width: 25%;
    min-width: 25%;
    box-sizing: border-box;
    padding: 0 10px;
}

#carousel-news .carousel-card .card {
    width: 100%;
    height: 100%;
}

#carousel-news .carousel-card .placeholder-img {
    width: 100%;
    overflow: hidden;
}

#carousel-news .carousel-card .placeholder-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

#carousel-news .carousel-card .card-body {
    min-height: 220px;
}

#carousel-news .carousel-card .card-title {
    min-height: 48px;
}

#carousel-news .carousel-card .card-body p.text-white.mb-0.fs-7 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Tablet */
@media (max-width: 991.98px) {
    #carousel-news .carousel-card {
        flex: 0 0 50%;
        max-width: 50%;
        min-width: 50%;
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    #carousel-news .carousel-card {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

#carousel-news .carousel-card{ margin-right: 0px !important; margin-left: 0px !important; }

// .border-news{ border: 4px solid; border-image: linear-gradient(to bottom, #ffffff, #d9d9d9) 1; }

.border-cf{ border: 1px solid #009FE3; }

.text-idro{ color: #f29100 !important; }

.text-elettrico{ color: #e61b72 !important; }

.text-promo{ color:#E84C0F !important; }

.text-omaggio{ color:#E73189 !important; }

.text-ribassati{ color:#E31B13 !important; }

.text-sconto{ color:#E75F0D !important; }

.text-special{ color:#E39800 !important; }

.border-promo {
    border-color: #E84C0F !important;
    border-top: 0px !important;
}

.border-omaggio {
    border-color: #E73189 !important;
    border-top: 0px !important;
}

.border-ribassati {
    border-color: #E31B13 !important;
    border-top: 0px !important;
}

.border-prezzi-speciali {
    border-color: #E31B13 !important;
    border-top: 0px !important;
}

.border-sconto {
    border-color: #E75F0D !important;
    border-top: 0px !important;
}

.border-special {
    border-color: #E39800 !important;
    border-top: 0px !important;
}

@media (min-width:1024px) { .w-lg-auto{ width: auto !important; } }

@media (max-width: 767px) { .overlay-content1{ bottom: 0px !important; } }

@media (max-width: 767px) { .overlay-content3{ bottom: -420px !important; } }

@media (max-width: 767px) { .overlay-content4{ bottom: -420px !important; } }

@media (max-width: 767px) { .min-h-custom-struttura{ min-height: 105px; } }

#ccmSoluzioniCarousel {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#ccmSoluzioniTrack {
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

#ccmSoluzioniTrack::-webkit-scrollbar {
	display: none;
}

.ccm-soluzioni__slide {
	flex: 0 0 100%;
	max-width: 100%;
	min-width: 100%;
}

.ccm-soluzioni-carousel__btn:disabled {
	opacity: .35;
	pointer-events: none;
}

@media (max-width: 767px) { .min-h-struttura{ min-height: 105px; } }

@media (min-width: 768px) { .min-h-struttura{ min-height: 113px; } }

#boxB {
  height: 100%;
  overflow: hidden;
}

#boxBLink {
  display: block;
  width: 100%;
  height: 100%;
}

#boxBImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#boxBLink,
#boxCLink,
#boxDLink {
  display: block;
  width: 100%;
  height: 100%;
  cursor: default;
}

#boxBLink.is-clickable,
#boxCLink.is-clickable,
#boxDLink.is-clickable {
  cursor: pointer;
}

#boxBLink.is-disabled,
#boxCLink.is-disabled,
#boxDLink.is-disabled {
  pointer-events: none;
}