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

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


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

/******************/
/*** SEZIONE HP ***/
/******************/
.owl-carousel {
position: relative;
}

/* posiziona pallini per scorrimento slide dentro la foto */
.owl-hp .owl-dots, .owl-riga1-hp .owl-dots, .owl-riga3-hp .owl-dots {
position: absolute;
bottom:20px;
left:46.5%;
z-index:10 !important;
}


/* logo + testi riga 1 dx hp */
.testo-riga1-hp {
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#000;
  font-weight:100;
}

.testo-riga1-hp h1 {
  padding-top:0px;
  font-weight:100;
  font-size:18px;
  line-height: 30px;
  font-family: "HKGrotesk-Regular", sans-serif;
}


.testo-riga1-hp h3 {
  /* font-family: 'ACaslonPro-Regular', sans-serif; */
  font-family: "ChronicleDisplay-Light", sans-serif;
  padding-top:20px;
  color: #000;
  font-weight:100;
  font-size:54px;
  line-height: 60px;
}


.testo-riga1-hp h2 {
  padding-top:20px;
  font-weight:100;
  font-size:18px;
  line-height: 28px;
}

/* testi riga 2 hp */
.testo-riga2-hp {
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#A4CED9;
  padding:0px;
  margin:0px;
  font-weight:100;
}

.testo-riga2-hp a {
  color:#A4CED9;
}

.testo-riga2-hp a:hover {
  text-decoration: none;
}

.testo-riga2-hp h1 {
  font-weight:100;
  font-size:22px;
  padding:0px; 
  margin:0px 0px 0px 0px !important;
}

/* tast prodotti hp */
.testo-riga2-hp h2 {
  font-size:52px;
  /* margin-top:40%;*/
  padding:20px 0px;
  border:0px solid #000;
  /* letter-spacing: 8px; */
  text-align: left;
}

.testo-riga2-hp h5 {
  position:absolute;
  bottom:20px;
  padding:20px 0px;
  text-align: left;
  border:0px solid red;
}

/*
.testo-riga2-hp h2:hover {
  background:#eaeaea !important;
}
*/

.testo-riga2-hp h3 {
  font-weight:100;
  font-size:20px;
  padding:0px; 
  margin:60px 0px 0px 0px !important;
}

.testo-riga2-hp p {
  font-weight:100;
  font-size:18px;
  padding:0px; 
  margin:0px 0px 0px 0px !important;
}

/* fascia hp tra riga2 e riga 3 */
.testo-fascia-hp {
  position:absolute;
  top:10%;
  left:3%;
  color:#A4CED9;
  font-size:22px;
  width:30%;
  font-family: "HKGrotesk-Regular", sans-serif;
}

.cont-link-fascia-hp {
  position:absolute;
  bottom:5%;
  left:3%;
  color:#A4CED9;
  font-size:18px;
  width:60%;
}

.link-fascia-hp {
  color:#A4CED9;
  font-family: "HKGrotesk-Regular", sans-serif;
}




/* testi riga 3 - slide prodotti */
.testo-riga3-hp {
  color:#2A3A4F;
  padding:5% 8%;
  font-family: "HKGrotesk-Regular", sans-serif;
}

.testo-riga3-hp h1 {
  font-size:46px;
}

.testo-riga3-hp h2 {
  font-weight: 400;
  font-size:22px;
  padding-top:0px;
  margin-top:0px;
  letter-spacing: 2px;
}

.cerchi-rossi-hp {
  width:10px !important;
  float:left;
  padding-top:14px;
  margin-right:3px;
}

.testo-riga3-hp p {
  font-weight: 100;
  font-size:18px;
  line-height:24px;
  padding-top:20px;
}

.testo-riga3-hp h3 {
  font-weight:100;
  font-size:20px;
  margin-top:30px;
}

.testo-riga3-hp a {
  color:#2A3A4F;
}

.testo-riga3-hp a:hover {
  text-decoration: none;
}

/* testi riga 4 hp - sfondo nero */
.testo-riga4-hp {
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#fff;
  font-weight:300;
  padding:5% !important;
}

.testo-riga4-hp h1 {
  padding-top:0px;
  padding-right:8%;
  margin-top:0px;
  font-size:24px;
  line-height: 30px;
}

.testo-riga4-hp h2 {
  padding-top:0px;
  margin-top:0px;
  font-size:14px;
  line-height: 28px;
}


/* foto parallax hp --------- TOLTA ----------- */
.parallax-sedie {
   background: url('../images/hp/riga5.jpg') no-repeat center center;
   background-attachment: fixed;
   height:530px; 
   background-size:cover;
   z-index:10;
}



