/*
USAGE:
.module {
  width: 25%;
  @include breakpoint(pawn) {
    width: 100%;
  }
}
*/
/*
USAGE:
.article {
     @include clearfix();
}
*/
/*
USAGE:
.featured {
     @include rowMachine(4,2%);
}
*/
/*
USAGE:
*,
*:after,
*:before {
  @include box-sizing(border-box);
}
*/
/* --------------------------------

Primary style

-------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Calligraffitti);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,600);
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%; }

body {
  font-size: 90%;
  font-family: "Ubuntu", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  color: #000;
  background-color: #fff;
  margin: 0px;
  padding: 0px; }
  @media only screen and (max-width: 479px) {
    body {
      font-size: 85%; } }

a {
  color: #BE0003;
  text-decoration: none; }

a.button {
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 white;
  color: #333333;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #F6F6F6;
  background-image: -webkit-linear-gradient(#F6F6F6, #dadada);
  background-image: linear-gradient(#F6F6F6, #dadada);
  padding: 4px 4px;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
  background-clip: padding-box;
  border: 1px solid #d6cece;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 white;
  color: #333333;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #F6F6F6;
  background-image: -webkit-linear-gradient(#F6F6F6, #ddd7d7);
  background-image: linear-gradient(#F6F6F6, #ddd7d7);
  padding: 4px 4px;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
  background-clip: padding-box;
  margin-right: .5em; }
  a.button:hover:not(:disabled) {
    box-shadow: inset 0 1px 0 0 white;
    cursor: pointer;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(#e9e9e9, #d2d2d2);
    background-image: linear-gradient(#e9e9e9, #d2d2d2); }
  a.button:active:not(:disabled), a.button:focus:not(:disabled) {
    border: 1px solid #d2d2d2;
    box-shadow: inset 0 0 8px 4px #cbcbcb, inset 0 0 8px 4px #cbcbcb; }
  a.button:hover:not(:disabled) {
    box-shadow: inset 0 1px 0 0 white;
    cursor: pointer;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(#e9e9e9, #d6cfcf);
    background-image: linear-gradient(#e9e9e9, #d6cfcf); }
  a.button:active:not(:disabled), a.button:focus:not(:disabled) {
    border: 1px solid #d6cece;
    box-shadow: inset 0 0 8px 4px #cec7c7, inset 0 0 8px 4px #cec7c7; }
  a.button:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

header {
  padding: 0px 0px 0px 0px; }
  header #fasciaimg {
    background-image: url(../common/img/screen-home2.jpg);
    height: 500px;
    background-size: cover;
    background-position: 0% 35%; }
  header #fasciaazienda {
    width: 100%; }
    header #fasciaazienda .bgazienda {
      background-image: url(../common/img/azienda-header.jpg);
      height: 500px;
      background-size: 90%;
      background-repeat: no-repeat;
      background-position: 0% 100%; }
  header #fasciacontatti {
    height: 400px;
    background-size: cover;
    background-position: 0% 85%; }

#main {
  margin-top: -30px;
  background-color: #ffffff;
  color: #000; }

footer {
  clear: both; }
  footer h1 {
    margin-bottom: 10px;
    font-size: 17px;
    font-family: 'Calligraffitti'; }
  footer h2 {
    margin-bottom: 10px;
    font-size: 11px;
    font-family: 'Ubuntu';
    font-weight: 300; }

.header {
  text-align: center; }

h1 {
  margin-bottom: 10px;
  font-size: 32px;
  font-family: 'Calligraffitti'; }

h2 {
  font-size: 18px;
  font-family: 'Calligraffitti';
  margin-bottom: 20px; }

h3 {
  font-size: 35px;
  margin-bottom: 20px; }

h4 {
  font-size: 14px;
  padding-top: 12px; }
  @media only screen and (max-width: 479px) {
    h4 {
      font-size: 14px;
      margin: 2px 0px 0px 0px;
      padding: 0px; } }

/* pagina prodotti zoom off */
/* --- Container configuration ---------------------------------------------------------- */
.viewport {
  /*border: 3px solid #eee;*/
  /*height: 299px;
  margin: 0 9px 9px 0;*/
  overflow: hidden;
  /*position: relative;
  width: 450px;*/ }

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
  margin-right: 0; }

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
  display: block;
  position: relative; }

.viewport a img {
  height: 332px;
  left: -20px;
  position: relative;
  top: -20px;
  width: 500px; }

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
  display: none;
  font-size: 3.0em;
  font-weight: bold;
  height: 100%;
  padding-top: 100px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: 100%;
  z-index: 100; }

.viewport a span em {
  display: block;
  font-size: 0.45em;
  font-weight: normal; }

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
  background-color: rgba(255, 0, 0, 0.6);
  color: #fff; }

