@charset "UTF-8";


html, body {font-family: 'Museo Sans 100' !important;}
h1, h2, h3 {font-family: 'JustusOldstyle';}

#shopping i {float: right; margin-top: 0vw; display: block; position: absolute; right: 6%; font-size: 1.7vw; top: 1.3vw; color:#000 !important}
#shopping span {background: #FFDF00; font-size: 1vw; border-radius: 50px; color: #333; text-decoration: none; padding: 5px; width: 1.5vw; height: 1.5vw; text-align: center; margin-top: 1.6vw; position: absolute; right: 8%; line-height:0.9vw}

.column33 p {padding:0 !important}
.testopanino {padding:0 8vw !important}
p {font-size: 1.3vw !important}
pittogrammi p{font-size: 1.1vw !important}

.column {padding:0}
header {background:#FFF; padding: 0.6vw 3%}
.logo {width: 16% !important;}
#menubar {margin-top: 1.3vw;}
#menubar .bar {background: #000;}
nav ul li a {border:0; }
nav ul {background: none}
nav ul li {margin-bottom: 2px; background: #000;}
header {position: unset;}

h1 {font-size: 6vw; line-height: 3vw; margin: 3vw 0}
h2 {font-size: 5vw; line-height: 3vw; margin: 3vw 0 3vw 0; color:#4E070C}
h3 {color:#000; font-size: 1.5vw; margin: 0 0 2vw 0; padding: 0}
h4 { color:#000; font-size: 1.4vw; margin: 0 0 2vw 0; color:#ba3127}
.marchi {padding: 0 20vw}
.newsletter h3 {font-size: 3vw; line-height:3vw; margin: 0; color:#000; font-weight: normal}
.newsletter button {color: #FFF !important; background: #000; width: fit-content; padding: 1vw; float: none; font-weight: normal; margin: 0;}
h5 {font-size: 2.4vw; margin: 3vw 0 1vw 0; float: left; width: 100%;}
.newsletter {text-align: center !important;}
.newsletter div include div:nth-child(1) div {background: #EEE; padding: 3vw 0; margin-top: 5vw}
.servizioclienti {padding: 0 25%; margin-bottom: 3vw}
.servizioclienti .column33 img {margin:0; width: 70%;}
.servizioclienti .column33 p {margin:0; padding:0;}

.footer {background: #FFF; padding: 3vw 3%;}
.footer p{color: #000}
.footer span img{margin:0; padding: 0; width: 100%; margin-bottom: 0vw}
.footer .column33 {margin:0; padding: 0 !important}

.product {padding: 0 3% 2vw 3%}
.product a {text-decoration:none !important}
.product h5 {font-size: 2vw; text-align: center; font-weight: 400; line-height: 2.2vw; text-transform: none; margin: 0;}
.product h6 {font-size: 1.8vw; text-align: center; font-weight: 400; margin: 0; background:#EEE; padding: 1vw 0}
.padding3 {padding: 0 3% !important}

.prodotto .column33 {width:48%; padding:1vw 0}
.prodotto .column33:first-child {width:15%; margin-right:2%}
.prodotto .column33:first-child menu{width:100%;}
.prodotto .column33:first-child ul{width:100%; margin-top:3vw}
.prodotto .column33:first-child li {width:100%; display: block; text-align:center; background: #24346a; padding: 0.5vw 0; margin-bottom:1px}
.prodotto .column33:first-child li a{color: #FFF; font-size: 1.2vw;}
.prodotto .column33:last-child {width:30%; float:right !important; margin-top:3%}
.prodotto p {padding-left:0}
.prodotto span {width:100%; padding-bottom:0.5vw; float:left}
.prodotto span img {padding:0; width:2vw; float:left; margin:0}
.prodotto span p {padding:0; float:left; margin:0.4vw 0 0 0.5vw}
.prodotto .column33:last-child img{width:100%;}

.price {margin-bottom: 5vw;}
.price .column33:nth-child(2) {background:#EEE}
.price p {width: 50%; font-size: 1.2vw; padding: 0; margin: 0 0 0 5%; font-weight: 100; float:left}
.price p strong{font-weight: 100; font-size: 3vw;}
.price button{float:right; margin-right: 5%; background: #333; width:35%}

.set2, .set4 {padding: 0vw 3% 2vw 3%}
.set2 .column50 {width:49%}

.set4 {padding: 2vw 4% 0 4%}
.set3 {padding: 0vw 3% 0 3%}
.set3 .column33 img {width:96%}
.set3 .column33 {text-align: center}
.set3 .column33:last-child{text-align:right}
.set3 .column33:first-child{text-align:left}
.set3 h1 {margin: 3vw 0 2vw 0}
product .column20 p {text-align: center; padding: 0 !important}
product .column20:last-child {float: left}

.footer a {color: #000 !important; text-decoration: none !important; font-family: 'Montserrat Light';}
.product spacermobile{display:none}
.product spacerweb{display:block; display: block; width: 100%; height: 10px; float: left;}

.indicecore {padding: 0 15%}

pittogrammi {width:100%; float:left; padding-top:2vw}
pittogrammi p{width:100%; float:left; margin: 0 0 0.5vw 0 !important}
.pittogramma {width:4vw !important; float:left !important; margin-right: 0.5vw !important}


.column13:last-child {padding-top:6vw}

table {width: 100%; border: 1px solid #CCC; border-collapse: collapse; border-bottom: 0}
td {padding: 0.4vw}
tr {border-bottom: 1px solid #CCC}


.footer p {font-size: 1.1vw !important}
.footer menu ul, .footer menu, .footer menu ul li {width:100% !important}
.footer menu ul li {display:block !important}
.footer a {font-family: 'Museo Sans 100'; background: #f6bc53; padding: 0.5vw 0; font-size: 1.3vw;}
.footer menu {padding: 1vw 0;}


.header_prodotti {line-height: 0}

.categorie {padding: 0 3vw;}
.categorie div {padding: 2vw 0 !important;}
.categorie .column25 {padding: 0 0.5vw !important}
.categorie h3 {font-size: 2vw; margin: 0; margin-top: 2vw}


@media only screen and (max-width: 767px) {
.categorie .column25 { padding: 2vw 0vw !important;}
.testopanino {padding: 0 4vw !important}
button {font-size: 6vw; width: 100% !important; margin: 3vw 0% !important}
.product spacermobile{display:block; display: block; width: 100%; height: 10px; float: left;}
p {font-size: 4.5vw !important}
   h1 {font-size: 10vw !important; line-height: 9vw !important;}
h5 {font-size: 6.5vw; font-weight: bold}
   .set3 .column33 img {width:100% !important;}
   .column33 img {margin-top: 4vw; !important; margin-bottom: 0 !important}
   .set3 h1 {margin-top: 10vw !important}
   .newsletter h3 {font-size: 8vw !important; line-height: 7vw !important}
   h2 {font-size: 7vw !important; line-height: 7vw !important;}
   .servizioclienti .column33 img {width: 100% !important;}
   .servizioclienti {padding: 3vw 3% !important;}
   .servizioclienti .column33 {width: 33% !important;}
   .servizioclienti .column33 p{text-align:center !important;}
   .footer p{text-align:center !important;}
   section {margin-top: 0vw !important;}
   #menubar {margin-top: 6vw !important;}
   nav {margin-top: 18vw !important;}
   #shopping i{font-size: 6vw !important; right: 14% !important; margin-top: 4.5vw !important;}
   #shopping span {font-size: 4vw !important; right: 21% !important; width: 6vw !important; height: 6vw !important; top: 4vw !important; line-height: 3.9vw !important;}
   .marchi {padding: 0 2vw !important;}
   h4 {font-size: 3.5vw !important; line-height: 4vw; margin: 4vw 0 !important;}
   .column25 {width: 100%; padding: 1vw 0 !important;}
   .set4 {padding-top: 0vw !important;}
   .product spacerweb{display:none}
   .product .column20 {width:50% !important; float:left}
   .product h5 {font-size: 5vw !important; line-height: 5.2vw !important;}
   .product h6 {font-size: 7vw !important;}
   .product p {padding: 0 2vw !important; text-align: center !important;}
   .prodotto span img {width: 5.5vw; margin-right: 2vw}
   .prodotto span {padding: 1vw 0}
   .prodotto span p{font-size:4.5vw !important}

   .prodotto .column33:last-child {width:100% !important;}
   .price p {width:100%; text-align:center !important; font-size:5vw !important; margin:0; padding:0 0 1vw 0}
   .price p strong{font-size:8vw !important; font-weight: bold; padding:3vw 0}
   .prodotto .column33:first-child {display:none}
   .set2 .column50 {width:100%}
   .footer p, .footer a {font-size: 5vw !important; line-height: 7vw;}
   .indicecore {padding: 0}
   .footer .column33:first-child {text-align:center}
   .footer .column33:first-child img{width:80%}
    .product h5 {font-size: 7vw !important; line-height: 7.2vw !important; font-weight: bold; margin-top: -9vw; z-index: 1; position: relative;}
.categorie {display: none}

pittogrammi {width:100%; float:left; padding-top:4vw}
pittogrammi p{width:100%; float:left; margin: 0 0 1.5vw 0 !important; font-size: 4.5vw !important}
.pittogramma {width:15vw !important; float:left !important; margin-right: 2vw !important}


}