.titolo-news-hp {
  font-family: "HKGrotesk-Bold", sans-serif;
  font-size:36px;
  color:#666666;
  padding-left: 12px;
}

.news-hp {
  font-family:  "HKGrotesk-Bold", sans-serif;
  color:#666;
  background:#fff;
}

.news-hp h1 {
  font-family:  "HKGrotesk-Bold", sans-serif;
  font-size: 24px;
  font-weight:400;
  padding-left:15px;
  color:#666666;
}

.news-hp p {
  font-family:  "HKGrotesk-Regular", sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding-left:15px;
  padding-right:15px; 
  color:#666666;
}

.link-news-hp {
  cursor:pointer !important;
}

/* contenitori dettaglio NEWS HP */

/* contenitore foto dx */
.news-single-hp-foto {
  padding:50px 30px 30px 30px;
}

/* contenitore testo sx */
.news-single-hp-testo {
  position:relative;
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#000;
  padding:50px 30px 30px 30px;
}

/* data news */
.news-single-hp-testo h2 {
  margin-top:0px;
  font-size:16px;
}

/* titolo news */
.news-single-hp-testo h1 {
  font-size:22px;
}

/* testo news */
.news-single-hp-testo p {
  font-size:14px;
  font-weight: 300;
  padding-top:10px;
}



/* loader su cambio news da ajax - DA VEDERE */
#loader-news {
  text-align:center;
  position:absolute;
  top:45%;
  left:0;
  margin:0px;
  color:#e0e0e0;
  font-size:22px;
  width:100%;
  display:none;
  z-index:10;
}

/************/
/*** MENU ***/
/************/
.navbar {
  background-color: #fff;
  font-family:  "HKGrotesk-Bold", sans-serif;
  font-weight: 300;
  height:110px;
  font-size:13px;
  /* padding-top:30px; */
  border:0px;
  margin-bottom:0px;
  letter-spacing: 2px;
}

.logo-hp {
  width:130px;
}

.navbar-header {
  padding-top:20px;
}

.navbar-nav {
  background-color: transparent;
  padding-top:87px !important;
}

.navbar-default .navbar-nav > li {
  /* min-width:100px; */
  margin-left:0px;
}

.navbar-default .navbar-nav > li > a {
  background-color: transparent;
  opacity:1.0;
  color: #666;
  padding:5px 15px;
}

.navbar-default .navbar-nav > li > a:hover {
  /* background-color: #ccc; */
  opacity:1.0;
  color: #666;
  border-bottom: 1px solid #ccc;
}

.nav > li > a {
  padding: 5px 10px;
  border:0px solid #fff;
  margin-right:0px;
}

/* centra il menu */
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    /* margin-left:10%; */
}

.navbar .navbar-collapse {
    text-align: center;
}

/* colore hamburger per xs */
.icon-bar-transp {
  background:#ffffff !important;
}

.icon-bar-su-bianco {
  background:#888 !important;
}


/* language menu dx */
.lang-menu {
  float:right;
  position: absolute;
  top:95px;
  right:50px;
}

.lang-menu a {
  font-size:13px;
  color:#666;
  opacity:1.0;
  margin-left:10px;

}

.lang-menu-su-bianco a {
  font-size:10px;
  color:#000;
  opacity:0.7;
  margin-left:10px;

}


/* formatta menù per sfondo bianco */
.menu-su-bianco a {
  background-color: #ffffff !important;
  color: #000 !important;
  border:1px solid #ccc !important;
}

.menu-su-bianco a:hover {
  background-color: #f2f2f2 !important;
}

/* formatta menù trasparente per scheda mood */
.menu-transp a {
  background-color: transparent !important;
  color: #fff !important;
  border:1px solid #fff !important;
}

.menu-transp a:hover {
  background-color: #ccc !important;
}



/***********************/
/*** GEAR MENU DX ******/
/***********************/

.gear-menu-container {
  position:absolute; 
  top:90px; right:0; 
  width:0px;
  background:transparent;
  color:#fff;
  z-index:101;
  margin-right:22px;
}

/* tasto chiusura menu */
.gear-menu-container > a {
  margin-left:100px;
  color:#fff;
  opacity:0.7;
}

.gear-menu-container > ul {
  padding:10px 20px;
}

.gear-menu-container > ul > li {
  border:1px solid #fff;
  padding:8px 25px;
  margin:4px;
  text-align:center;
  font-family: 'BlairITC-Medium', sans-serif;
  font-size:10px;
}

.gear-menu-container > ul > li a {
  color:#fff;
  opacity:0.7;
}

.gear-menu-container > ul > li a:hover {
  text-decoration: none;
  color:#333;
}

