/* MENU MOBILE */

.circle-text {width:55px;min-width: 30px;min-height: 30px;float: right;margin-top: 2px;margin-right: 15px;cursor: pointer;}
.circle-text:after {content: "";display: block;width: 100%;height:0;padding-bottom: 100%;background: #000000;-moz-border-radius: 10%;-webkit-border-radius: 10%;border-radius: 10%;}
.circle-text div {float:left;width:100%;padding-top:50%;line-height:1em;margin-top:-1.4em;text-align:center;color:white;}
.circle-text div hr{border: 0;height: 2px;background: white;width: 60%;margin:7px auto;}
.circle-text div a{display: block;width: 100%;height: 100%;cursor: pointer;}
#menu-display{ margin-top: 5px; z-index: 99999; cursor:pointer; font-weight: 400; font-size: 1.2rem; float: right; position: relative }
#menu-display span { position: absolute; display: block; color: white; bottom: 0; width: 100%; text-align: center; font-size: 14px; padding: 0; border: 0; }
#menu img { max-width: 24%; float: right; filter: brightness(3); -webkit-filter: brightness(3);  }

#richiedi{
    z-index: 99999; font-size: 1.1rem;  position: relative; float: right; display: none; margin-top: 5px;
}

#richiedi a{
    text-decoration: none; line-height: 13px;
}

.circle-text2 {width:55px;min-width: 30px;min-height: 30px;float: right;margin-top: 2px;margin-right: 15px;cursor: pointer;}

.circle-text2:after {
	content: "";
	display: block;
	width: 100%;
	height:0;
	padding-bottom: 100%;
	background: #014e24;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	border-radius: 10%;
    color: #000000;
}

.circle-text2 div {
	float:left;
	width:100%;
	padding-top:50%;
	line-height:1em;
	margin-top:-1em;
	text-align:center;
	color:white;
}

.circle-text2 div hr
{
	border: 0;
	height: 3px;
	background: white;
	width: 70%;
}

.circle-text2 div a
{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	color: #000000;
}

.circle-text2 img
{
	display: block;
	width: 15px;
	height: 25px;
	cursor: pointer;
	margin: 0px 0px -3% 38%;
}

@media only screen and (max-width: 1600px) {
    .owl-nav { right: calc(10% + 100px); }
    .slideshow_txt { margin-top: 20%; }
}

@media only screen and (max-width: 1400px) {
    #slideshow { height: auto; }
    .slideshow_txt { font-size: 16px; line-height: 33px; }
}

@media only screen and (max-width: 1300px) {
    .slideshow_txt { font-size: 15px; line-height: 30px; }
}

@media only screen and (max-width: 1200px) {
    .logo { max-width: 300px; margin: -30px 0 0 -30px; }
    .nav li { padding: 25px 6px 25px 7px; }
    .slideshow_txt { font-size: 15px; line-height: 29px; margin-top: 23%; }
    .slideshow_txt h1 { margin-bottom: 4px; }
    .slideshow_txt a.continua { margin-top: 20px; }
    .padding1 { padding: 0 50px 0 40px; }
    .fascia_due p { padding: 0 60px; }
    .padding5, .padding7 { padding-right: 50px; }
    .padding7 { padding-left: 30px; }
    .fascia_prodotti p { padding-right: 0; }
    .fascia_prodotti .col-xl-12, .fascia_prodotti .col-xl-6 { min-height: 408px; }
    .fascia_prodotti .col-xl-12.v2, .fascia_prodotti .v2 .col-xl-6  { min-height: 300px; }
    .img_categoria { max-width: 100%; position: relative; }
    #slideshowBrand .sottotitolo { padding: 0 15px; }
    .padding9 { padding: 30px 100px 0 100px; }
    #formContatti input[type="submit"] { margin-top: 0px; }
    #formContatti, .risultato_contatti { padding-left: 40px; }
}

@media only screen and (max-width: 1100px) {
     .slideshow_txt { font-size: 14px; margin-top: 21%; }
     .fascia_sei { min-height: 680px; }
}

@media only screen and (max-width: 1000px) {
   .logo { max-width: 245px; }
   .slideshow_txt { line-height: 22px; margin-top: 24%; padding: 0; }
   .slideshow_txt h1 { font-size: 42px; }
   .continua.oro { padding: 8px 50px; }
   .padding1 { padding: 0 0 0 30px; }
   .fascia_due p { padding: 0 30px; }
   .fascia_quattro { height: auto; }
   .fascia_cinque { padding-top: 30px; }
   .fascia_prodotti_elenco .sottotitolo { padding: 0 10px; }
   .ricette_elenco img, .elenco_ricette img { padding: 20px; border: 0; }

   body.home .slideshow_txt a.continua.verde {
    margin-top: 20px;
   }
}

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

}


