/*

font-family: 'Montserrat', sans-serif;

font-weight: 200;

font-family: 'Montserrat', sans-serif;

font-weight: 200;

*/



@font-face {

  font-family: 'droid_serifbold';

  src: url('fonts/DroidSerif-Bold-webfont.eot');

  src: url('fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),

       url('fonts/DroidSerif-Bold-webfont.woff2') format('woff2'),

       url('fonts/DroidSerif-Bold-webfont.woff') format('woff'),

       url('fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),

       url('fonts/DroidSerif-Bold-webfont.svg#droid_serifbold') format('svg');

  font-weight: normal;

  font-style: normal;

}









.logo {

  float: left;

}



.header {

  padding: 0;

}



/* menu */



.nav {

  float: left;

  width: 100%;

}



.nav ul {

  margin: 0 auto;

  padding: 40px 30px;

  width: 100%;

  max-width: 1080px;

  border-bottom: 1px solid #e9d3ab;

}



.nav ul li {

  display: inline-block;

  padding: 0 30px;

  font-size: 26px;

  font-family: 'Norican', cursive;

  font-weight: 200;

  line-height: 22px;

}



.nav ul li a {

  color: #000;

  font-family: 'Norican', cursive;

  font-weight: normal;

  font-size: 26px;


}



.nav ul li a:hover {

  color: #e0961a;

}



.nav .menu {

  width: 100%;

  display: block;

  float: right;

  text-align: center;

}



/* fine menu */



.img-container.full-width img {

  width: 100%;

}



.mainCtaHome h2 {

  color: #212529;

  font-size: 60px;

  line-height: 60px;

  text-align: center;

  margin: 0;

  padding: 20px 20px 60px 20px;

  font-weight: normal;

  font-family: 'Montserrat', sans-serif;

font-weight: 200;

}



.mainWhy h2 {

  color: #212529;

  font-size: 60px;

  line-height: 60px;

  text-align: center;

  margin: 0;

  padding: 60px 20px 60px 20px;

  font-weight: normal;

  font-family: 'Montserrat', sans-serif;

font-weight: 200;

  text-transform: uppercase;

}



.mainWhy .descriptionWhy {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

}



.mainWhy .descriptionWhy p {

  color: #212529;

  font-size: 20px;

  line-height: 34px;

  font-family: 'Montserrat', sans-serif;

font-weight: 200;

  font-weight: normal;

}



.mainWhy .descWhy {

  width: 50%;

  padding: 50px;

}



.mainWhy .imgWhy {

  width: 50%;

  padding: 20px;

  text-align: center;

}







.formContatti {

  background-color: #b7ffe3;

  padding: 60px;

}



.formContatti h4 {

  text-align: center;

  font-size: 40px;

  line-height: 40px;

  padding: 0 20px 20px 20px;

  margin: 0;

  color: #212529;

  font-family: 'Montserrat', sans-serif;

  font-weight: 200;

  font-weight: normal;

}



.formContatti .wpcf7 {

  width: 100%;

  max-width: 700px;

  margin: 0 auto;

}



.formContatti p {

  padding: 0;

  margin: 0;

  margin-bottom: 15px;

}



.formContatti input {

  font-size: 16px;

  padding: 5px;

  width: 100%;

  margin: 0;

  border: 1px solid #000;

}



.formContatti textarea {

  font-size: 16px;

  padding: 5px;

  width: 100%;

  margin: 0;

  border: 1px solid #000;

}



.rightPadding {

    width: calc(50% - 10px);

    float: left;

    margin-right: 10px;

}



.leftPadding {

    width: calc(50% - 10px);

    float: left;

    margin-left: 10px;

}



.separatorInput {

  clear: both;

}



.thanksImg {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  width: 100%;

  max-width: 860px;

  margin: 0 auto;

  margin-top: 20px;

}



.thanksImg .imgSingle {

  width: 33.33333%;

  text-align: center;

}



.thanksImg .imgSingle img {

  max-width: 150px;

  vertical-align: bottom;

  border-radius: 150px;

  border: 5px solid #b7ffe3;

}



/* mappa */



.gm-style-iw {

  background-color: #ff0000;

}



.contentSinglewindow h3 {

  font-size: 24px;

  line-height: 24px;

  color: #212529;

  padding: 0;

  margin: 0;

  padding-bottom: 5px;

}



.contentSinglewindow p {

  color: #212529;

  font-weight: bold;

  margin: 0;

  padding: 0;

  padding-bottom: 10px;

  padding: 10px 20px;

  border: 1px solid #000;

  display: inline-block;

  margin: 10px 5px;

  background-color: #fdf3b3;

}



.contentSinglewindow .elemento {

  width: 50%;

  float: left;

  padding: 5px;

  text-align: center;

}



.contentSinglewindow .elemento .nomeValore {

  font-weight: bold;

}



/* end mappa */



/* dettaglio fontana */



.imgDettaglioFontana {

  display: flex;

  flex-wrap: wrap;

}



.imgContainer {

  width: 100%;

  position: relative;

}



.imgContainer img {

  width: 100%;

}



.titoloFontana {

  position: absolute;

  top: 50px;

  left: 50px;

}



.titoloFontana h1 {

  color: #fff;

  font-size: 80px;

  line-height: 80px;

  font-family: 'droid_serifbold';

  font-weight: 200;

  max-width: 550px;

  font-weight: bold;

}



.datiContainer {

  width: 50%;

  padding: 30px;

}



.datiContainer h1 {

  color: #212529;

  font-size: 60px;

  line-height: 60px;

  font-weight: normal;

  font-family: 'droid_serifbold';

font-weight: 200;

}



.descDetail {

  color: #212529;

  font-size: 20px;

  line-height: 34px;

  font-family: 'Montserrat', sans-serif;

font-weight: 200;

  font-weight: normal;

  width: 100%;

  max-width: 800px;

  margin: 0 auto;

  padding: 60px 20px;



}



.tabellaAnalisi {

  padding: 20px;

}



.tabellaAnalisi h2 {

  color: #212529;

  font-size: 20px;

  line-height: 20px;

  font-weight: normal;

  font-family: 'Montserrat', sans-serif;

font-weight: 200;

  padding: 10px;

}



.containerElementi {

  display: flex;

  flex-wrap: wrap;

}



.containerElementi .elemento {

  width: 25%;

  text-align: center;

  font-weight: bold;

  padding: 10px;

  font-size: 16px;

  line-height: 20px;

}



.nomeValore {

  background-color: #74c7e5;

  padding: 5px;

  color: #fff;

}



.valore {

  border: 1px solid #74c7e5;

  padding: 5px;

}



.descWhy.chiDetail {

  text-align: center;

  width: 70%;

}



.openCloseMobile {

  display: none;

}



.dataInfo {

  padding: 0 10px;

}



.dataInfo2 {

  padding: 0 30px;

}



.sticky {

  position: fixed;

  width: 100%;

  background-color: #fff;

  z-index: 999;

  top: 0;

}





/* fine dettaglio fontana */



@media screen and (max-width: 767px) {
	
	.noOgm {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

  .mainWhy .descWhy {

    width: 100%;

    padding: 25px;

    order: 1;

  }



  .mainWhy .imgWhy {

    width: 100%;

    order: 2;

  }



  /*menu mobile */



  .nav {

    float: left;

    width: 100%;

  }



  .nav ul li {

    width: 100%;

    margin: 0;

    padding: 0;

    display: block;

    text-align: center;

    padding-bottom: 16px;

  }



  .thanksImg .imgSingle {

    width: 100%;

    text-align: center;

    margin-bottom: 20px;

  }



  .imgContainer {

    width: 100%;

  }



  .datiContainer {

    width: 100%;

    padding: 30px;

  }



  .datiContainer h1 {

    color: #212529;

    font-size: 40px;

    line-height: 40px;

    font-weight: normal;

    font-family: 'Montserrat', sans-serif;

font-weight: 200;

  }



  .containerElementi .elemento {

    width: 50%;

  }



  .containerElementi .elemento {

    font-size: 13px;

  }



  .nomeValore {

    background-color: #212529;

    padding: 10px 5px;

    font-size: 12px;

    color: #fff;

    min-height: inherit;

  }



  .contentSinglewindow .elemento {

    width: 100%;

    float: left;

    padding: 5px;

    text-align: center;

  }



  .titoloFontana h1 {

    color: #fff;

    font-size: 30px;

    line-height: 40px;

    font-family: 'Montserrat', sans-serif;

font-weight: 200;

    max-width: 300px;

    font-weight: bold;

  }



  .contentSinglewindow h3 {

    font-size: 20px;

    line-height: 20px;

    padding: 0 5px 5px 5px;

  }



  .contentSinglewindow p {

    padding: 10px 10px;

    margin: 10px 5px;

    background-color: #fdf3b3;

    width: calc(100% - 10px);

  }



  /* header */



  .header {

    padding: 0;

    width: 100%;

  }



  header.header {

    position: fixed;

    height: 80px;

    background-color: #fff;

    top: 0;

    left: 0;

    z-index: 999;

  }



  .logo {

    float: left;

    height: 80px;

    padding: 10px 20px;

  }



  .logo img {

    width: auto;

    height: 60px;

  }



  .nav .menu {

    width: 100%;

    display: block;

    float: right;

    text-align: center;

    padding: 0;

    background-color: #fff;

    /* border-top: 1px solid #b7ffe3;

    padding-bottom: 8px;

    border-bottom: 1px solid #b7ffe3; */

}



.openCloseMobile {

  float: right;

  margin-top: 33px;

  margin-right: 15px;

  display: block;

}



.openCloseMobile .bar {

  width: 30px;

  height: 2px;

  background-color: #333;

  -moz-transition: all 0.2s;

  -o-transition: all 0.2s;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;line-height: 80px;

  margin-bottom: 5px;

}



.nav {

display: none;

}



.containerAll {

  margin-top: 80px;

}



.formContatti {

  background-color: #b7ffe3;

  padding: 60px 30px;

}



.rightPadding {

  width: 100%;

  float: none;

  margin-right: 0;

}



.leftPadding {

  width: 100%;

  float: none;

  margin-left: 0;

}





}

















/* diversi */



/* general */



body {

  color: #000;

}



a {

  color: #000;

  text-decoration: none;

}

a:hover {

  color: #000;

}



h1 {

  margin: 0;

  padding-bottom: 25px;

  font-size: 42px;

  line-height: 48px;

  font-family: 'droid_serifbold', sans-serif;

}



p {

  margin: 0;

  font-size: 23px;

  line-height: 36px;

  font-family: 'Lato', sans-serif;

}



.containerSmall {

  width: 100%;

  margin: 0 auto;

  max-width: 1120px;

  padding: 0 20px;

}



.containerSmallfit {

  width: 100%;

  margin: 0 auto;

  max-width: 1120px;

  padding: 0;

}



.flexContainer {

  display: flex;

  flex-wrap: wrap;

}



.col50 {

  width: 50%;

  margin: 0;

  padding: 0;

}



.containerSmall.imgHome {

  display: flex;

  flex-wrap: wrap;

}



.containerSmall .col25 {

  width: 25%;

  text-align: center;

  padding: 0 15px;

}



.containerSmall .col25 p {

  padding: 15px;

}



/* header logo */





.fulllogo {

  background-image: url("img/header_bk.gif");

  background-repeat: repeat-x;

  background-position: top left;

  text-align: center;

  min-height: 210px;

}



.fulllogo img {

  margin-top: 20px;

}



/* block home 2 col */



.backgroundHome {

  background-image: url("img/frumento_home.jpg");

  background-repeat: no-repeat;

  background-position: bottom left;

  padding: 150px 0;

}







/* pagina prodotto */



section.containerSmall.flexContainer.detailProduct {

  padding-top: 40px;

}



.detailProduct .col50 {

  padding: 30px;

}



.containerImgDetailProdotto {

  text-align: right;

  padding-top: 100px;

}



.downloadPDF {

  padding: 10px 20px;

  background-color: #E8D1AB;

  font-size: 16px;

}



.containerDetailproduct {

  background: url(img/header_bk.gif);

  background-repeat: no-repeat;

  background-size: 100% 45%;

  margin-top: 100px;

}



.containerDescriptionDetailProduct {

  min-height: 500px;

  padding-right: 50px;

}



.containerDescriptionDetailProduct h2 {

  padding: 50px 0 60px 0;

  font-size: 40px;

  line-height: 40px;

  margin: 0;

  font-family: 'droid_serifbold', sans-serif;

}



.marginTop50 {

  padding-top: 50px;

}



.noOgm {

  padding-right: 50px;

  padding-bottom: 350px;

}



.noOgm p {

  padding-bottom: 50px;

}



/* panificio */



.containerSmallfit {

  margin-bottom: 50px;

}



.containerSmallfit .col50 {

  width: 50%;

  padding: 20px;

}



.containerSmallfit .col50vertical {

  width: 50%;

  padding: 20px;

}



.containerSmallfit .col50vertical img {

  padding-bottom: 25px;

}



.containerSmallfit .col50vertical h2 {

  margin: 0;

  padding-bottom: 25px;

  font-size: 36px;

  line-height: 46px;

  font-family: 'Lato', sans-serif;

  max-width: 50%;

  font-family: 'droid_serifbold', sans-serif;

}



.imgHomePanificio {

  padding-bottom: 50px;

  padding-top: 70px;

}



.alignCenter {

  text-align: center;

}



/* caratteristiche */



.ogmFreeText {

  max-width: 60%;

  margin: 0 auto;

  padding-top: 25px;

}



/* footer */



footer {

  width: 100%;

  margin: 0;

  padding: 20px 0;

  background-color: #f4e8d5;

}



footer p {

  padding: 20px 0;

  text-align: center;

  font-size: 14px;

  line-height: 25px;

}



.socialShare {
  display: block;
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  padding: 10px;
  position: absolute;
  right: 30px;
  top: 20px;
}

.socialShare p {
  font-size: 16px;
  line-height: 12px;
  padding-bottom: 10px;
  text-align: center;
}

.socialShare a {
  padding: 0 5px;
}

/* mobile */



@media screen and (max-width:767px) {



  .col50 {

    width: 100%;

  }



  .fulllogo img {

    max-width: 200px;
    margin-top: 10px;

  }



  header.header {

    height: 120px;

  }



  .fulllogo {

    min-height: 120px;

  }



  .openCloseMobile {

    position: absolute;

    right: 10px;

    top: 16px;

  }



  .containerAll {

    margin-top: 120px;

  }



  .containerSmall .col25 {

    width: 50%;

  }



  .backgroundHome {

    padding: 100px 0 500px 0;

  }



  .detailProduct .col50 {

    padding: 30px 0;

  }



  .containerSmallfit .col50 {

    width: 100%;

    padding: 20px;

  }



  .containerSmallfit .col50vertical {

    width: 100%;

    padding: 20px;

  }

  .containerDetailproduct {
    background-size: 100% 470px;
  }

  .containerSmall.flexContainer.detailProductBottom {
    padding-bottom: 60px;
  }

  .socialShare {
    left: 0;
    right: inherit;
    top:34px;
  }

  .socialShare p {
    display: none;
  }

  .socialShare a img {
    width: 25px;
    display: inline-block;
  } 

  .noMobile {
    display: none;
  }

}