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

		CUSTOM CSS

******************************************/
 <meta name="theme-color" content="#ff6c00" />
/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ff6c00; 
  border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

/* Posizione barra delle lingue */
div.mod-languages ul {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}


/* Rimozione bordi TOP e BOTTON da barra menu */
.website-header {
position:absolute;
top:0;
left:0;
right:0;
border-bottom:0px solid rgba(255,255,255,0.5);
border-top:0px solid rgba(255,255,255,0.5);
  transition: 0.5s;
}


/* POSIZIONE LOGO A SINISTRA */
.logo-module {
    padding: 3px 0 3px 0;
    text-align: center;
    float: left;
  margin-top:18px;
}
.zindex10 {
    position: relative;
    z-index: 100;
}


/* POSIZIONE BARRA DEL MENU */
.drop-down ul, .drop-down li {
    list-style: none;
    margin: 0 0 0 0;
    padding: 10px;
}

/* Bottone Personalizzato */

.button {
  border-radius: 0px;
  background-color: #8b5d43;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 100%;
  padding: 10px;
  width: 90%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  color:#ff6c00;
  position: absolute;
  font-size:36px;
  opacity: 0;
  top: -4px;
  right: -30px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

/* Bottone Personalizzato ENGINEERING */

.buttoneng {
  border-radius: 0px;
  background-color: #76777a;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 100%;
  padding: 30px 0;
  width: 320px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.buttoneng span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttoneng span:after {
  content: '\00bb';
  color:#ff6c00;
  position: absolute;
  font-size:36px;
  opacity: 0;
  top: -15px;
  right: -30px;
  transition: 0.5s;
}

.buttoneng:hover span {
  padding-right: 25px;
}

.buttoneng:hover span:after {
  opacity: 1;
  right: 0;
}



/* Bottone Personalizzato DESIGN */

.buttondes {
  border-radius: 0px;
  background-color: #fecd0d;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 100%;
  padding: 30px 0;
  width: 320px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.buttondes span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttondes span:after {
  content: '\00bb';
  color:#ff6c00;
  position: absolute;
  font-size:36px;
  opacity: 0;
  top: -15px;
  right: -30px;
  transition: 0.5s;
}

.buttondes:hover span {
  padding-right: 25px;
}

.buttondes:hover span:after {
  opacity: 1;
  right: 0;
}



/* Bottone Personalizzato SERVICE */

.buttonser {
  border-radius: 0px;
  background-color: #044c7e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 100%;
  padding: 30px 0;
  width: 320px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.buttonser span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonser span:after {
  content: '\00bb';
  color:#ff6c00;
  position: absolute;
  font-size:36px;
  opacity: 0;
  top: -15px;
  right: -30px;
  transition: 0.5s;
}

.buttonser:hover span {
  padding-right: 25px;
}

.buttonser:hover span:after {
  opacity: 1;
  right: 0;
}



/* Class Personalizzate */
.bckprodotti h1 {
  		padding:50px 0;
	  	color: #fff;
  		font-size:6vw;
      	background-color: #8b5d43;
  margin-bottom:0px;
}
.orange {
	  	color: #fff;
  		background-color: #ff6c00;
  		padding:20px 10px;
}
.white {
	  	padding:20px 10px;
  background-color: #fff;
}
.marginlr
{
	  	margin:0 2%;
}


.drop-down li a, .drop-down li span.separator {

    color: #fff;
}



.space {  
   padding: 0px 0 0px 0;
}


h3 {
    font-weight: normal;
}


.bckcarr {
      background-color:#000;
  background-image: url("/modules/mod_responsive_scroller_for_k2/assets/css/bg-slider.jpg");
    background-position:no-repeat center center/cover;
  min-height:458px;
  padding-top: 107px;
    padding-bottom: 107px;

  border-top:2px solid #ff9800;
  border-bottom:2px solid #ff9800;
}

.margin85-servizi {
  width:85%;
  margin-top:70px;
  margin-left:auto;
  margin-right:auto;
  font-size: 150%;
  margin-bottom:50px;
}

.margin-tb {
  margin: 50px 0 !important;
}


.website-header.isStuck {
    border: none;
    margin-top: 0;
    transition: 0.5s;
}

/* === POPUP FIERA PARIGI 2025 (CSS) === */
/* Backdrop */
#nm-popup-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.55);
  z-index:2147483000; display:none;
}
/* Dialog */
#nm-popup{
  position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);
  width:90%; max-width:620px;
  background:#fff; color:#594433; /* testo principale */
  border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.25);
  z-index:2147483001; display:none; overflow:hidden;
  font-family:Helvetica, Arial, sans-serif;
}
/* Header */
#nm-popup .nm-header{ background:#8b5d43; color:#fff; padding:18px 22px; }
#nm-popup .nm-title{ margin:0; font-size:2rem; line-height:1.25; }
/* Body */
#nm-popup .nm-body{ padding:20px 22px 0px 22px; }
#nm-popup .nm-body p{ margin:.4rem 0; font-size: 1.2rem;}
/* Evidenze */
.nm-accent{ color:#ff6c00; font-weight:700; }
/* Footer / CTA */
#nm-popup .nm-footer{ padding:16px 22px 22px; display:flex; gap:10px; justify-content:flex-end; }
.nm-btn{ border:0; border-radius:10px; padding:10px 16px; cursor:pointer; font-weight:700; font-family:Helvetica, Arial, sans-serif; }
.nm-btn-primary{ background:#ff6c00; color:#fff; }
.nm-btn-ghost{ background:transparent; color:#594433; }
/* Close (X) */
#nm-popup .nm-close{
  position:absolute; right:10px; top:10px; width:38px; height:38px;
  border:0; border-radius:50%; background:rgba(0,0,0,.3); color:#ccc; cursor:pointer;
}
#nm-popup .nm-close:focus{ outline:2px solid #8b5d43; }
h2#nm-popup-title{color:#fff!important;padding:0;font-family:'Open Sans Condensed',sans-serif!important;}

