/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}


.bg_fixed { background-attachment: fixed; }
.bg_scroll { background-attachment: scroll; }

a { color:#000; }

/* FOOTER */
.footer {
  padding: 20px 0;
  margin:0px;
	background-color:#222221;
  width:100%;
}

.footer-block {
  padding-bottom:20px;
}

.footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.footer nav li {
  display: block;
  padding:5px 0px;
  color:#ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size:11px;
  font-weight:400;
  letter-spacing:3px;
}
.footer nav a {
  display: block;
  margin: 0px;
  color: #fff;
  letter-spacing:3px;
}

.footer-hospitality {
  padding-left:15px !important;
  padding-bottom:0px !important;
  color:#ccc !important;
}

.footer-hospitality a {
  color:#ccc !important;
}

.phone-number {
 letter-spacing:0px !important;
}

/* elementi in basso del footer - privacy/disclaimer */
.item-footer {
  cursor:pointer;
}

/* scheda privacy/disclaimer on overlay */
#schedaFooter{
    display:none;
    width: 50%;
    height: auto;
    padding:0px 0px;
    margin:0px;
    background:#fff;
    position:relative;
    transform: scale(0.8);
}

.popup_visible #schedaFooter {
  transform: scale(1);
}


/* titolo scheda */
#schedaFooter h1 {
  clear:both;
  width:100%;
  background:#ccc;
  opacity:0.8;
  text-align:center;
  font-family: 'Gilda display', sans-serif;
  font-size:18px;
  font-weight:400;
  margin:0px 0px 20px 0px;
  color:#000;
  padding:20px 0px 20px 25px;
  text-transform: uppercase;
}

/* sotto-titolo scheda */
#schedaFooter h3 {
  text-align:left;
  font-family: 'Gilda display', sans-serif;
  font-size:18px;
  font-weight:700;
  margin:0px;
  color:#000;
  padding:20px 30px 20px 30px;
}

/* testo scheda */
#schedaFooter p {
  text-align:left;
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
  font-weight:400;
  color:#555;
  padding:5px 30px 0px 30px;
}

/* tasto chiusura scheda */
#schedaFooter h2 {
  width:100%;
  padding:0px 0px 0px 0px;
}

/* elenco scheda */
#schedaFooter li {
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
  font-weight:400;
  color:#555;
  margin-left:10px;
  padding-bottom:5px;
  padding-right:30px;
}


/* loghi */
.logo {
  padding-top:40px;
}

.logo nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.logo nav li {
  float:left;
  padding:0px 10px 0px 0px;
  color:#ffffff;
  font-size:22px;
}

.credits {
  color:#999;
  font-family: 'Montserrat', sans-serif;
  font-size:10px;
  font-weight:400;
}

.credits-splash {
  color:#ececec;
  font-family: 'Montserrat', sans-serif;
  font-size:10px;
  font-weight:400;
  padding:0px 0px 15px 0px;

}

/* smartphone */
/* diminuisce altezza delle righe footer se smartphone */
@media screen and (max-width: 767px) {
  .footer nav li {
    padding:0px 0px;
  }

  .logo {
    padding-top:0px;
  }

  .logo nav li {
    padding:0px 7px 0px 0px;
  }

  /* scheda continenti da distribuzione on overlay */
  #schedaMappa {
      width: 90% !important;
  }

  #schedaFooter{
    width: 90% !important;
  }

 /* loghi bottom page */
  .cont-logo-bottom {
      height: 60px;      /* equals max image height */
      border: 0px solid red;
      white-space: nowrap;
      text-align: center; margin: 0;
  }

  .cont-logo-bottom img {
      vertical-align: middle;
      max-height: 60px;
      width:80%;
  }

  .logo-bottom-grappa {
    width:65% !important;
  }

  #freccia-giu {
    display:none;
  }


  /* diminuisce i font dei titoli */
  .tit_section {
      font-size:1em;
  }
  .tit_section_news {
      font-size:2em;
  }
  .tit_section_video {
      font-size:2em;
  }
  .tit_section_contatti {
      font-size:2em;
  }

  /* nasconde img overlay newsletter */
  #img-newsletter {
    display:none;
  }


}

/* tablet */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  /* loghi bottom page */
  .cont-logo-bottom {
      height: 70px;      /* equals max image height */
      border: 0px solid red;
      white-space: nowrap;
      text-align: center; margin: 0;
  }

  .cont-logo-bottom img {
      vertical-align: middle;
      max-height: 70px;
      width:50% !important;
  }

}


/* tablet Portrait - centra logo delle hp sezioni */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

  #logo_fantinel {
    margin-top:10% !important;
  }
}