@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;800;900&family=Unna:ital,wght@1,400;1,700&display=swap');
@import url("https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css");
/* CSS Document */
html,body{margin:0;padding:0; }
body{ font-family: 'Raleway', sans-serif; text-align:center; font-weight: 300; background: #fff; min-height: 100%;}
.noscroll { overflow: hidden; }
p, ul, li, img{margin:0; padding:0; border:none}
ul, li{ list-style:none}
a{color: #666; border:none; text-decoration: none;}
a:hover{text-decoration: none;}
input[type="text"], input[type="password"], textarea, select { outline: none;}
.placeholder{ text-transform: uppercase; margin-left: 10px;}
textarea:focus, input:focus{
    outline: none;
}
div#container{text-align:left; width:100%;margin:0 auto; margin-top:0px;overflow: hidden; position: absolute; max-width: 2200px; }
@media only screen and (min-width: 2200px) {
div#container{ position: static;}
  }
div#non-esiste{padding-top: 120px; padding-bottom: 120px; float: left; text-align: center; width: 100% }
.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}
/* barra header */
div#header{width:100%; z-index: 1000; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; max-width: 2200px; margin: 0 auto; }
@media only screen and (max-width: 959px) {
div#header{margin-top: 0px;   }
  }
@media only screen and (min-width: 2200px) {
div#header{ position: static;}
  }
div#header.shrink{margin-top: 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
div#header div.barra-top{height: 26px; position: absolute; background: #fff; width: 100%; z-index: 100000}
@media only screen and (max-width: 959px) {
div#header div.barra-top{width: 100%; top: 0px; left: 0; background: none; z-index: 100000;}
  }
@media only screen and (min-width: 2200px) {
div#header div.barra-top{ position: static;}
  }
div#header div.barra-top div.lang{float:left;}
div#header div.barra-top div.lang a{padding: 5px 10px; float: left; background: #ae090f; margin-right: 1px; color: #fff;}
div#header div.barra-top p{ height: 26px; line-height: 26px; font-size: .9em;}
div#header div.barra-top p.left{ float: left; text-align: left; padding-left: 2.5%; color: #4f2828; font-weight: 800; text-transform: uppercase;}
@media only screen and (max-width: 959px) {
div#header div.barra-top p.left{padding-left: 2.5%; padding-right: 2.5%; width: 95%; color: #fff; text-align: center; font-weight: bold; font-size: .7em; padding-top: 120px;}
  }
div#header div.barra-top p.right{ width: 45%; float: right; text-align: right; padding-right: 2.5%;}
div#header div.barra-top p a{ color: #666; font-weight: bold; padding-left: 20px;}
div#header div.barra-top p a span{ color: #cc9900; text-decoration: underline; font-weight: bold; padding-left: 5px;}
@media only screen and (max-width: 959px) {
div#header div.barra-top p.right{position: relative; top: 130px; right: 0; width: 40px; padding-right: 0;}
div#header div.barra-top p a{ width: 38px; height: 40px; display: block; padding: 0; margin-bottom: 2px; background-image: url('../risorse/icona-phone.png'); background-color: rgba(204,153,0,.8); background-repeat: no-repeat; background-size: 60%; float: left; background-position: center center;border-bottom-left-radius: 20px; border-top-left-radius: 20px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; margin-bottom: 6px;}
div#header div.barra-top p a.telefono{background-image: url('../risorse/icona-phone.png'); color: transparent;}
div#header div.barra-top p a.email{background-image: url('../risorse/icona-mail.png'); color: transparent;}
div#header div.barra-top p a span{ display: none; }
  }
div#header div.contenuto{ margin-left:auto; margin-right:auto; position: fixed; z-index: 10000; width: 100%;}
@media only screen and (max-width: 959px) {
div#header div.contenuto{ height: 40px; background: #fff;}
  }
@media only screen and (min-width: 2200px) {
div#header div.contenuto{ max-width: 2200px; top: 0;}
  }
div#header.shrink div.contenuto{top: 0px;}
div#header div#content-menu{ width:100%; float:left; font-family: 'Oswald', sans-serif; margin-top: 26px; z-index: 19;}
@media only screen and (max-width: 959px) {
div#header div#content-menu{ display: none;}
  }
div#header.shrink div#content-menu{margin-top: 0px;
}
div#header div#content-menu div#menu ul{ display: flex;}
div#header div#content-menu div#menu ul li{ display: inline-block; float: left; width:20%; position: relative; z-index: 19; background: rgba(255,255,255,.8);border-bottom: 1px solid #cc9900}
div#header.shrink div#content-menu div#menu ul li{background: rgba(177,18,24,1);}
div#header div.logo{ width:20%; margin-top: 0; float: left; position: absolute; margin-top: 10px; left: 40%; right: 40%; z-index: 20; }
div#header div.logo img{ height: 120px;}
div#header div.logo p{ float: left; vertical-align: top; width: 100%; position: absolute; height: auto;transition: all .2s ease;vertical-align:top; position: relative; }
div#header.shrink div.logo{ margin-top: 0px; }
div#header.shrink div.logo p{  -webkit-transform:scale(.8); /* Safari and Chrome */
    -moz-transform:scale(.8); /* Firefox */
    -ms-transform:scale(.8); /* IE 9 */
    -o-transform:scale(.8); /* Opera */
    transform:scale(.8); top:-20px;
}
div#header div#content-menu div#menu ul li a{ color: #ae090f; font-weight: normal; font-size: 1em; font-family: 'Unna', sans-serif; display: table-cell; font-style: italic; vertical-align: middle; width: 100%; padding-left: 20%; text-align: left; padding-top: 10px; padding-bottom: 10px; font-size: 1.4em; font-weight: 700;}
div#header div#content-menu div#menu ul li a span{font-family: 'Raleway', sans-serif;font-size: .9em; font-style: normal;}
div#header div#content-menu div#menu ul li a span{ float: left; font-size: .6em; width: 100%; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; font-weight: 400;}
div#header.shrink div#content-menu div#menu ul li a{ color: #fff; font-weight: bold; font-size: 1em}
div#header div#content-menu div#menu ul li.icone{ width:20%;}
div#header div#content-menu div#menu ul li.icone div{ width:50%; height: 60px; float: left; background: rgba(255,255,255,.9); position: relative;}
div#header div#content-menu div#menu ul li.icone div p{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  }
div#header div#content-menu div#menu ul li.icone div p img{ width: 60%;  }
div#header.shrink div#content-menu div#menu ul li.icone div{ height: 45px; line-height: 45px; float: left; background: rgba(255,255,255,1)}
@media only screen and (max-width: 959px) {
div#header div.logo{ width: 100%; left: 0%; height: 100%; width:100%;}
div#header div.logo img{ width: inherit; height: 120px;}

/* mobile menu */
div#mobile-menu{ position: fixed;top: 0px;left: 0px;width: 0%;float: left;opacity: 1;z-index: 20; padding-top: 200px; left: 80%; margin-left: 15%; background: #fff;top: 0; bottom:0; overflow-y:scroll; overflow-x:hidden; }
div#mobile-menu.open{opacity: 1;transition: right linear .2s;}
div#mobile-menu #menu{ width: 100%; float: left;}
div#mobile-menu #menu ul li.item-menu{ opacity: 0; top: -10px; position: relative; padding-top: 10px; padding-bottom: 10px; font-family: 'Unna', sans-serif; padding-left: 5%; width: 95%; float: left; text-align: left; }
li.item-menu:after {background: #cc9900; height: 2px; width: 60%; position: absolute; bottom: 0; float: left; content: ''; left: 0; margin-left: 10%;}
div#mobile-menu #menu ul li.item-menu a{font-size: 1.8em; color: #af0c13; font-weight: 800}
div#mobile-menu #menu ul li.item-menu a span{ width: 100%; float: left; font-family: 'Raleway', sans-serif; font-size: .5em; font-weight: 300; text-transform: uppercase}
div#mobile-menu #menu ul li.item-menu-centro{ display: none;}


div#menu ul li.icone{ width:15%; padding-top: 10px; padding-bottom: 10px; position: absolute; top:0; right: 0; clear: both;}
div#menu ul li.icone div{ width:100%; height: auto; float: left; background: rgba(255,255,255,0); position: relative;}
div#menu ul li.icone div a{ border-bottom: 0;}
div#menu ul li.icone div p{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  }
div#menu ul li.icone div p img{ width: 100%;  }
div#menu ul li.icone div{ height: auto; float: left; background: none;padding-top:10%; padding-bottom: 10%; background: rgba(0,0,0,0);}
  }
div#header.shrink div.contenuto ul li.dx{height: 75px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

@media only screen and (max-width: 959px) {
    
  }
  
  div#header div.ecommerce-header{ position:absolute; right: 0; margin-right: 10%; top: -50px;height: 46px;  }
  div#header.shrink div.ecommerce-header{ top: 0px; margin: 0; right: 0; float: right;  }
  div#header div.ecommerce-header ul li{ display: inline; float: left;}
  div#header div.ecommerce-header ul div.icon-cart{background: #cc0000; padding-left: 170px; padding-right: 10px; position: relative; height: 46px; width: 50%;}
   div#header div.ecommerce-header ul li.icon-cart p{ float: left; margin: 0;margin: 0;
   position: absolute;               /* 2 */
   top: 50%;                         /* 3 */
   transform: translate(0, -50%); }
     div#header div.ecommerce-header ul li.icon-cart p img { height: 23px; margin: 0 auto; display: block;  }
      div#header div.ecommerce-header li.testo-cart{ height: 46px; line-height: 46px; color: #fff; border-left: 1px solid #fff; background: #666; padding-left: 15px; padding-right: 15px;  }
      div#header div.ecommerce-header div.icon-user { position: relative; height: 46px; width: 50%; padding-left: 10px; }
      div#header div.ecommerce-header div.icon-user p{ float: left;position: absolute;top: 50%;transform: translate(0, -50%); display: block;  }
      div#header.shrink div.ecommerce-header div.icon-user{ border-left: 1px solid #666;   }
     div#header div.ecommerce-header div.icon-user img { height: 23px; margin: 0 auto; display: block  }
     div#header div.ecommerce-header li.testo-user{ height: 46px; line-height: 46px; color: #fff; padding-right: 20px; }
     div#header.shrink div.ecommerce-headerdiv.testo-user{ width: 0; display: none; }
     div#header div.ecommerce-header div.testo-user a{ color: #666; font-weight: normal; font-size: 0.8em; padding-left: 10px; padding-right: 10px; text-transform: uppercase; }
     