.dark-background em {
  color: #ccc; }

#logomenu {
  padding: 0px 0px 0px 0px; }

p {
  font-size: 13px; }

.formrow {
  padding: 10px;
  font-size: 14px; }

.formrow label {
  display: block;
  font-weight: 300; }

.infoazienda {
  font-size: 14px;
  font-weight: 300px; }
  @media only screen and (max-width: 479px) {
    .infoazienda {
      font-size: 14px;
      padding: 20px 0px 0px 20px;
      text-align: center; } }

#azienda h3 {
  font-weight: 300; }

.navbar-default {
  background-color: transparent;
  border: 0px solid #fff; }

#header {
  clear: both; }

.nomargin {
  margin-left: 0px;
  margin-right: 0px; }

.navbar {
  padding-top: 0px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px; }

.menumargintop {
  padding-top: 30px; }

.navbar-default .navbar-nav > li > a {
  color: #000;
  font-weight: 700;
  font-size: 16px; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #BE0003;
  background-color: transparent;
  font-weight: 700;
  font-size: 16px; }

.newsletter {
  background-color: #BE0003;
  color: #fff;
  padding: 20px 0px;
  font-size: 13px; }
  .newsletter h2 {
    font-size: 40px;
    text-transform: uppercase;
    margin: 0px;
    font-weight: 300; }
  @media only screen and (max-width: 479px) {
    .newsletter {
      font-size: 16px; } }

#map {
  opacity: 0.7;
  height: 400px; }

.benvenuti {
  background-color: #BE0003;
  color: #fff;
  text-align: center;
  padding: 20px 0px;
  font-weight: 300; }
  .benvenuti h1 {
    font-weight: 300; }

#navbar {
  color: #000;
  padding: 20px 0px 0px 0px; }

.newsletterspiegazione {
  padding-top: 5px; }

.fullbox {
  width: 100%;
  margin-top: 10px;
  color: #000; }

.tastoinvio {
  width: 100%;
  color: #000;
  background-color: #ffffff;
  color: #BE0003;
  text-transform: uppercase;
  margin-top: 13px; }

.buttongo {
  padding: 10px;
  color: #FFFFFF;
  background-color: #BE0003;
  font-size: 18px; }

#home {
  color: #000;
  font-size: 15px; }

.navbarleft {
  float: left;
  width: 60%; }
  .navbarleft h1 {
    font-size: 34px;
    font-weight: 700;
    margin: 0px;
    font-family: 'Calligraffitti'; }
  .navbarleft h2 {
    font-size: 22px;
    font-weight: 400;
    margin: 10px 0px 0px 0px;
    font-family: 'Calligraffitti';
    text-transform: none; }

.navbarleft2 {
  float: left;
  width: 50%;
  margin-right: -10%;
  margin-top: 2%; }
  .navbarleft2 h1 {
    font-size: 34px;
    font-weight: 700;
    margin: 0px;
    font-family: 'Calligraffitti'; }
  .navbarleft2 h2 {
    font-size: 22px;
    font-weight: 400;
    margin: 10px 0px 0px 0px;
    font-family: 'Calligraffitti';
    text-transform: none; }

.navbarright {
  float: left;
  width: 40%;
  font-family: 'Calligraffitti';
  font-size: 15px; }

.navbar-default {
  border: 0px solid #fff;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  opacity: 0.9; }

.homeboxleft {
  background-image: url(../common/img/img1.jpg);
  background-size: cover;
  height: 500px;
  text-align: right;
  padding-top: 300px; }
  .homeboxleft h1 {
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 700;
    margin: 0px;
    font-family: 'Inkburrow'; }
  .homeboxleft h3 {
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0px 0px 0px; }

.homeboxright {
  background-image: url(../common/img/img2.jpg);
  background-size: cover;
  height: 500px;
  text-align: left;
  padding-top: 300px; }
  .homeboxright h1 {
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 700;
    margin: 0px;
    font-family: 'Inkburrow'; }
  .homeboxright h3 {
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0px 0px 0px; }

#logospot {
  position: fixed;
  top: 0px;
  right: 0px; }
  #logospot h1 {
    font-size: 42px;
    font-weight: 700;
    margin: 0px;
    font-family: 'Inkburrow'; }
  #logospot h2 {
    font-size: 26px;
    font-weight: 400;
    margin: 10px 0px 0px 0px;
    font-family: 'Inkburrow';
    text-transform: none; }

.homecol1 {
  float: left;
  width: 49%;
  margin: 0px 1% 0px 0px; }
  @media only screen and (max-width: 479px) {
    .homecol1 {
      clear: both;
      width: 100%; } }

.homecol2 {
  float: left;
  width: 50%; }
  @media only screen and (max-width: 479px) {
    .homecol2 {
      clear: both;
      width: 100%; } }

.menu-selected {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #FF0004;
  padding: 15px 10px; }