.gear-menu-container > ul > li:hover {
  background-color: #ccc;
  opacity:0.7;
  color:#333;
}

/* gear menu su sfondo bianco */
.gear-menu-container-su-bianco > a {
   color:#000 !important;
}

.gear-menu-container-su-bianco > ul > li {
  border:1px solid #ccc  !important;
}

.gear-menu-container-su-bianco > ul > li a {
  color:#000  !important;
}



/* DA VEDERE ________________________ gestisce menu su smartphone */
@media (max-width : 767px) { 
  .navbar-nav {
    padding-top:0px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border: 0px;
  }

  .cont-menu-bs-xs {
    margin-left:0;
    margin-right:0;
    padding-left:0px;
    padding-right:0px;
    width:100%;
  }

  .col-menu-bs-xs {
    margin-left:0;
    padding-left:0px;
    padding-left:0px;
    padding-right:0px;
    width:100%;
    opacity:0.95;
  }

  .navbar-brand {
    margin-left:10px;
  }
  
}

/****************/
/*** CATALOGO ***/
/****************/
.catalogo {
  padding-bottom:30px !important;
}

.catalogo h1 {
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#000;
  font-weight:400;
  font-size:28px;
  padding-left:10px;
  text-align: center;
}


.tit-catalogo h1 {
  font-family: 'HKGrotesk-Regular', sans-serif;
  font-size:38px;
  padding-top:80px;
  padding-bottom:60px;
  text-align: center;
  width: 100%;
  letter-spacing: 8px;
  color:#666;
}


/* filtri catalogo */

.filtri-catalogo {
  font-family:  "HKGrotesk-Regular", sans-serif;
  color:#666;
}

.filtri-catalogo h1 {
  font-family:  "HKGrotesk-Bold", sans-serif;
  font-size:20px;
  padding-top:10px;
  padding-bottom:0px;
  text-align: center;
  width: 100%;
  letter-spacing: 4px;
}

.filtri-catalogo a {
  color:#666;
  font-weight:300;
  font-size:16px;
  text-align: center;
  padding:3px   1px; 
  border:0px solid #ccc;
  margin-right:3px;
  margin-top:3px;
  display:inline-block;
}

.filtri-catalogo a:hover {
  /* text-decoration: none; */
  color:#000;
}

.filtri-catalogo a:visited, .filtri-catalogo a:active {
  text-decoration: none;
}

.filtro-cat-act {
  text-decoration: underline;
  color:#000 !important;
}

.filtro-tipologia {
  font-size:17px !important;
  letter-spacing: 2px;
}


/* classi prodotti slide  */
.sediemood, .sgabellimood, .poltronemood, .sedieconcept, .sgabelliconcept {
  position: relative !important;
}

.sediemood p, .sgabellimood p, .poltronemood p, .sedieconcept p, .sgabelliconcept p {
  font-family: 'HKGrotesk-Regular', sans-serif;
  text-align:center;
  color:#000;
  font-size:24px;
}


.owl-prev {
  position:absolute;
  left: 10px;
  top: 42%;
  /* inizializza hidden la freccia prev perchè inizio elenco al caricamento della pagina */
  visibility:hidden;
}
 
.owl-prev img {
  width:40%;
}

.owl-prev img:hover {
  opacity:0.5;
}

.owl-next {
  position:absolute;
  right: -10px;
  top: 42%;
}

.owl-next img {
  width:40%;
}

.owl-next img:hover {
  opacity:0.5;
}

/***********************/
/*** SCHEDA PRODOTTO ***/
/***********************/
.testo-scheda-prodotto {
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#666;
  padding-top:10%;
  padding-left:10%;
  padding-right:0%;
  padding-bottom:0%;
  margin:0px;
  font-weight:300;
}

.cerchi-rossi-scheda {
  width:15px !important;
  float:left;
  padding-top:14px;
  margin-right:3px;
}

/* link torna ai prodotti */
.testo-scheda-prodotto h5 {
  margin-top:15%;
  font-size:20px;
  font-weight:300;
}

.testo-scheda-prodotto h5 a {
  color:#666;
  text-decoration: underline;
}

/* titolo */
.testo-scheda-prodotto h1 {
  margin-top:15%;
  margin-bottom:0;
  font-family: "HKGrotesk-Bold", sans-serif;
  font-size:65px;
}

/* modello depositato / patented */
.testo-scheda-prodotto h2 {
  margin-top:0px;
  font-size:18px;
  font-weight:300;
}

/* essenza / sedile */
.testo-scheda-prodotto h3 {
  font-size:20px;
  font-weight:300;
}

/* descrizione */
.testo-scheda-prodotto p {
  margin-top:5%;
  font-size:16px;
  font-weight:300;
}