/* menu top */
div#header div#menu{float:left; width: 100%; }
div#header div#menu div{margin-top: 0px; width: 100%;}
div#header div#menu a{ font-size:14px;color:#666; padding-left: 10px; padding-right: 10px; display: block;  font-weight: bold;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  }
div#header.shrink div#menu a{ font-size:11px; padding-top: 0;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

@media only screen and (max-width: 959px) {
    div#header div ul li{ border-left: 0; }
  }


/* contenuto */
div#content{float:left; width: 100%; margin-top:0px; }
div#content p.titolo{}
div#content div.main_content{ display:inline;float:right; width: 100%; margin-top: 4px;}
@media only screen and (max-width: 959px) {
    div#content{ }
    div#content div.main_content{ display:inline;float:left; width: 96%; margin-left:2%; margin-right: 2%;}
  }

/* contenuto home */
div#content-home div.fascia-qualita-home { background: #fdf9e9; width: 100%; float: left; background-image: url('../risorse/foto-qualita-home.jpg'); background-repeat: no-repeat; background-position: right; background-size: contain; padding-top: 160px; padding-bottom: 160px;} 
@media only screen and (max-width: 959px) {
  div#content-home div.fascia-qualita-home { background-position: bottom right;} 
  }
div#content-home div.fascia-qualita-home div.contenuto-sx { width: 50%; padding-left: 10%; padding-right: 5%; padding-top: 60px; padding-bottom: 60px; float: left; }
@media only screen and (max-width: 959px) {
  div#content-home div.fascia-qualita-home div.contenuto-sx { width: 100%; padding-left: 10%; padding-right: 10%; }
  }
div#content-home div.fascia-qualita-home div.contenuto-sx p.testo {color: #5a3b39; font-size: 2.6em; font-family: 'Unna'; letter-spacing: 1px;}
div#content-home div.fascia-qualita-home div.contenuto-sx p.testo a {font-family: 'Raleway'; color: #fff; background:#b00e14; border-radius: 40px; font-size: .3em; display: block; padding-top: 10px; padding-bottom: 10px; text-align: center; text-transform: uppercase; margin-top: 30px; font-weight: bold;}
@media only screen and (max-width: 959px) {
  div#content-home div.fascia-qualita-home div.contenuto-sx { padding: 0%; }
  }
div#content-home div.fascia-qualita-home div.foto { width: 40%; overflow: hidden; float: right; right: 0; bottom:0; background: url(../risorse/foto-qualita-home.jpg);  }
div#content-home div.fascia-qualita-home div.foto p {  }
div#content-home div.contenuto-sx p.testo { width: 60%; float:left; font-size: 2em; color: #fff} 
@media only screen and (max-width: 959px) {
  div#content-home p.titolo { text-align: center; width: 100%; padding-left:0; }  
  
  div#content-home div.fascia-qualita-home div.foto { width: 100%; position: relative; z-index: 1; background: #fff }
  div#content-home div.fascia-qualita-home div.foto img{ width: 100%;}
  div#content-home div.contenuto-sx p.testo { width: 80%; float:left; font-size: 2em; text-align: center; padding: 10%;} 
  }

#colonne-home { width: 90%; float: left; margin-left: 5%; margin-right: 5%; }
#colonne-home p.titolo{ font-size: 3.4em; font-family: 'Unna'; color: #cc9900; letter-spacing: 1px; width: 100%; text-align: center; padding-top: 60px; padding-bottom: 60px;}
#fascia-prodotto-singolo{ padding: 3%; padding-left: 5%; padding-right: 5%; margin-top: 50px; float: left; background: rgba(204,153,0,.2)}
#fascia-prodotto-singolo p.titolo{width: 66.66666666%; float: left; text-align: left; }
#fascia-prodotto-singolo p.sottotitolo{width: 56.66666666% !important; float: left; text-align: left !important; padding-right: 5%;}
@media only screen and (max-width: 959px) {
  #fascia-prodotto-singolo p.titolo{ font-size: 3em; }
#fascia-prodotto-singolo p.sottotitolo{width: 95% !important; font-size: 1.6em !important;}
  }
#fascia-prodotto-singolo-prodotti{ padding: 3%; padding-left: 5%; padding-right: 5%; margin-top: 50px; float: left; background: rgba(204,153,0,.2); }
#fascia-prodotto-singolo-prodotti p.titolo{width: 66.66666666%; float: left; text-align: left;font-size: 3.4em; font-family: 'Unna'; color: #cc9900;}
@media only screen and (max-width: 959px) {
#fascia-prodotto-singolo-prodotti img{ width: 100% }
  #fascia-prodotto-singolo-prodotti p.titolo{ font-size: 3em;}
  }
#fascia-prodotto-singolo-prodotti p.sottotitolo{width: 56.66666666% !important; float: left; text-align: left !important; padding-right: 5%; font-size: 2em; font-weight: bolder; color: #000;}
@media only screen and (max-width: 959px) {
  #fascia-prodotto-singolo-prodotti p.sottotitolo{width: 85% !important;font-size: 1.4em; padding-bottom: 30px;}
  }
#colonne-home p.sottotitolo{ font-size: 2em; text-align: center; padding-bottom: 30px; width: 90%; padding: 0% 0% 5% 5%; margin: 0;}
#colonne-home p.sottotitolo b{ font-weight: 700;}
#colonne-home ul li { display: inline; float: left; width: 33.3333333%; overflow: hidden;}
#colonne-home ul li div.finestra-prodotto { float: left; width: 96%; margin: 2%; padding-bottom: 50px; padding-top: 50px; background: rgba(71,23,25,.1); }
#colonne-home ul li:hover div.finestra-prodotto { float: left; width: 96%; margin: 2%; padding-bottom: 50px; padding-top: 50px; background: rgba(71,23,25,0); }
#colonne-home ul li p.titolo-colonna-home { width: 100%; text-align: center; color: #000; letter-spacing: 1px; padding-top: 20px; padding-bottom: 20px; font-size: 1.8em; font-family: 'Unna'; color: #b00e14; padding-bottom: 40px; padding-top: 40px;}
#colonne-home ul li p.descrizione-colonna-home { width: 96%; padding: 2%; text-align: left; color: #000; padding-top: 20px;  font-size: 1em; float: left;}
#colonne-home ul li div.foto {height: 200px; width: 100%; left: 50%; float: left; margin: 0;}
#colonne-home ul li div.foto img { margin: 0 auto; display: block; height: 170px;transition: all .6s;}
#colonne-home ul li:hover div.foto img { margin: 0 auto; display: block; height: 150px}
@media only screen and (max-width: 959px) {
    #colonne-home ul li { display: inline; float: left; width: 100%;}
 #colonne-home ul li div.foto img { width: auto; height: 130px;}
 #colonne-home ul li p.titolo-colonna-home { font-size: 2em;}
  }
#finestre-home {width: 90%; margin-top: 30px; margin-bottom: 30px; float: left; height: 100%; padding-left: 5%; padding-right: 5%; background: #b00e15;}
#finestre-home #finestre-home-content { width: 100%; margin: 0 auto; text-align: center; float: left; padding-bottom: 120px; }
#finestre-home #finestre-home-content p.titolo { font-size: 3.4em; padding-top: 60px; padding-bottom: 60px; font-family: 'Unna'; color: #fff; }
#finestre-home #finestre-home-content p.sottotitolo {font-size: 2em; text-align: center; padding-bottom: 30px; width: 90%; padding: 0% 0% 5% 5%; margin: 0; color: #fff;}
#finestre-home #finestre-home-content p.sottotitolo b{ font-weight: 700;}
#finestre-home #finestre-home-content div.finestra{float: left; background: #fff; position: relative; height: 360px;  }
@media only screen and (max-width: 959px) {
  #finestre-home #finestre-home-content div.finestra{ width: calc(98% - 20px); height: 420px}
  }
