/*** DEBUG BOOTSTRAP - DA TOGLIERE ***/
/*
body::before {
  content: "xs";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  background-color: #000;
  color: #fff;
}
@media (min-width : 768px) { body::before { content: "sm"; }}
@media (min-width : 992px) { body::before { content: "md"; }}
@media (min-width : 1200px) { body::before { content: "lg"; }}
*/
/*** FINE DEBUG BOOTSTRAP ***/


body {
  color: #000000;
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 300;
  font-size: 13px;

}



/* se lg setta i bordi bianchi a fianco */
@media (min-width : 1200px) { 
  .page-wrapper {
    margin-left:30px;
    margin-right:30px;
  }
}

a {
  color:#000;
}

a:hover {
  color:#000;
}

.font-probold {
  font-family: 'basis_grotesque_probold', sans-serif !important;
}

/* setta sfondo su titolo slide home page */
.ms-layer.msp-cn-12-1 {
    opacity: 0.65;
}


.error {
  color:#f00 !important;
}

/* logo top */
#logo-top {
  width:60%;
}


/* ISOTOPE PROGETTI */
.grid-item { width: 33%;}
.grid-item--width2 { width: 50%; }

.img-grid {
    max-width: 100%;
    height: auto;
    cursor:pointer;
    }

#iso-container {
  margin: 0 auto 20px;
}


/****************************/
/*** FORM FILTRO PRODOTTI ***/
/****************************/

#form-filter label {
  color:#818181;
  font-size:16px;
}

#form-filter h6 {
  color:#818181;
}

#form-categorie label {
  color:#818181;
  font-size:16px;
}

#form-categorie h6 {
  color:#818181;
}


/****************/
/*** GENERALI ***/
/****************/
.margin-top-pages {
  margin-top:134px !important;
}