#contatti-form {
  color: #000;
  font-size: 12px; }
  #contatti-form h1 {
    font-size: 28px; }
  #contatti-form h2 {
    font-size: 16px; }

#contatti-azienda {
  background-color: #fff;
  color: #000;
  font-size: 12px; }
  #contatti-azienda h1 {
    font-size: 28px;
    font-family: 'Calligraffitti', cursive; }
  #contatti-azienda h2 {
    font-size: 16px;
    text-transform: lowercase; }

#infoecredits {
  clear: both;
  padding: 20px 0px 0px 0px; }
  #infoecredits #info {
    font-size: 12px;
    color: #000000; }
  #infoecredits #credits {
    font-size: 10px;
    color: #000000;
    text-align: right; }

.col-sm-4 {
  overflow: hidden;
  width: 31%;
  margin: 0px 1%;
  height: 265px; }

.col-sm-6 {
  margin-top: 2%; }

.splash .button {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 14px;
  text-transform: uppercase; }

.tasto {
  background-color: #DA0003;
  padding: 10px;
  color: #ffffff;
  width: 200px; }

#productshome {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.5em; }
  #productshome .prodotto {
    width: 32.66667%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 355px;
    -moz-flex: 1 1 355px;
    -ms-flex: 1 1 355px;
    flex: 1 1 355px;
    height: 190px;
    /*h1 {
    	font-size: 22px;
    	margin:0px;
    }
    p {
    	margin:0px 0px 10px 0px;
    	font-family:'Ubuntu';
    	font-size:12px;
    }*/ }
    #productshome .prodotto:nth-child(n) {
      margin-right: 1%; }
    #productshome .prodotto:nth-child(3n) {
      margin-right: 0; }
  #productshome .viewport a span {
    padding-top: 140px; }

#paginaprodotti {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.5em; }
  #paginaprodotti .prodotto1 {
    width: 32.66667%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 355px;
    -moz-flex: 1 1 355px;
    -ms-flex: 1 1 355px;
    flex: 1 1 355px;
    height: 250px;
    background-color: #FFFFFF;
    margin-bottom: 1%; }
    #paginaprodotti .prodotto1:nth-child(n) {
      margin-right: 1%; }
    #paginaprodotti .prodotto1:nth-child(3n) {
      margin-right: 0; }
    #paginaprodotti .prodotto1 h1 {
      font-size: 22px;
      color: #fff;
      margin: 200px 0px 10px 10px; }

#img1 {
  width: 110%; }

#img2 {
  height: 100%; }

#img3 {
  width: 110%; }

.prodotto_img {
  float: left;
  width: 40%; }

.prodotto_txt {
  float: left;
  width: 58%;
  margin: 0px 0px 0px 2%; }
  .prodotto_txt p {
    font-size: 200%; }

@media screen and (max-width: 767px) {
  .col-sm-4 {
    width: 98%;
    margin-bottom: 10px; }

  .col-sm-6 {
    /*margin-top: 65%;*/ }

  div#fasciaimg {
    margin-left: -85%; }

  div#fasciaazienda {
    width: 100%; }
    div#fasciaazienda .bgazienda {
      background-image: url(../common/img/azienda-header.jpg);
      height: 300px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: 0% 0%; }

  img#img3 {
    height: 270px; }

  img#img1 {
    height: 270px; }

  img#img2 {
	  width:110%; }

  .homecol1 {
    display: block;
    width: 98%;
    margin: 0px 1% 20px 1%; }

  .homecol2 {
    display: block;
    width: 98%;
    margin: 0px 1% 20px 1%; }

  .navbarleft {
    width: 100%;
    display: block; }
    .navbarleft .col-sm-2 {
      float: left;
      width: 23%; }
    .navbarleft .col-sm-10 {
      float: left;
      width: 76%; }
      .navbarleft .col-sm-10 h2 {
        font-size: 20px; }

  .navbarright {
    width: 100%;
    display: block; }

  .navbarleft2 {
    display: block;
    width: 98%;
    margin: 2% 1% 0px 1%; }
    .navbarleft2 .col-sm-2 {
      float: left;
      width: 23%; }
    .navbarleft2 .col-sm-10 {
      float: left;
      width: 76%; }
    .navbarleft2 h1 {
      font-size: 34px;
      font-weight: 700;
      margin: 0px;
      font-family: 'Calligraffitti'; }
    .navbarleft2 h2 {
      font-size: 22px;
      font-weight: 400;
      margin: 10px 0px 0px 0px;
      font-family: 'Calligraffitti';
      text-transform: none; }

  .prodotto_img {
    display: block;
    width: 100%; }

  .prodotto_txt {
    display: block;
    width: 100%;
    font-size: 120%; }
    .prodotto_txt p {
      font-size: 160%; } }

/*# sourceMappingURL=style.css.map */