#finestre-home #finestre-home-content div.finestra div.ricetta-dx{ position: absolute;background: rgba(139,100,61,.2); top: 0; right: 10px; height: calc(100% - 180px); padding-top: 180px; z-index: 1;}
#finestre-home #finestre-home-content div.finestra div.ricetta-dx img{ width: 80%;}
#finestre-home #finestre-home-content div.finestra div.foto{ width: 100%;max-height: 220px; overflow: hidden}
#finestre-home #finestre-home-content div.finestra div.testo{ width: 100%; padding-top: 0; float: left; position: relative; z-index: 2;}
#finestre-home #finestre-home-content div.finestra div.testo p{ font-family: 'Unna'; font-size: 1.4em; color: #4b1c1d; padding-left: 5%; padding-right: 35%; padding-top: 20px;  text-align: left;}
@media only screen and (max-width: 959px) {
  #finestre-home #finestre-home-content div.finestra div.testo p{padding-top: 60px;}
  }
#finestre-home #finestre-home-content p { color: #666; font-size: 2em;}
#finestre-home #finestre-home-content a { }
#finestre-home #finestre-home-content img { width: 100%;}
@media only screen and (max-width: 959px) {
  }
/* finestra prodotto */
div#catalogo { width: 90%; margin-left: 5%; margin-right: 5%;}
div#fin-prodotto { width: 100%;}
div#fin-prodotto div.categoria {font-family: 'Unna';text-align: left;padding-top: 20px;padding-bottom: 20px;float: left;width: 100%;font-size: 3em; color: #cc9900; position: relative;}
div#fin-prodotto div.categoria:after {content: "";height:  4px;width: 20%;background: #cc9900;position: absolute;top: 50%;margin-left: 30px;}
div#fin-prodotto p.titolo{font-size:3em; margin-bottom:0px; color:#009cdf; color: #666; width: 100%; float: left;  text-transform: uppercase; font-weight: bold; margin: 0; text-align: center; padding-top: 30px; padding-bottom: 50px; letter-spacing: 2px; font-weight: normal; font-family: 'Oswald'; position:relative;}
div#fin-prodotto p.titolo:after{content:"";position: absolute;bottom:0px; left: 0; right: 0; height: 0.5em; border-top: 1px solid #0099cc; z-index: -1; width:20%; margin-left: 40%; margin-right: 40%;}
div#fin-prodotto p.titolo:before{content:"";position: absolute;top:0px; left: 0; right: 0; height: 0.5em; border-top: 1px solid #0099cc; z-index: -1; width:20%; margin-left: 40%; margin-right: 40%;}
div#fin-prodotto div.fin-prodotto { width: 20%; margin: 2.5%; float: left; position: relative; }
@media only screen and (max-width: 767px) {
div#fin-prodotto div.fin-prodotto { width: 95%; }
  }
@media only screen and (min-width: 768px) and (max-width: 959px) {
div#fin-prodotto div.fin-prodotto { width: 45%; }
  }
div#fin-prodotto div.foto {width: 100%; text-align: center; position: relative; padding-bottom: 100%; border-radius: 50%; overflow: hidden; float: left; margin-bottom: 20px;-webkit-box-shadow: 0px 12px 5px 8px rgba(181,181,181,0.9);-moz-box-shadow: 0px 12px 5px 8px rgba(181,181,181,0.9);box-shadow: 0px 6px 18px 8px rgba(181,181,181,0.9); }
div#fin-prodotto div.foto:hover {background: #fff;-webkit-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
div#fin-prodotto div.foto img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
div#fin-prodotto div.nome { color: #ae090f; text-align: center; font-size: 1.5em; width: 100%; float: left; padding-top: 10px; padding-bottom: 20px; font-family: 'Unna'; } 
div#fin-prodotto div.nome span{width: 100%;float: left;font-family: 'Raleway', sans-serif; text-transform: uppercase; padding-top: 10px;  font-size: .6em; font-weight: bold; color: #cc9900;} 
@media only screen and (max-width: 959px) {
     
  }

/* chi siamo */
div.testo-lungo{ margin-left: 20%; margin-right: 20%;}
div.testo-lungo p{ line-height: 1.4em; font-size: 1.4em;}

/* chi siamo */
div#chi-siamo{ padding: 5%; float: left; width: 90%; background: #fff;}
div#chi-siamo p.intro{ margin-bottom: 80px;font-size: 2em;font-family: 'Unna'; background: #fdf9e9;padding: 10%;border-radius: 20px; color: #5a3b39; text-align: center;}
div#content-chi-siamo{ background: #fff; color:#666; font-size: 1.2em;}
div#foto-chi-siamo{ }
div#content-chi-siamo p{ padding: 50px; font-size: 1.2em; line-height: 25pt; color: #666; }
 @media only screen and (max-width: 959px) {
div#content-chi-siamo p{ padding: 15px; font-size: 1em;}
  }
div#content-chi-siamo p.titolo{font-size: 2em;padding-bottom: 20px;color: #b00e15;text-align: left; padding: 0; padding-bottom: 20px; }
div#content-chi-siamo img{ width: 100%; border-radius: 20px; }

/* contatti */
div#contatti{ padding: 0 5%; float: left; width: 90%;}
div#content-contatti{padding-left: 50px; color:#fff; width: calc(40% - 50px); float: left; }
@media only screen and (max-width: 959px) {
  div#content-contatti{padding-left: 0px; width: 100%;}
  }
div#content-contatti p{font-size: 1.3em; padding-bottom: 20px; float: left; margin-bottom: 20px; float: left; text-transform: uppercase; width: 100%; letter-spacing: 2pt;}
div#contatti p.titolo{ font-family: 'Unna'; font-size: 5em; padding-bottom: 30px; text-transform: none; color: rgba(174,9,15,.4); font-weight: 700;}
@media only screen and (max-width: 959px) {
div#contatti p.titolo{ font-size: 3em;}
  }
div#content-contatti p.titolo{ }
div#content-contatti p.contatta{ background: #fff; padding: 12px; float: left; width: calc(100% - 24px);}
@media only screen and (max-width: 959px) {
     div#content-contatti p.contatta{ font-size: .8em;}
  }
div#content-contatti p.contatta a{ font-weight: bold; border-radius: 20px; border: 1px solid #870e0e; padding: 10px;}
@media only screen and (max-width: 959px) {
     div#content-contatti p.contatta a{ width: calc(100% - 10px); float: left; margin-top: 20px;}
  }
div#content-contatti p{ color: #666;}
div#mappa{ margin-top: 30px; float: left; width: 96%; padding: 2%; background: #f0f0f0; }
div#modulo-contatti{ float: right; padding: 50px; color:#fff; width: calc(50% - 100px); }
@media only screen and (max-width: 959px) {
     div#modulo-contatti{padding: 0px; width: 100%; }
  }
div#modulo-contatti p.titolo{width: 100%; float: left; color: rgba(174,9,15,.4); font-size: 5em;}
@media only screen and (max-width: 959px) {
div#modulo-contatti p.titolo{ font-size: 3em;}
  }
div#modulo-contatti form{ background: #f0f0f0; width: calc(100% - 60px); padding: 30px; float: left; border: 2px solid #ae090f; margin-top: 20px; }
div#modulo-contatti input{ padding: 20px; width: calc(100% - 40px); border: 0; border-bottom: 1px solid #4f2828; background: none; font-size: .9em; margin-bottom: 5px; }
div#modulo-contatti input.error{ border-bottom: 2px solid red;}
div#modulo-contatti textarea{ width: calc(100% - 40px); padding: 20px; border: 0; border-bottom: 1px solid #4f2828; min-height: 150px; background: none; }
div#modulo-contatti input.button{ padding: 10px; color: #ae090f; font-weight: bold; width: auto; margin-top: 20px; background: rgba(279,9,15,.3); font-size: 2em; font-family: 'Unna'; border-bottom: 0; padding-left: 50px; padding-right: 50px; }
div#modulo-contatti input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
div#modulo-contatti input::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
div#modulo-contatti input:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
div#modulo-contatti input:-moz-placeholder { /* Firefox 18- */
  color: #666;
}

div#modulo-contatti label{ 
  color: #000;
 float: left;
margin-bottom: 30px;
}
div#modulo-contatti p{ 
 color: #000;
    padding: 20px;
    font-size: 1.8em;
}

div#modulo-contatti .alert-success{ 
background: rgba(135,14,14,.6);
padding: 50px;
}
div#modulo-contatti #agree-error{ 
  float: right;
}

div#modulo-contatti label.error{ 
  color: red;
}

div#modulo-contatti .customCheckBox{ 
  margin-top: 30px;
width: 10%;
float: left;
text-align: left;
height: 20px;
width: 20px;
border-radius: 0;
border: 2px solid #000;
margin:20px;
}

/* footer */
div#footer{ width: 100%; clear:both; text-align:center; margin-left:auto; margin-right:auto; float:left;position: relative; z-index: 1; margin-top: 80px; margin-bottom: 80px;float: left;  }
div#footer a{ font-weight: 700; padding: 10px; color: #cc9900; text-decoration: underline;}
div#footer p b{ font-weight: 700;}
div#footer div#social-footer{ background-image:url('../risorse/bg-social-footer.jpg'); background-size: cover; background-position: center center; float: left; width: 100%; height: 260px; margin-bottom: 40px; text-align: center; display: table; background-repeat: no-repeat;}
@media only screen and (max-width: 959px) {
div#footer div#social-footer{ background-position: top center; margin-bottom: 0;}
  }