h1, h2, h3, h4, h5, h6, p {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.hide-element {
  display:none !important;
}

.show-element {
  display:block !important;
}

.padding-lr-5 {
  padding-left:5px !important;
  padding-right:5px !important;
}

.padding-lr-20 {
  padding-left:20px !important;
  padding-right:20px !important;
}

/************/
/*** MENU ***/
/************/

.navbar-nuovaselas {
  background:#fff !important;
  padding-top:10px !important;
  padding-bottom:25px !important;
  max-width:1500px !important;
  margin:auto;
} 

.navbar-nav-nuovaselas {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-size:20px;
  font-color:#000;
  margin-top:28px;
}

.nav-link, .nav-lang {
  color:#000 !important;
}

.nav-item-lang {
  margin-left:20px;
  padding-top:10px;
  font-size:18px;
}

.nav-link {
  padding-left:1rem !important;
  padding-right:1rem !important;
}


/*************************/
/*** HOME PAGE SEZIONI ***/
/*************************/

/* sezione 1 - testo */
.section1-hp {
  background:#ffffff;
  display:block;
  padding:60px 0px 90px 0px;
}

.section1-hp h1 {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 500;
  padding-bottom:10px;
  line-height:1;
}

.section1-hp p {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 300;
  font-size:16px;
  padding-bottom:10px;
  color:#555;
}

/* sezione 2 - categorie riquadri prodotti */
.section2-hp {
  background:#f3f3f3;
  display:block;
  padding:60px 0px;
}

.riquadro {
  padding:0px !important;
  margin:0px !important;
}

.riquadro p {
  background:#ffffff;
  border-top:5px solid #f28c00;
  padding:20px 5px !important;
  text-align: center;
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 500;
  font-size:16px;
  color:#000;
}


/* sezione 3 - parallax outlet */
.section3-hp {
  background:#ffffff;
  display:block;
  padding:0px;
  margin: 0px;
  position:relative;
}

.parallax-outlet {
  /* The image used */
  background-image: url("../img/outlet-hp.jpg");

  /* Set a specific height */
  height: 580px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* contenitore titolo nel riquadro su sfondo nero trasparente */
.cont-tit-parallax-outlet {
  position:absolute;
  top:35%;
  left:40%;
  background:transparent;
}


/* titolo nel riquadro su sfondo nero trasparente */
.tit-parallax-outlet {
  text-align:center;
  font-family:'basis_grotesque_prolight', sans-serif;
  font-size:60px;
  padding:12px 40px !important;
  color:#fff;
  border:4px solid #fff;
  background:#000;
  opacity:0.5;
}

/* sezione 4 - testo + sedia scontornata a dx */
.section4-hp {
  background:#e6e6e6;
  display:block;
  padding:80px 0px 60px 0px;
}

.section4-hp h1 {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 500;
  padding-bottom:10px;
  line-height:1;
}

.section4-hp p {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 300;
  font-size:16px;
  padding-bottom:10px;
  color:#555;
}



/* sezione 5 - n. 6 categorie riquadri */
.section5-hp {
  background:#f3f3f3;
  display:block;
  padding:60px 0px;
}

.section5-hp h1 {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 500;
  padding-bottom:30px;
  line-height:1;
  text-align: left;
}

.riquadro-5 {
  padding:0px !important;
  margin:0px !important;
}

.riquadro-5 p {
  background:#ffffff;
  border-top:5px solid #f28c00;
  padding:10px 5px !important;
  text-align: center;
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 500;
  font-size:16px;
  color:#000;
}


/* footer */
footer {
  background:#4b4b4b;
  display:block;
  padding:30px 0px 10px 0px;
  color:#ffffff;
}

footer h5 {
  color: #f28c00;
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 500;
  font-size:14px;
}

footer a {
  color:#fff !important;
}

.lists-footer {
  color:#fff;
}


/************************/
/*** SEZIONE PRODOTTI ***/
/************************/

/* sezione generale prodotti */
.section-prodotti {
  background:#ffffff;
  display:block;
  padding:60px 0px;
}

.section-prodotti h1 {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 500;
  padding-bottom:10px;
  line-height:1;
}

.section-prodotti p {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 300;
  font-size:14px;
  padding-bottom:10px;
  color:#555;
}

.riquadro-prod-gen {
  padding:0px !important;
  margin:0px !important;
}

.riquadro-prod-gen p {
  background:#ffffff;
  border-top:5px solid #f28c00;
  padding:10px 5px !important;
  text-align: center;
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 700;
  font-size:16px;
  color:#000;
}


/*******************************/
/*** SEZIONE SCHEDA PRODOTTO ***/
/*******************************/

/* sezione generale prodotti */
.section-scheda-prod {
  background:#ffffff;
  display:block;
  padding:0px 0px;
}

/* titolo prodotto */
.section-scheda-prod h1 {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 500;
  padding-bottom:20px;
  line-height:1;
  font-size:78px;
}

/* caratteristiche prodotto - layout base */
.caratt_base {
  font-family: 'basis_grotesque_prolight', sans-serif;
  margin-top:5px;
  margin-bottom:5px;
  font-size:16px;
  padding:0px;
  color:#818181;
 
}

.caratt_titolo {
  font-family: 'basis_grotesque_probold', sans-serif;
  color:#000;
}

.caratt_value {
  color:#000;
  font-size:18px;
  padding-top:10px !important;
  float:right;
}

.caratt_value_essenza {
  color:#000;
  font-size:16px;
  
  
}

/*************************/
/*** SEZIONE MATERIALI ***/
/*************************/

/* sezione 1 - testo */
.section1-materiali {
  background:#ffffff;
  display:block;
  padding:60px 0px 60px 0px;
}

.section1-materiali h1 {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 500;
  font-size:2.3rem;
  padding-bottom:10px;
  line-height:1;
}


.section1-materiali h3 {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 300;
  font-size:1.3rem;
  color:#555;
}

.materiale {
  padding-right:5px;
  padding-left:5px;
}

.materiale p {
  padding:10px 15px 10px 0px !important;
  
}


/*************************/
/*** SEZIONE CHI SIAMO ***/
/*************************/

/* sezione 1 - testo */
.section1-chisiamo {
  background:#ffffff;
  display:block;
  padding:60px 0px 90px 0px;
}

.section1-chisiamo h1 {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 500;
  padding-bottom:10px;
  line-height:1;
}


.testi-chisiamo {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 300;
  font-size:16px;
  color:#555;
}


/*************************/
/*** SEZIONE DOWNLOAD ***/
/*************************/

/* sezione 1 - testo */
.section1-download {
  background:#ffffff;
  display:block;
  padding:60px 0px 90px 0px;
}

.section1-download h1 {
  font-family: 'basis_grotesque_prolight', sans-serif;
  padding-bottom:10px;
  line-height:1;
}

.testi-download {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-size:18px;
  color:#555;
  margin-bottom:10px;
  padding-bottom:10 px;
  border-bottom: 1px solid #ccc;
}

/*************************/
/*** SEZIONE CONTATTI  ***/
/*************************/

/* sezione 1 - mappa */
.section1-contatti {
  background:#ffffff;
  display:block;
  padding:60px 0px 90px 0px;
}


/* sezione 2 - indirizzi */
.section2-contatti {
  background:#ffffff;
  display:block;
  padding:80px 0px 20px 0px;
}

.section2-contatti h4 {
  font-family: 'basis_grotesque_probold', sans-serif;
  font-weight: 300;
  font-size:16px;
  color:#555;
}

.section2-contatti p {
  font-family: 'basis_grotesque_prolight', sans-serif;
  font-weight: 300;
  font-size:16px;
  color:#555;
}

/* sezione 3 - form */
.section3-contatti {
  background:#e6e6e6;
  display:block;
  padding:60px 0px 90px 0px;
}

.ns-format {
  background:#e6e6e6 !important;
  border:0px 0px 1px 0px solid #000 !important;
}