html,
body {overflow-x: hidden;position: relative;}
.btn { font-family: "Heebo", sans-serif;  font-weight:600; color: #ffffff;border:0px; }
.btn:hover { border:0px; }
.btn-nero { color: #ffffff; background: url(/img/btn-nero.png) no-repeat top center; }
.btn-nero:hover { color: #ffffff; border: 0px; background: url(/img/btn-giallo.png) no-repeat top center; }
.btn-giallo { color: #ffffff; background: url(/img/btn-giallo.png) no-repeat top center; }
.btn-giallo:hover { color: #ffffff; border: 0px; background: url(/img/btn-nero.png) no-repeat top center; }
.btn-rosso { color: #ffffff; background: url(/img/btn-rosso.png) no-repeat top center; }
.btn-rosso:hover { color: #ffffff; border: 0px; background: url(/img/btn-giallo.png) no-repeat top center; }

.onda2 {  background:url(/img/onda2.png) top center no-repeat; }
.onda3 {  background:url(/img/onda3.png) top center no-repeat; }
.onda-gialla {  background:url(/img/onda-gialla.png) top center no-repeat; }
.onda-nera {  background:url(/img/onda-nera.png) top center no-repeat; }
.qualita {background: linear-gradient(to right, #232944 27%,#deb675 27%);}
.laboratorio {background: linear-gradient(to right, #deb675 42%,#232944 42%);}
.confezioni {background:url(/img/bg-confezioni.jpg) top center no-repeat;}
.news {background-color:#deb675;}
.box-ricerca {
    border: 2px solid #d0965d;
    border-radius: 44px;
    color: #333333;
    padding-left: 20px;
    padding-right: 20px;
    height: 44px;
    width: 100%;}

.nav-tabs> li > a { border:0px; }

#salame{
  transform: rotate(0deg);

  animation: muove 5s linear infinite;
  animation-delay: 0s;
}
@keyframes muove{
         0% {
           transform: rotate(0deg);
         }
         50% {
            transform: rotate(15deg);
         }
         100% {
            transform: rotate(0deg);
         }
      }

#etichetta{
  transform: rotate(0deg);
  transform-origin: top center;
  margin-top: -75px;

  animation: muove 5s linear infinite;
  animation-delay: 0s;
}
@keyframes muove{
         0% {
           transform: rotate(0deg);
         }
         50% {
            transform: rotate(15deg);
         }
         100% {
            transform: rotate(0deg);
         }
      }

#maiale{
  transform: rotate(0deg);

  animation: ruota 8s linear infinite;
  animation-delay: 0s;
}
@keyframes ruota{
         0% {
           transform: rotate(0deg);
         }
         50% {
            transform: rotate(180deg);
         }
         100% {
            transform: rotate(360deg);
         }
      }      

      #up{
  transform: bottom:0px;

  animation: move 5s linear infinite;
  animation-delay: 0s;
}
@keyframes move{
         0% {
           transform: bottom:0px;
         }
         50% {
            transform: bottom:20px;
         }
         100% {
            transform: bottom:0px;
         }
      }  

@media (max-width:767px) {

#salame{
  width:350px;
}

.btn { font-size:14px; padding-top:15px; padding-bottom:15px; padding-left:50px; padding-right:50px; }

.btn-nero { background-size: 150px; }
.btn-nero:hover { background-size: 150px; }
.btn-giallo { background-size: 150px; }
.btn-giallo:hover { background-size: 150px; }
.btn-rosso { background-size: 150px; }
.btn-rosso:hover { background-size: 150px; }

.onda2 {  height:150px; margin-top:-50px; }
.onda3 {  height:150px; margin-top:-50px; }
.onda-gialla {  height:150px; margin-top:-50px; }
.onda-nera {  height:150px; margin-top:-50px; }
.paddingazienda {padding:15px;}
.paddingconfezioni {padding-top:200px;}
.qualita {height:auto;background: linear-gradient(to bottom, #d0965d 4%,#d0965d 4%);}
.laboratorio {background: linear-gradient(to right, #d0965d 70%,#232944 70%);}
.confezioni {height:840px;}
.news {height:275px;padding:20px;}
.marginenews {margin-top:-80px;}
.pagina {background: linear-gradient(to bottom, #232944 19%,#ffffff 19%);}
.maiale {position:relative;}
.maiale img{width:100%; height:auto;}
.etichetta {position: relative; z-index: 9; text-align: center }
.etichetta img {width:300px; }
}


@media(min-width:768px) and (max-width:991px) {



}


@media(min-width:992px) {
.btn { font-size:16px; padding-top:20px; padding-bottom:20px; padding-left:60px; padding-right:60px; }

.onda2 {  height:216px; }
.onda3 {  height:216px; }
.onda-gialla {  height:216px; }
.onda-nera {  height:216px; }
.paddingazienda {padding:80px;}
.paddingconfezioni {padding-top:200px;}
.qualita {height:auto;}
.confezioni {height:742px;}
.news {height:275px;padding:20px;}
.marginenews {margin-top:-80px;}
.pagina {background: linear-gradient(to right, #232944 42%,#ffffff 42%);}
.maiale {position:absolute; left:50%; margin-left:-400px; margin-top:-375px;}
.etichetta {position: absolute; z-index: 9; left: 50%; width: 488px; margin-left: -655px;}
}


@media(min-width:1200px) {

.btn { font-size:16px; padding-top:20px; padding-bottom:20px; padding-left:60px; padding-right:60px; }

.onda2 {  height:216px; }
.onda3 {  height:216px; }
.onda-gialla {  height:216px; }
.onda-nera {  height:216px; }
.paddingazienda {padding:80px;}
.paddingconfezioni {padding-top:200px;}
.qualita {height:auto;}
.confezioni {height:742px;}
.news {height:275px;padding:20px;}
.marginenews {margin-top:-80px;}
.pagina {background: linear-gradient(to right, #232944 42%,#ffffff 42%);}
.maiale {position:absolute; left:50%; margin-left:-400px; margin-top:-375px;}
.etichetta {position: absolute; z-index: 9; left: 50%; width: 488px; margin-left: -800px; margin-top:-15px;}

}