@media only screen and (max-width: 900px) {
     ul.nav { display: none !important; }
    .menu_top { height: 70px;  background-color: transparent;}
    .logo { max-width: 300px; }
    .slideshow_txt { line-height: 20px; margin-top: 20%; padding: 0 0 0 10px; font-size: 13px; }
    .titolo.small { font-size: 35px; line-height: 40px; }
    .fascia_due p { padding: 0 20px; }
    .clearb90 { height: 50px; }
    .clearb60 { height: 40px; }
    .fascia_prodotti .col-xl-12, .fascia_prodotti .col-xl-6 { min-height: 404px; }
    .fascia_prodotti .col-xl-12.v2, .fascia_prodotti .v2 .col-xl-6 { min-height: 210px; margin-bottom: 20px; }
    .padding7 { padding-right: 20px; }
    .padding7 { padding-left: 20px; }
    .padding6 { padding-left: 40px; }
    .resp-tab-item { width: 48%; }
}

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

    ::-moz-selection {
    background: #ffffff;
    text-shadow: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    }

    ::selection {
        background: #ffffff;
        text-shadow: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        -webkit-tap-highlight-color: transparent;
    }

    *{
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
        -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
        outline: none !important;
    }

    .padding5 { padding: 0; }
    .fascia_sei { min-height: 0; }
    img.absleft { position: relative; max-width: 100%; margin: 30px 0; }
    .fascia_azienda2 img.absleft { height: auto !important; max-width: none; position: absolute; }
}