div#footer div#social-footer div{ display: table-cell; vertical-align: middle; text-align: center; }
div#footer div#social-footer div p.testo{ background: #fff; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; font-family: 'Unna'; font-size: 2em; color: #000; margin: 0 auto; width: 60%;}
div#footer div#social-footer div p.icone{margin: 0 auto; position: relative; top: -15px;}
div#footer div#social-footer div p.icone img{padding: 10px; background: #fff; height: 25px;margin-right: 4px;}
div#footer div#contatti-footer{ width: 100%; float: left;}
div#footer ul li{ display: inline; margin: 0 !important; padding: 0 !important; float: left;padding-bottom: 40px;}
div#footer div.contatti{ width:70%; float: right;}
@media only screen and (max-width: 959px) {
div#footer div.contatti{ width:100%;}
  }
div#footer div.contatti ul{ width:80%; margin:0 auto; clear: both; margin-left: 10%; margin-right:10%;}
div#footer div.contatti ul li{ display: inline; float: left; width: 50%; color: #666; }
div#footer div.contatti ul li p{color: #000; text-align: left; font-size: 1.1em; padding-top: 20px; padding-bottom: 20px;}
@media only screen and (max-width: 959px) {
div#footer div.contatti ul li{ width:100%; width: 100%;}
div#footer div.contatti ul li p{ text-align: center;}
  }
div#footer div.logo-footer{float: left; width: 20%; margin-left: 5%; margin-right: 5%;}
div#footer div.logo-footer img{ margin: 0 auto; display: block; width: 90%;}
@media only screen and (max-width: 959px) {
div#footer div.logo-footer{width: 90%;}
  }

/* dx */
div#content_pages{width: 100%; float:left; margin-bottom:40px; position: relative;}
div#content_pages.no-foto{padding-top: 170px;}
div#content_pages.chi-siamo{background-image: url('../risorse/top-chi-siamo.jpg'); background-size: contain; background-repeat: no-repeat;}
div#content_pages.submenu{margin-top: 80px;}
@media only screen and (min-width: 2200px) {
div#content_pages.submenu{}
  }
@media only screen and (max-width: 959px) {
div#content_pages{width: 100%; margin:0; padding: 0; min-width: 100%; margin-top: 0px;}
div#content_pages.submenu{margin-top: 0px;}
div#content_pages.chi-siamo{background-size: contain; background-repeat: repeat;}
  }
  div#content_pages_no_foto{width: 100%; float:left; margin-top:110px; margin-bottom: 40px; position: relative;}
  #page_slides.home-prodotti{ background-image:url('../risorse/bg-home-prodotti.png');background-size: cover;background-position: center;height: 200px;float: left;width: 100%;background-repeat: no-repeat;position: relative;overflow: hidden;margin-bottom: 40px;} 
div#titolo_pagina{ }
div#titolo_pagina p.intro{ font-size: 2em; padding: 5%; float: left; }
div#titolo_pagina p.intro b{ font-weight: 700;}
div#titolo_pagina p.titolo{font-size:3.8em; padding-top: 10px; margin-bottom:0px; color: #cc9900; width: 60%; padding-left: 20%; padding-right: 20%; float: left; font-weight: bold; margin: 0; text-align: center; padding-bottom: 50px; letter-spacing: 2px; font-weight: normal; font-family: 'Unna', sans-serif; position:relative; font-weight: 600;}
@media only screen and (max-width: 959px) {
div#titolo_pagina p.titolo{font-size:2.4em;}
  }
div#titolo_pagina p.immagine{ text-align: center; margin: 0 auto;}
div#titolo_pagina p.immagine img{ height: 120px;}
@media only screen and (max-width: 959px) {
     div#titolo_pagina p.immagine img{ height: auto; width: 100%;}
  }
div#titolo_pagina p.titolo:before,
div#titolo_pagina p.titolo:after {background: #fff; content: ""; display: inline-block; height: 4px; position: relative; vertical-align: middle; width: 30%;}
div#titolo_pagina p.titolo:before { right: 0.5em;  margin-left: -50%;}
div#titolo_pagina p.titolo:after {left: 0.5em;margin-right: -50%;}
div#titolo_pagina p.titolo.ricetta{ width: 30%; text-align: left; color:#ae090f; padding-left: 15%; padding-right: 25%; background: rgba(139,100,61,.2); margin-top:50px; padding-top: 50px; padding-bottom: 50px; font-size: 2.4em; }
@media only screen and (max-width: 959px) {
div#titolo_pagina p.titolo.ricetta{ width: 70%; padding-left: 15%; padding-right: 15%; padding-top: 10px; padding-bottom: 90px; text-align: center; }
  }
div#titolo_pagina p.titolo:after{content:"";}
div#titolo_pagina p.titolo_sfondo_celeste{font-size:3em; margin-bottom:0px; color:#fff; width: 100%; float: left;  text-transform: uppercase; font-weight: bold; margin: 0; text-align: center; padding-top: 50px; padding-bottom: 50px; letter-spacing: 2px; font-weight: normal; font-family: 'Oswald'; position:relative; background: #0099cc;}
div#titolo_pagina p.titolo_sfondo_celeste:after{content:"";position: absolute;bottom:0px; left: 0; right: 0; height: 0.5em; border-top: 1px solid #fff; z-index: -1; width:20%; margin-left: 40%; margin-right: 40%;}
div#titolo_pagina.titolo-prodotti p.titolo{padding-top: 10px;}
div#titolo_pagina p.icona-pagina-prodotto img{display: block; margin: 0 auto; height: 140px;padding-top: 20px;}
@media only screen and (max-width: 959px) {
div#titolo_pagina p.icona-pagina-prodotto img{height: 90px;}
  }
div#risultati{  position: relative; text-align: center; position:relative; bottom: 50px; }
div#risultati p.totale{  margin: 0 auto;  display: inline-block; font-size: 2em;}
div#risultati p.totale span{ background: #cc9900; height: 60px; border-radius: 30px; width: 60px; color: #fff;
  vertical-align: middle;display: table-cell; text-align: center;margin-bottom: 10px;}
div#risultati p.testo{ padding-top: 10px; text-transform: uppercase; color: #666;}
div#submenu-prodotti{ float: left; width: 80%; margin-top: 15px; margin-bottom: 20px; padding-top: 30px; padding-bottom: 30px; text-align: center; background:#b09f9f; height: 80px; position: relative; padding-left: 10%; padding-right: 10%; overflow: hidden;}
@media only screen and (min-width: 2200px) {
div#submenu-prodotti{  margin-top: 0px;}
  }
div#submenu-prodotti p{ display: inline-block; letter-spacing: 2px;}
div#submenu-prodotti a{ font-family: 'Unna', sans-serif; font-size: 1em; color: #fff; letter-spacing: 1px;}
div#submenu-prodotti a img{ height: 50px; margin: 0 auto; display: block; margin-bottom:0px; transition: height 1s;}
div#submenu-prodotti .swiper-slide-active img{ height: 80px;}
@media only screen and (max-width: 959px) {
    div#submenu-prodotti{ padding-top: 190px;}
    div#submenu-prodotti ul{width: 80%; margin-left: 10%; margin-right: 10%; }
    div#submenu-prodotti ul li{ font-size: 0.7em; text-align: center;}
  }  

div#prodotti-footer{ float: left; width: 80%; margin-top: 15px; margin-bottom: 20px; padding-top: 80px; padding-bottom: 120px; text-align: center; height: 200px; position: relative; padding-left: 10%; padding-right: 10%; overflow: hidden; border-top: 2px solid #cc9900; border-bottom: 2px solid #cc9900;}
@media only screen and (min-width: 2200px) {
div#prodotti-footer{  margin-top: 0px;}
  }
div#prodotti-footer p{ display: inline-block; letter-spacing: 2px;}
div#prodotti-footer p.titolo-scroller-footer{ font-family: 'Unna'; color: #000; font-size: 2em; padding-bottom: 20px;}
div#prodotti-footer a{ font-family: 'Unna', sans-serif; font-size: 1.4em; color: #b00e15;}
div#prodotti-footer a img{ height: 90px; margin: 0 auto; display: block; margin-bottom:10px; transition: height 1s;}
div#prodotti-footer .swiper-slide-active img{ height: 140px;}
@media only screen and (max-width: 959px) {
    div#prodotti-footer{ padding-top: 30px;}
    div#prodotti-footer ul{width: 80%; margin-left: 10%; margin-right: 10%; }
    div#prodotti-footer ul li{ font-size: 0.7em; text-align: center;}
  } 

div#content_dx p.content{font-size:12px; padding-bottom:0px;}
div#nav_carrello { padding-top:15px; margin-bottom: 15px; float:left;}
div#nav_carrello li { width: 258px; float:left; margin-right:3px;}
div#nav_carrello li.last {margin-right:0px;}
div#nav_carrello li.attivo {background:url(../risorse/bg_nav_carrello_attivo.gif) no-repeat;color:#000}
div#nav_carrello li.inattivo {background:url(../risorse/bg_nav_carrello_inattivo.gif) no-repeat; color:#fff}
div#nav_carrello li p { padding-top: 8px; padding-bottom: 8px;font-weight: bold; padding-left:26px; font-size: 14px; text-shadow: #bebebe 0px 1px 1px;}