/* contenitore misure */
.misure-scheda {
  /* margin-top:30%; */
  margin-top:0px;
  margin-bottom:0px;
}

.misure-scheda li {
  text-align:center;
}

.misure-scheda img {
  width:30px;
}

.misure-scheda p {
  text-align:center;
}

/* contenitore misure linea 2 */
.misure-scheda-l2 {
  margin-top:10px;
}

.misure-scheda-l2 li {
  text-align:center;
  margin-top:10px;
  margin-bottm:10px;
}

.misure-scheda-l2 img {
  width:30px;
}

.misure-scheda-l2 p {
  text-align:center;
}


.cont-essenza-sedile {
  text-align:left;
  padding-left:10px !important;
}

.cont-essenza-sedile p {
  text-align:left;
  margin-top:0px;
  margin-bottom:0px;
}

.cont-download-scheda {
  width:220px;
  text-align:left !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
}


.cont-download-scheda a:hover {
  opacity:0.5;
}

.cont-download-scheda p {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  display: inline-block;
}

/* sezione finiture */
.cont-legno {
  padding:5px !important;
  margin:0px !important;
}

.cont-legno p {
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#f5f5f5;
  font-size:11px;
  min-height: 30px;
  padding-right:7px;
  margin-top:5px;
}

.cont-vernice {
  padding:5px 0px 5px 5px !important;
  margin:0px 3px 0px 0px !important;
}

.cont-vernice p {
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#f5f5f5;
  font-size:11px;
  min-height: 30px;
  padding-right:7px;
  margin-top:5px;
}

.etichetta-finiture {
  clear:both;
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#f5f5f5;
  font-size:11px;
}


/***************/
/*** AZIENDA ***/
/***************/
.azienda {
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#666;
  font-weight:100;
}

.azienda p {
  font-size:18px;
}

.servizi {
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#000;
  font-weight:100;
}

.servizi h1 {
  font-size:26px;
  font-weight:300;
  padding:30px;
}

.servizi p {
  font-size:16px;
  padding:10px 30px;
}

/************/
/*** NEWS ***/
/************/
.single-news {
  font-family: "HKGrotesk-Regular", sans-serif !important;
  font-weight: 300;
}

.single-news h1 {
  font-weight: 300;
  font-size:24px;
  padding-top:0px;
  margin-top:0px;
}

.single-news h2 {
  font-weight: 300;
  font-size:14px;
  padding-top:0px;
  margin-top:0px;
  margin-bottom:20px;
}

.single-news p {
  font-weight: 300;
  font-size:14px;
}

.single-news a:hover {
  background:#f2f2f2;
}


/* filtri anni news */
.news-filter {
  font-family: "HKGrotesk-Regular", sans-serif !important;
  font-weight: 300; 
}

.news-filter h1 {
  font-size:24px;
  font-weight: 300;
  padding-top:0px;
  margin-top:0px;  
  margin-bottom:20px;
}

.news-filter a:hover {
  background:#f2f2f2;
}

.btn-white {
  font-family: "HKGrotesk-Regular", sans-serif !important;
  color: #000;
  font-weight: 300;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0px;
}

.btn-cons {
  margin-right: 5px;
  min-width: 120px;
  margin-bottom: 8px;
}


/****************/
/*** DOWNLOAD ***/
/****************/
.button-download {
  font-family: "HKGrotesk-Regular", sans-serif !important;
  font-weight: 300;
  font-size:16px;
  border:1px solid #ccc;
  padding:10px 15px;
  margin:5px;
}

.button-download em {
  font-size:12px;
}

/****************/
/*** CONTATTI ***/
/****************/
.contatti-page p {
  font-family: "HKGrotesk-Regular", sans-serif;
  font-size:16px;
  font-weight: 300;
}

.form-contatti {
  font-family: "HKGrotesk-Regular", sans-serif;
  font-size:14px;
  font-weight: 300;
}


.form-control-l {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border-top:0px !important;
  border-left:0px !important;
  border-right:0px !important;
  border-bottom:1px solid #ccc !important;
  border-radius:0px;

}

textarea.form-control-l {
    height: auto;
}


/*****************/
/*** REFERENZE ***/
/*****************/
.quadro-referenza img:hover {
  opacity:0.5;
}

.close-referenza a:hover {
  font-weight: 300;
  text-decoration: none !important;
}


/**************/
/*** FOOTER ***/
/**************/
.footer {
  background-color:#2A3A4F;
  /* margin-top:60px !important; */
  padding-top:20px; padding-bottom:20px;
}

.footer p {
  font-family: "HKGrotesk-Regular", sans-serif;
  color:#fff;
  font-size:12px;
  font-weight: 300;
}