@media only screen and (max-width: 768px) {
      .slideshow_txt p { display: none; }
      .slideshow_txt { margin-top: 41%; padding: 0 0 0 40px; }
      .slideshow_txt h1 { line-height: 51px; }
      .owl-nav { right: calc(10% + 46px);  }
      img.absright { position: relative; max-width: 100%; margin-bottom: 30px; }
      .titolo br, .sottotitolo br { display: none; }
      .sottotitolo.small { font-size: 26px; line-height: 34px; }
      .padding1 { padding: 0; }
      .clearb60 { height: 30px; }
      .news_container { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column !important; flex-direction: column !important; }
      .news_container > div:nth-child(even) { order: -1; -webkit-order: -1; margin-bottom: 30px; }
      .news_container > div:nth-child(odd) { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column !important; flex-direction: column !important; }
      .news_container > div:nth-child(odd) img { order: 5; -webkit-order: 5; margin-top: 30px; }
      .padding3, .padding4 { padding: 0; }
      .fascia_azienda2 img.absleft { position: relative; max-width: 100%; margin: 30px 0; }
      .padding8 { padding-top: 20px; }
      .fascia_prodotti .col-xl-12, .fascia_prodotti .col-xl-6 { min-height: 0; }
      .fascia_prodotti .col-xl-12 { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column !important; flex-direction: column !important; }
      .fascia_prodotti .col-xl-12 .imgCat { order: -1; -webkit-order: -1; }
      .fascia_prodotti .clearb60 { height: 0; }
      .fascia_prodotti .col-xl-12.v2, .fascia_prodotti .v2 .col-xl-6 { min-height: 0; margin-bottom: 15px; }
      .fascia_prodotti .v2 .col-xl-6.padding7 { margin-bottom: 50px; }
      .padding6 { padding: 15px 25px 30px 25px; }
      .img_categoria  { margin-bottom: 15px !important; }
      .slideshow_txt { margin-top: 38%; }
      .padding2 { padding: 200px 50px 0 50px; }
      .resp-accordion { color: white; }
      .resp-arrow { border-top: 12px solid white; }
      h2.resp-accordion:first-child { background-color: #bbb574 !important; color: white !important; }
      h2.resp-tab-active span.resp-arrow { border-bottom: 12px solid white  }
      .prodottoTxt .clearb60 { height: 0; }
      .padding9 { padding: 30px 20px 0 20px; }
      .container_contatti { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column !important; flex-direction: column !important; }
      .container_contatti .col-sm-12:first-child { order: 5; -webkit-order: 5; margin-top: 40px; margin-bottom: 20px; }
      #formContatti, .risultato_contatti { padding: 0; }
}

@media only screen and (max-width: 650px) {
    .slideshow_txt { margin-top: 30%; }
    #slideshowGamma { margin-bottom: 30px; }
}

@media only screen and (max-width: 600px) {
   .logo { max-width: 240px; margin: -36px 0 0 -10px; }
   .owl-nav { right: calc(10% + 0px); }
}

@media only screen and (max-width: 570px) {
    .circle-text { margin-right: 0 !important; }
    .logo { max-width: 240px; margin: 0 0 0 -85px; }
    .slideshow_txt { margin-top: 49%; padding: 0 0 0 117px; }
    .slideshow_txt h1 { font-size: 35px; line-height: 40px; }
    /*
   	 #slideshow .continua { display: none; }
    */
    .sottotitolo { font-size: 30px; }
    .padding2 { padding: 100px 0 0 0; }
    .fascia_tre { height: 500px; }
    .fascia_quattro { background: none; }
    .padding6 { padding: 10px 0 30px 10px; }
    .padding7 { padding: 10px 0 0 10px; }
    #formContatti input[type="submit"] { margin-top: 30px; }
}

@media only screen and (max-width: 500px) {
    .logo { max-width: 220px; margin: 0 0 0 -50px; }
    .slideshow_txt { margin-top:  48%; padding: 0 0 0 140px; }
    .slideshow_txt h1 { font-size: 33px; line-height: 37px; }
    .clearb60 { height: 20px; }
    .clearb45 { height: 20px; }
    .padding9 { padding: 30px 0 30px 0; }
}

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

    .logo { max-width: 200px; margin: -17px 0 0 -20px; }
    .menu_top { height: 65px; margin-top: 40px; }
    .socials { top: -35px; }
    .socials li { width: 30px; height: 30px; }
    .flags { top: -35px; }
    .flags li { width: 20px; height: 30px; }
    .owl-nav { right: 10px; }
    .slideshow_txt { margin-top: 44%; padding: 0 0 0 150px; }
    .slideshow_txt h1 { font-size: 30px; line-height: 35px; }
    #richiedi, #menu-display { width: 50px !important; height: 50px !important; }
    #richiedi img { margin-bottom: 4px !important; }
    .circle-text2 div { padding-top: 19px !important; }
    .circle-text div { padding-top: 2px !important; }
    .circle-text div hr { height: 2px !important; }
    .owl-nav { bottom: 25px; }
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 35px; height: 35px; }
    .titolo { font-size: 40px; line-height: 45px; }
    .titolo.small { font-size: 34px; line-height: 40px; }
    .sottotitolo.small { font-size: 22px; line-height: 29px; }
    .fascia_due p { padding: 0 60px; }
    .fascia_due .col-sm-12 { margin-bottom: 30px; }
    .fascia_quattro .titolo { height: auto !important; }
    .fatturato { margin: 0 auto; margin-top: 20px; display: block; }
    .fascia_azienda .clearb30 { height: 10px; }
    .padding8 { padding-top: 0; }
    .clearb30 { height: 15px; }
    .fascia_prodotti_elenco .sottotitolo, .fascia_prodotti_elenco p { height: auto !important; }
    .fascia_prodotti_elenco p { margin-bottom: 20px; }
    .prodottoTxt { margin-top: 20px; }
    #slideshowGamma .sottotitolo, #slideshowNews .sottotitolo { padding: 0 10px; }
    #slideshowBrand .sottotitolo { height: auto; min-height: 0; }
    #slideshowRicette { margin-bottom: 30px; }
    .fascia_quattro .clearb20 { height: 0; }
    .fascia_quattro .box_prodotto { margin-bottom: 20px; }
    .padding9 { padding: 10px 0 10px 0; }
    .ricette_elenco img, .elenco_ricette img { padding: 0; border: 10px solid white; }
    .ricette_elenco .box_prodotto { margin-bottom: 30px; }
    #slideshowRicette img, #slideshowNews img { max-width: 200px; margin: 0 auto; }
    #slideshowGamma .owl-nav, #slideshowRicette .owl-nav, #slideshowNews .owl-nav { bottom: -40px; }
    .prodottoTxt .clearb15 { height: 0; }
    .img_ricetta { margin-bottom: 0px !important; }
    .ricette_elenco span.sottotitolo { padding: 0 20px 20px 20px; }
}

@media only screen and (max-width: 350px) {
    .container { padding: 0 20px; }
  .logo { max-width: 170px; margin: -14px 0 0 -20px; }
  .circle-text, .circle-text2 { margin-right: 5px !important; }
  .slideshow_txt { margin-top: 38%; padding: 0 0 0 140px; }
  .owl-nav { bottom: 15px; }
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 30px; height: 30px; }
  .padding1 { padding: 0; }
  .fascia_due p { padding: 0 40px; }
}

/* TESTATE */