/* content 100% */
div#content_all{width:80%; background:#fff; float:left; padding-left: 10%; padding-right: 10%; margin-top: 20px;}
@media only screen and (max-width: 959px) {
div#content_all{width: 100%; margin:0; padding: 0;}
  }
/* sx */
div#content_sx{width:780px; background:#fff; float:left;}
div#content_sx p.content{font-size:12px; padding-bottom:10px;}

/* carrello*/
div#cartlo{float:left; width: 100%; }
div#cart div#cart-content{width: 960px; margin: 0 auto; }
@media only screen and (max-width: 959px) {
div#cart div#cart-content{width: 100%; margin: 0 auto; }
  } 
div#cart ul.intestazione{float:left; width: 100%; margin-bottom: 20px; }
div#cart ul.intestazione li{float:left; }
div#cart ul.intestazione li.articolo{width: 40%;}
div#cart ul.intestazione li.disp{width: 110px;}
div#cart ul.intestazione li.qty{width: 20%;}
div#cart ul.intestazione li.prezzi{width: 20%;}
div#cart ul.intestazione li.totali{width: 20%;}
div#cart ul.intestazione li p.intestazione{ padding:3px;margin: 2px; padding-top:12px; padding-bottom:12px; font-size:14px; text-align: center; background: #fff; color:#000; font-size: 0.8em; text-transform: uppercase; border: 1px solid #ccc; border-bottom: 0;}
div#cart ul.riga-cart{float:left; width: 100%; padding-top:5px; padding-bottom: 5px; margin-bottom: 2px; background: rgba(153,294,255,.1);}
div#cart ul.riga-cart li{float:left; background:none; border:0; text-align: left; }
div#cart ul.riga-cart li.articolo{width: 40%;  }
div#cart ul.riga-cart li.articolo p.icona{ width: 50%; text-align: center; float:left; }
div#cart ul.riga-cart li.articolo p.testo-disp{ width: 280px; text-align: left; margin-top:5px; float:left;}
div#cart ul.riga-cart li.articolo p.avviso{ color: red; font-weight: bold; margin-top: 5px; float: left; width:160px;}
div#cart ul.riga-cart li input{ text-align: center; }
div#cart ul.riga-cart li p.aggiorna input.button{ background: #ccc; color:#000; font-weight: bold; font-size: 10px; padding:4px; margin: 1px; cursor: pointer;}
div#cart ul.riga-cart li.articolo p.foto{width: 40%;float: left; padding: 5px; text-align: center;}
div#cart ul.riga-cart li.articolo p.testo{width: 50%; float: left; font-size: 18px; padding-left: 10px; padding-top: 10px;font-weight: bold; padding: 10px;}
div#cart ul.riga-cart li.articolo p.tipologia{font-size: 16px; padding-left: 10px; float:left;}
div#cart ul.riga-cart li.articolo p.foto img{width: 100px;}
div#cart ul.riga-cart li.rimuovi{width: 96px; margin-right:5px;}
div#cart ul.riga-cart li.rimuovi p{text-align: center}
div#cart ul.riga-cart li.rimuovi p a{ font-weight:bold; text-decoration: none; color:#c00; font-size: 1em;}
div#cart ul.riga-cart li.rimuovi p a:hover{text-decoration: underline; color:#666}
div#cart ul.riga-cart li.qty{width: 20%; text-align: center}
div#cart ul.riga-cart li p{ font-size:12px; font-weight: normal; text-align:left;}
div#cart ul.riga-cart li.qty p{padding:0; padding-top:5px;text-align:center}
div#cart ul.riga-cart li.qty p input{color: #000033; text-transform: uppercase; border:0; padding-top: 10px; padding-bottom: 10px; font-size: 1.2em; border: 1px solid #666; background: #fff;}
div#cart ul.riga-cart li.qty p input.button{background: #666; color: #fff; text-transform: uppercase; border:0;}
div#cart ul.riga-cart li.prezzo{width: 20%; text-align:center;}
div#cart ul.riga-cart li.prezzo p{text-align: center; font-size: 1.4em; padding-top: 25px; padding-bottom:25px;}
div#cart ul.riga-cart li p a.rimuovi{padding:0; padding-top:2px; font-size:1em; text-align:center; color: #000033}
div#cart div.totale{padding:0; text-align:center; float:left; margin-top: 0px; color: #006699; padding-top: 20px; padding-bottom: 20px;}
div#cart div.totale p{ text-align: right; color: #006699}
div#cart div.totale p.nome{float:left; font-size:24px; padding-top: 15px; padding-bottom: 10px; padding-right: 0px; font-weight: bold; margin-left:0px; color:#000033; padding-left: 5%; letter-spacing: 0px; width: 40%; text-align: left;}
div#cart div.totale p.somma{float:right; margin-right: 0px; font-size:36px; text-shadow: 1px 0px #666; font-weight: bold; color: #000; width: 40%; text-align: right; margin-right: 30px; padding-top: 10px; padding-bottom: 10px;}
div#cart div.cart-trasporto{   float: right;  padding-bottom: 10px; width:100%; margin-top: 10px;}
div#cart div.cart-trasporto p.testo{ width:250px; float: left; text-align: left; margin-top:8x; font-size: 22px;}
div#cart div.cart-trasporto p.icona{ width:60px; float: left; text-align: left;}
div#cart div.bottoni{ float: left; width: 100%; margin-top: 8px; padding-top: 8px; padding-bottom: 8px; }
div#cart div.bottoni a.svuota{ padding-left: 10px; background: #0099cc; color: #fff; font-family: 'Abel', sans-serif; text-transform: uppercase; font-size: 0.8em; padding-top: 10px; padding-bottom: 10px; float: left; padding-left: 10px; padding-right: 10px; margin-left: 10px; }
div#cart div.bottoni a.svuota:hover{ }
div#cart div.bottoni input.button{float: left; cursor: pointer;background:#f0f0f0; padding-top:10px; padding-bottom:10px; color:#000; border: 0; text-align: center; cursor:pointer;; padding-left: 10px; padding-right: 10px; background: #0099cc; color: #fff; font-family: 'Abel', sans-serif; text-transform: uppercase; font-size: 0.8em;}
div.inoltra{ float: right; padding-right:0px; margin-top:0px; width: 30%; text-align: center; margin-left: 35%; margin-right: 35%;}
div.inoltra p.invia{ background: #99cc00; width: 100%; float:right; margin-right: 0px; border: 0; color: #fff; cursor: pointer; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; border-radius: 8px;}
div.inoltra p.invia a{ font-weight:bold; font-size: 1.6em;}
div.inoltra p.invia:hover{ background: #f0f0f0; color: #99cc00;}
div.inoltra-checkout{ padding-right:0px; margin-top:40px;}
div.inoltra-checkout p.invia{  background: url(../risorse/bg-bottone-ordine.png) no-repeat; width: 158px; height: 44px; float:right; margin-right: 0px; border: 0; color: #fff; font-size: 14px; cursor: pointer; text-transform: uppercase;}
div.inoltra-checkout p.invia a{ font-weight:bold;}
div.inoltra p.continua{ background:url(../risorse/bg_cart_continua.gif) no-repeat; width: 342px; height: 48px; float:left;text-align: right;}
div.inoltra p.continua a{ font-size: 14px; color:#000; font-weight: bold; padding-top: 16px; padding-bottom: 16px; float: left; text-decoration: none; padding-left: 100px;}
@media only screen and (max-width: 959px) {
    div.inoltra{ width: 100%; margin-left: 0; margin-right: 0;}
div.inoltra p.invia{ background: #99cc00; width: 80%; margin-left: 10%; margin-right: 10%; float:right; border: 0; color: #fff; cursor: pointer; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; border-radius: 8px;}
  } 
div#cart a.naviga{ background:#ffcc01; color:#fff; font-weight: bold; font-size:14px; padding:12px; float:left; margin-top:20px; text-decoration: none; border-left:4px solid #666;}
div#cart a.naviga:hover{ background:#f0f0f0; color:#000;}
@media only screen and (max-width: 959px) {
div#cart ul.intestazione li p.intestazione { font-size: 0.7em;}
div#cart ul.riga-cart li.articolo p.testo{font-size: 0.9em;}
div#cart ul.riga-cart li.qty p input{padding-top: 4px; padding-bottom: 4px; font-size: 0.9em;}
div#cart ul.riga-cart li.prezzo p{font-size: 0.8em; padding-top: 4px; padding-bottom: 4px;}
div#cart div.totale p.somma{font-size:1.8em; }
  } 
/* ricerca */
div#ricerca { width: 100%; float: left; margin-left:0; background: #fff;}
div#ricerca div.titolo-prodotti {color:#666; padding:5%; padding-top:5px; padding-bottom:5px; margin-bottom: 0px; margin-top:0px; padding-left:0px; margin-right: 0px; float: left; width: 95%; border-bottom: 1px solid #eee;background: url(../risorse/bg-blu-sfumato.gif) repeat-x;  }
div#ricerca div.titolo-prodotti p { font-size: 18px; padding-top: 9px; padding-bottom: 9px; padding-left: 10px; font-weight: bold; color: #666; float: left; padding-right: 30px; font-weight: normal;}
div#ricerca div.titolo-prodotti p span.nome { font-size: 18px; color: #fff; padding-right: 15px; float: left;}
div#ricerca div.titolo-prodotti p span.icona { float: left;padding-top: 2px; padding-left: 0; padding-right: 0; padding-right: 10px;}
div#navigatore { text-align: center; padding-top: 10px; }
div#navigatore.sx { text-align: left;padding-bottom: 0px; padding-left: 0px; }
div#navigatore p { font-size:.9em; display: inline-block; letter-spacing: 2px;}
div#navigatore a { color: #666; border: 0; margin: 0; padding: 0; width: auto; font-weight: normal; font-size: 1em; text-decoration: underline; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; background: #fff; padding: 10px;}
@media only screen and (max-width: 959px) {
div#navigatore.sx { text-align: center; }
   div#navigatore a {margin-left: 4px; background: none; margin-left: 16px; float: left;}
  }
div#navigatore span { color: #666; border: 0; margin: 0; padding-left: 10px; padding-right: 10px; width: auto; font-weight: normal; font-size: 1em; text-transform: uppercase;background: #fff; padding: 10px;}
div#navigatore p span.indicatore { font-size: 11px; }
 @media only screen and (max-width: 959px) {
    div#navigatore { float: left; width: 100%;}
div#navigatore p { font-size:0.8em;}
div#navigatore p span {padding-left:5px; padding-right:5px; margin-top:0px; margin-right: 0px; margin-left:0; color:#fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; color:#000; font-size: .8em; float: left;}
div#navigatore p span.indicatore { font-size: 11px; }
  }

div.titolo-foto{ width: 100%; vertical-align: middle; height: 400px; margin-top: 40px; text-align: center; position: relative; float: left;}
div.titolo-foto p{ color: #fff; text-align: center; font-size: 2.4em; text-transform: uppercase;position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); float: left; width: 100%;}
 @media only screen and (max-width: 959px) {
div.titolo-foto p{ background: rgba(135,14,14,.6); font-size: 2em;}
  }
div.titolo-foto p span{font-family: 'Unna', sans-serif; text-transform: none; width: 100%; float: left;}
div#ricerca div.contenuto_ricerca { font-size:2em; font-weight:bold; padding-top:0px; padding-left:0px; float:left; width:99%;  margin-left:1%; margin-bottom: 10px;}
div#ricerca div.contenuto_ricerca ul { float:left; display: inline; width: 100%; margin-bottom: 10px; padding-bottom: 10px; }
div#ricerca div.contenuto_ricerca ul li { float:left;display: inline; width: 98%;border-bottom: 1px solid #666; }
div#ricerca div.contenuto_ricerca ul li p { font-size: 13px; width: 100%; float: left; }
div#ricerca p.risultati { font-size:18px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; color:#666; width:98%; background: url(../risorse/freccia_giu_ricerca.png) no-repeat right 14px; float: left; border-bottom: 2px solid #666; padding-bottom: 16px;   }
/* scheda */
div#scheda{ width: 100%; float: left; margin-left:0; margin-top: 0px; position: relative; font-size: 1em; height: 100%;}
div#scheda div.contenuto { font-size:11px; font-weight: bold; float:left; padding-left:0px; color:#666; width: 100%; position:relative; min-height: 600px; }
@media only screen and (max-width: 959px) {
    div#scheda{ width: 100%; }
div#scheda div.contenuto {border-bottom: 8px solid #f0f0f0; border-left: 0; width: 90%; margin: 0; padding: 0;margin-left: 5%; margin-right: 5%; min-height: auto;}
  }
div#scheda div.contenuto div.gallery { float: left;display: inline; width: 60%; position: relative; z-index: 4; left: 0; margin-top: 30px; position: absolute; right: 0; }
div#scheda div.contenuto div.gallery p.nome-prodotto {text-transform: uppercase; color: #c3b49b; font-size: 2em; margin-left: 20px; text-align: center; }
@media only screen and (max-width: 959px) {
div#scheda div.contenuto div.gallery { width: 100%; position: relative; }
div#scheda div.contenuto div.gallery img { width: 100%; }
  }
div#scheda div.contenuto div.content-scheda {float:right;display: inline; width: 50%;background: rgba(179,9,15,.9); right:0; z-index: 1; padding-bottom: 60px; height: 100%;}
div#scheda div.contenuto div.finestra-scheda { float: left; width: 100%; }
@media only screen and (max-width: 959px) {
div#scheda div.contenuto div.content-scheda { width: 100%; padding-left: 0;}
  }
div#scheda div.contenuto div.content-scheda p { padding-left: 20%; padding-right: 10%; color: #fff; font-size: .9em }
div#scheda div.contenuto div p.nome {font-size: 9em; padding-left: 90px; display: block; color:rgba(255,255,255,.3); font-weight: normal; text-align: left; float: left; padding-top: 65px; font-family: 'Unna', serif; text-align: left; width: 75%;  position:relative; float: left; padding-left: 25%; padding-bottom: 0px; line-height: 70pt; padding-right: 0; }
@media only screen and (max-width: 959px) {
div#scheda div.contenuto div.content-scheda p { padding-left: 0%; padding-right: 10%; font-size: .9em }
div#scheda div.contenuto div.content-scheda p.nome { font-size: 5em; width: 100%; padding-left: 5%; padding-right: 5%; line-height: normal;}
  }
div#scheda div.contenuto div p.nome:after { }
div#scheda div.contenuto div p.nome span { padding-left: 10px; }
div#scheda div.contenuto div p.nome span.novita { width: 100%; color: red; float: left; font-size: 11px;}
div#scheda div.contenuto div#descrizione {font-weight: normal; padding: 0px; width: calc(90% - 85px); text-align: left; float: left; line-height: 28px; padding-left: 75px; font-size: 1.5em; color: #000}
div#scheda div.contenuto div#descrizione p.tipologia{ text-transform: uppercase; color: #fff; font-size: 1.4em; font-weight: bold; padding-top: 20px;}
div#scheda div.contenuto div#foto { width: 100%; text-align: center; float: left; }
div#scheda div.contenuto div#foto img { max-width: 100%; border: 4px solid #fff; max-height: 600px; }
div#scheda div.contenuto div.fascia-caratteristiche { margin-left: 15%; float: left; width: 85%; margin-top: 20px;}
@media only screen and (max-width: 959px) {
    div#scheda div.contenuto div.fascia-caratteristiche { margin-left: 0%; width: 100%;}
  }
div#scheda div.contenuto div.fascia-caratteristiche div{ background: #fff; margin-left: 1px; float: left; width: calc(50% - 1px); text-align: left; padding-top: 10px; padding-bottom: 10px; font-size: .4em; }
div#scheda div.contenuto div.ingredienti{padding-top: 0px;  }
div#scheda div.contenuto div.ingredienti p{  font-size: 1em; float: left; width: 80%; }
div#scheda div.contenuto div.ingredienti p.titolo{text-transform: uppercase; text-transform: uppercase; font-size: 1.4em; padding-bottom: 30px; padding-top: 30px; float: left;  }
div#scheda div.contenuto div.ingredienti span{ color: rgba(255,255,255,.3); text-transform: uppercase; font-weight: bold; padding-left: 10px; padding-right: 10px; }
div#scheda div.contenuto div.fascia-caratteristiche div p{ color: #000; font-size: 2em; padding-top: 0; padding-bottom: 0; font-weight: bold; padding-left: 10%; line-height: 20px; text-align: center;}
div#scheda div.contenuto div.fascia-caratteristiche div p:first-child{ text-transform: uppercase; font-weight: normal;}
@media only screen and (max-width: 959px) {
    div#scheda div.contenuto div#descrizione { padding-left: 10%; width: 80%; padding-left: 10%;}
div#scheda div.contenuto div#foto img { width: 100%;border: 0px }
  }
/* fine scheda */
div#ricerca div#gruppi { border-left:1px solid #f0f0f0;border-bottom:5px solid #f0f0f0; border-right: 1px solid #f0f0f0; float:left; padding:10px; padding-left: 14px; width: 756px }
div#ricerca div#gruppi ul li { display: inline; float:left; width: 33%; min-height:200px; margin-right:2px; }
div#ricerca div#gruppi ul li h2 { font-size:15px; color: #162d50; border-bottom:3px solid #666; float: left }
div#ricerca div#gruppi ul li a { color:#162d50; clear:both; float:left; text-decoration: none; margin:2px; }
div#ricerca div#gruppi ul li div.sottocategorie { width: 100%; float:left; clear:both;}
div#ricerca div#gruppi ul li div.sottocategorie a { color:#3366b8; font-size:12px; }
div#ricerca div#gruppi ul li div.sottocategorie a:hover { text-decoration: none;border-bottom: 1px solid #ffce01;}

div#ricerca div#categorie {float:left;width: 100%; }
div#ricerca div#categorie ul li { display: inline; float:left; width:calc(33.3333333333% - 4px); margin-left:2px; margin-right: 2px; margin-bottom: 2px; margin-top: 20px; }
div#ricerca div#categorie ul li img { display: block; margin-left: auto; margin-right: auto; height: 200px; transition: all .5s;}
div#ricerca div#categorie ul li div.foto { text-align: center; width: 100%; text-transform: uppercase; position: relative; height: 300px; background: rgba(71,23,25,.1); padding-top: 40px; overflow: hidden; transition: all .5s; overflow: hidden; height: 260px}
div#ricerca div#categorie ul li:hover div.foto {  background: rgba(71,23,25,0);}
div#ricerca div#categorie ul li:hover img { height: 230px;}
div#ricerca div#categorie ul li p.nome-categoria {width: 100%; text-align: center; color: #000; letter-spacing: 1px; padding-top: 20px; padding-bottom: 20px; font-size: 1.8em; font-family: 'Unna'; color: #ae090f; padding-bottom: 40px; padding-top: 40px;}
 @media only screen and (max-width: 959px) {
     div#ricerca div#categorie ul li { width: 100%; }
div#ricerca div#categorie ul li img { height: 180px; width: auto;}
div#ricerca div#categorie ul li p.foto { width: 100%; float: left;}
div#ricerca div#categorie ul li p.nome-categoria {width: 100%; float: right;}
div#ricerca div#categorie ul li p.foto:after {width:0;}
div#ricerca div#categorie ul li:after { }
  }   
div#ricerca div#categorie ul li a { color:#162d50; clear:both; float:left; text-decoration: none; margin:2px; }

/* paginazione */
div#paginazione { float:right; width: 100%; float:left; margin-top: 0px; border-top:1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
div#paginazione p { color:#666; }
div#paginazione.sopra { float: left;  }
div#paginazione.sotto { }
div#paginazione div.paginazione {padding: 0; text-align: right; margin: 0 auto; width:50%;float:right; padding-top:10px; padding-bottom: 10px; float: right;}
div#paginazione.sopra p, div#paginazione.sotto p { font-size:16px; margin-top:0px; margin-bottom:10px; padding-left:5px; padding-right:20px; color: #000;}
p.per-pagina { float: left; width: 100%; text-align: center; padding-top: 10px; text-transform: uppercase; font-weight: bold; color: #0099cc; }
div#paginazione p.freccia {width: 18px; text-align: left; float:left; padding: 0; margin: 0;  }
div#paginazione p.freccia img {vertical-align: middle; padding-top: 10px; padding-bottom: 10px;}
div#paginazione p.titolo {float: left; text-transform: uppercase; font-size: 28px; color: #666; padding: 0; margin: 0; padding-left: 10px; height: 43px; line-height: 43px;}
@media only screen and (max-width: 959px) {
    div#paginazione {width: 100%;}
    div#paginazione.sopra ul li.gruppo{ display: none;}
div#paginazione.sopra ul li p, div#paginazione.sotto ul li p { font-size:1em;}
div#paginazione div.paginazione {width:100%;}
  }
div#navigatore div.fromto { float: right; padding-right: 5%; width: 30%; height: 43px; line-height: 43px; font-size: 16px; color: #f0f0f0; font-weight: bold; }
div#paginazione div.pagination-links { float: right; width: 60%; padding: 0 !important; margin: 0 !important;  }
@media only screen and (max-width: 959px) {
    div#paginazione div.pagination-links { float: left; width: 100%;  }
  }
div#paginazione span.corrente {background: #f0f0f0; color: #000033; text-decoration: none;  width: 38px; height: 38px; line-height: 38px; border-radius: 38px; float: left; text-align: center; margin-top: 0px; font-size:1.4em;  font-family: 'Oswald';}
div#paginazione a { color:#fff; background: #0099cc; font-weight: normal; text-decoration: none; float: left; margin-left: 5px; margin-right: 5px; font-size:1.2em; font-family: 'Oswald'; height: 38px; width: 38px; line-height: 38px; border-radius: 38px; text-align: center;}
@media only screen and (max-width: 959px) {
    div#navigatore div.fromto { float: left; padding-left: 0%; font-size: 1em; text-align: left; }
    div#paginazione span.corrente {padding:8px;}
   div#paginazione a { padding: 8px;}
  }
div#paginazione a.first-last { background:#000; color:#fff; font-weight: bold; font-size: 12px; }
/* ordina i risultati */
div#ordina {float: left; width:40%; margin-left: 5%;  padding-top:0; background: #99cc00; padding-top: 10px;  }
div#ordina p.testo { color:#fff; font-weight:normal; float: left; font-size:1.3em; padding-left: 20px; padding-right: 20px; height: 38px; line-height: 38px; }
div#ordina p.select { color:#666; }
div#ordina p.select select { background: #fff; width: 268px; padding: 8px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 38px;-webkit-appearance: none;background: url(../risorse/freccia-select.png) no-repeat 240px #fff;}
 @media only screen and (max-width: 959px) {
    div#ordina { margin: 0 auto; width: 100%; }
    div#ordina p.totale { display: none }
    div#ordina p.testo { text-align: center; width: 100%; padding: 0; font-size: 1em; }
div#ordina p.select { text-align: center; width: 100%; }
div#ordina p.select select { background: #fff; width: 268px; padding: 5px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 34px;-webkit-appearance: none;background: url(../risorse/freccia-select.png) no-repeat 240px #fff;}
  }

/* navigazione articoli */
div#prodotti{ float: left; width:100%; margin-bottom: 30px; margin-top: 20px; }
div#prodotti a { }
div#prodotti ul li { width: 32.33333333%; margin-left: 0.5%; margin-right:0.5%; display: inline; float:left; margin-bottom: 0px; padding-bottom: 8px; height: 400px;}
 @media only screen and (max-width: 959px) {
    div#prodotti ul li { width: 99%;   }
  }
div#prodotti ul li div#prodotto {    }
div#prodotti ul li div#prodotto div.finestra { border: 1px solid #666; float: left; width: 100%; position: relative;  }
div#prodotti ul li div#prodotto a { display: block; position: relative;  }
div#prodotti ul li div#prodotto a span.link { position: absolute; width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
float: left;
  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background: #000; color: #fff}
div#prodotti ul li div#prodotto div.finestra p.foto { text-align:center; padding-top:10px; padding-bottom:10px; height: 200px; max-width: 100%; overflow: hidden; position:relative;}
div#prodotti ul li div#prodotto div.finestra p.foto img {display: block; width:auto; height:200px;  position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto; overflow: hidden}

div#prodotti ul li div#prodotto div.finestra p.nome { text-align:center; padding-top:10px; padding-bottom:10px; font-size:22px; height: 60px; padding-left:5%; padding-right: 5%; max-width: 90%; color: #000;}
div#prodotti ul li div#prodotto div.finestra div.prezzo { height:97px; overflow: hidden; position: relative; }
div#prodotti ul li div#prodotto div.finestra div.novita { overflow: hidden; position: absolute; bottom:108px; }
div#prodotti ul li div#prodotto div.finestra div.novita p { padding-left: 10px; padding-right: 10px; text-align: center; background: #009cdf; color: #fff; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; }
div#prodotti ul li div#prodotto div.finestra div.prezzo p { font-size:30px; width:100%; text-align:center; color:#000033; max-width: 100%; background: #f0f0f0;padding-top: 18px; padding-bottom: 18px; }
div#prodotti ul li div#prodotto div.finestra div.prezzo p span { font-size: 0.6em; color: #ff0000; text-decoration:line-through; width: 100%; float: left;}
div#prodotti ul li div#prodotto div.finestra div.sconto { position: absolute; top:20px;border-radius: 50%;width: 52px;height: 52px; background: #fff; line-height: 52px; color: #000033; font-size: 0.8em; font-weight: bold; text-align: center; left: 10px; }

/* risultati */
div#paginazione_risultati { background:#666; float:left; height:29px; width:782px; padding-top: 2px; padding-bottom: 2px}
div#paginazione_risultati ul li { display:inline; float:left; margin-top:0px; margin-bottom:0px;}
div#paginazione_risultati ul li.pagine {float:right;}
div#paginazione_risultati ul li p { color:#fff; font-size:12px; margin-top:7px; margin-bottom:7px; padding-left:20px; padding-right:20px;}
div#paginazione_risultati ul li a { color:#666; background: #fff; font-weight: normal; padding: 3px; border-radius:2px; text-decoration: none;}
div#paginazione_risultati ul li a.first-last { background:#666; color:#fff;}
div#paginazione ul li p { color:#fff; font-size:12px; font-weight:bold; margin-top:7px; margin-bottom:7px; padding-left:20px; padding-right:20px;}
div#lista_risultati { width:99%; padding:5px; float:left; background:#f0f0f0 }
div#riga_risultato { float:left; clear:both; font-size:12px; width:100%; background:#fff;   }
div#riga_risultato ul li { float:left; display:inline; clear:none; padding:4px; }
div#riga_risultato ul li span.hl { background: #ffff66;}

/*ricette */
div#ricette { width: 100%; float: left; margin-left:0; }
#finestre-ricette { width: 100%; margin-top: 30px; margin-bottom: 20px; float: left; margin-bottom: 30px; height: 100%}
#finestre-ricette #finestre-ricette-content {width: 90%; margin: 0 auto; text-align: center; float: left; background: #ae090f; padding-left: 5%; padding-right: 5%; padding-top: 20px}
#finestre-ricette #finestre-ricette-content p.titolo { font-size: 3.4em; padding-top: 40px; font-family: 'Unna'; color: #fff; }
#finestre-ricette #finestre-ricette-content div.finestra{ padding: 10px; position: relative;}
#finestre-ricette #finestre-ricette-content div.finestra div.ricetta-dx{ position: absolute;background: rgba(139,100,61,.2); top: 0; right: 10px; height: calc(100% - 220px); padding-top: 220px; width: 30%;}
#finestre-ricette #finestre-ricette-content div.finestra div.foto{ width: 100%;}
#finestre-ricette #finestre-ricette-content div.finestra div.testo{ width: 100%; padding-top: 0; float: left;}
#finestre-ricette #finestre-ricette-content div.finestra div.testo p{ font-family: 'Unna'; font-size: 1.8em; color: #ae090f; padding-left: 5%; padding-right: 35%; padding-top: 20px; padding-bottom: 40px;  text-align: left;}
#finestre-ricette #finestre-ricette-content p { color: #666; font-size: 2em;}
#finestre-ricette #finestre-ricette-content img { width: 100%; }

#finestre-ricette-left { padding-left: 0%; padding-right: 0%; background: #cc9900; margin-top: 10px; width: calc(50% - 20px); position: absolute; right: 0; top: 290px; margin: 10px;}
@media only screen and (max-width: 959px) {
   #finestre-ricette-left {width: calc(100% - 20px); top: 0; position: relative; float: left;}
  }
#finestre-ricette-left #finestre-ricette-left-content{ padding: 20px;}
#finestre-ricette-left #finestre-ricette-left-content p.titolo{ color: #fff !important; font-size: 1.6em; text-transform: uppercase; padding-bottom: 10px;}
#finestre-ricette-left #finestre-ricette-left-content div.finestra div.ricetta-dx{ position: absolute;background: rgba(139,100,61,.2); top: 0; right: 0px; height: calc(100% - 130px); padding-top: 130px; width: 30%;}
#finestre-ricette-left #finestre-ricette-left-content div.finestra{position: relative; margin-bottom: 60px;}
#finestre-ricette-left #finestre-ricette-left-content div.finestra div.foto{ width: 50%; float: left; position: relative;}
#finestre-ricette-left #finestre-ricette-left-content div.finestra div.testo{ width: 50%; padding-top: 0; float: right;}
#finestre-ricette-left #finestre-ricette-left-content div.finestra div.testo p{ font-family: 'Unna'; font-size: 1.6em; color: rgba(177,18,24,1); padding-left: 5%; padding-right: 5%; padding-top: 20px; padding-bottom: 20px;  text-align: left;}
#finestre-ricette-left #finestre-ricette-left-content p { color: #666; font-size: 2em;}
#finestre-ricette-left #finestre-ricette-left-content img { width: 100%; }
@media only screen and (max-width: 959px) {
#finestre-ricette-left #finestre-ricette-left-content div.finestra div.foto{ width: 100%;}
#finestre-ricette-left #finestre-ricette-left-content div.finestra div.testo{ width: 100%;}
  }  
div#ricetta { width: 100%; float: left; margin-left:0; position: relative; }
div#ricetta div.foto-ricetta { float: right; width: calc(50% - 20px); padding: 0%; position: relative; top: -120px; border: 10px solid #fff;height: 600px; background: #fff;}
@media only screen and (max-width: 959px) {
div#ricetta div.foto-ricetta { width: calc(100% - 20px); top: 0; height: auto;}
  }
  div#ricetta div.foto-ricetta img { width: 100%; }
  div#ricetta div.scheda-ricetta { float: left; width: 50%; padding: 0%; min-height: 1200px;}
@media only screen and (max-width: 959px) {
   div#ricetta div.scheda-ricetta { width: 100%; min-height: auto;}
  }
  div#ricetta div.scheda-ricetta .titolo, div#ricetta div.scheda-ricetta .title { font-family: 'Unna'; font-size: 1.8em; width: 100%; float: left; padding-bottom: 10px; padding-top:20px; padding-bottom: 20px; }
  div#ricetta div.scheda-ricetta p.preparazione {line-height: 24pt; color: #fff; font-size: 1.1em; color: #000; margin-left: 15%; margin-top: 20px; float: left; padding-right: 20%; padding-bottom: 40px; }
  div#ricetta div#foto-pasta { top: -90px; position:absolute; left: -50px;}
  div#ricetta div.fascia-info{ width: 80%; background: #ae090f; padding-left: 20%; float: left; padding-top: 40px; padding-bottom: 40px; margin-top: 5px;}
  div#ricetta div.fascia-info div.portata{float: left; width: 40%; padding-left: 5%; padding-right: 5%;}
  div#ricetta div.fascia-info div.tempo{float: right; width: 40%; padding-left: 5%; padding-right: 5%;}
   div#ricetta div.fascia-info p.label{  text-transform: uppercase; }
@media only screen and (max-width: 959px) {
 div#ricetta div.fascia-info p.label{ font-size: 1em; }
  }
  div#ricetta div.fascia-info p{ color: #fff; font-size: 1.2em;text-align: center;}
div#ricetta div.fascia-info p.contenuto{ font-weight: 700;}
  @media only screen and (max-width: 959px) {
div#ricetta div.fascia-info{ width: 100%; padding-left: 0;}
}
/* messaggi */
p.messaggio {float: left; margin-top:20px; font-size:3em; font-weight: 700; padding:20px;color:#666; width: 96%; margin-bottom: 40px; text-align: center;}
 @media only screen and (max-width: 959px) {
    p.messaggio {padding: 0; width: 100%}
  }



#home-gallery {
    width: 100%; 
    float: left;
    border-bottom: 8px solid #000033; 
    padding-bottom:10px;
}

#home-gallery .item{
  background: #fff;
  padding: 10%;
  margin-right: 1%;
  text-align: center;
  width: 79%;
  border: 2px solid #f0f0f0;
}
#home-gallery .item img{
    width:50%;
    max-height:320px;
    display: block;
    margin-left: auto;
    margin-right: auto
}
#home-gallery .item p.testo{
    text-transform: uppercase;
    padding-top: 20px; 
    padding-bottom: 20px;
    color: #666;
    height: 120px;
    font-size: 32px;
}
.customNavigation{
  text-align: center;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*-- radio style--*/

div.radio{
  color: #666;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #111111;
}

div.radio input[type=radio]{
  position: absolute;
  visibility: hidden;
}

div.radio label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 25px 25px 25px 80px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

div.radio:hover label{
	color: #000033;
}

div.radio .check{
  display: block;
  position: absolute;
  border: 5px solid #f0f0f0;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

div.radio:hover .check {
  border: 5px solid #0099cc;
}

div.radio .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #0099cc;
}

input[type=radio]:checked ~ .check::before{
  background: #00099cc;
}

input[type=radio]:checked ~ label{
  color: #000;
}

@media only screen and (min-width: 960px) {
    div#header-full {display: none;}
  }
   
/* masonry */

.masonry { /* Masonry container */
    -webkit-column-count: 4;
  -moz-column-count:4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.masonry-2-cols {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
.item-no-margin {
    display: inline-block;
    background: #fff;
    padding: 0em;
    margin: 0 0 1.5em;
    width: 100%;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.item-margin-10 {
    display: inline-block;
    background: #fff;
    padding: 0em;
    margin: 0 0 1.5em;
    width: 80%;
    margin-left: 10%;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.item-no-margin img{max-width:100%;}
.item {
    display: inline-block;
    background: #fff;
    padding: 0em;
    margin: 0 0 1.5em;
    width: 100%;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.item img{max-width:100%;}


@media only screen and (max-width: 959px){
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .masonry-2-cols {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}
@media only screen and (min-width: 960px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    .masonry-2-cols {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

/* hamburger */
.hamburger-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 25px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.hamburger {
  position: relative;
  width: 40px;
  height: 4px;
  border-radius: 25px;
  background: #af0c13;
  transition: all 0.3s ease-in-out;
}

.hamburger::before,
.hamburger::after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: 25px;
  background: #af0c13;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

.hamburger-container .hamburger::before {
  transform: translateY(-10px);
}

.hamburger::after {
  transform: translateY(10px);
}

.hamburger-container.open .hamburger {
  transform: translateX(-40px);
  background: transparent;
  box-shadow: none;
}

.hamburger-container.open .hamburger::before {
  transform: rotate(45deg) translate(28px, -28px);
}

.hamburger-container.open .hamburger::after {
  transform: rotate(-45deg) translate(28px, 28px);
}

.checkbox {
  margin: 4%;
  float: left;
}

.checkbox input[type=checkbox],
input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
  margin-top: 0;
  margin-left: -30px;
}
.checkbox input[type=checkbox]:disabled,
input[type="checkbox"]:disabled {
  opacity: 0.65;
}
input[type="checkbox"]:checked:after,
input[type="checkbox"]:after {
  visibility: visible;
  font-family: FontAwesome;
  display: inline-block;
  color: #ae090f;
}
input[type="checkbox"]:checked:after:disabled,
input[type="checkbox"]:after:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
input[type="checkbox"]:checked:after {
  font-size: 30px;
  content: "\f14a";
}
input[type="checkbox"]:after {
  font-size: 30px;
  content: "\f096";
}