body
{
	
	    font-family: 'Montserrat', sans-serif;
}
a, a:focus, a:visited, a:hover{
    text-decoration: none;
}
a:focus {
    outline:none;
}
a::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
}
textarea,
input,
button {
    outline: none;
}
a{
    color: #000000;
}
h1, h2, h3, h4, p{
    margin: 0;
}
img{
    outline: none;
    border: 0;
}
h1{
    font-size: 2em;
}
ul{
    list-style-type: none;
    margin-bottom: 0;
}
ul li{
    display: inline-block;
}
ul.list li{
    display: inherit;
}
ul li a{
    display: block;
}
ul li a.selected{
    font-weight: 700;
}
img{
    transform-style: preserve-3d;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.no-side-pad{
    padding-left: 0;
    padding-right: 0;
}
.clear{
    clear: both;
}
.maxHeight{
    height: 100%;
}
.table{
    display: table;
    margin-bottom: 0;
    height: 100%;
}
.table-cell{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
.redBg{
    background: #ea920a;
}
.red{
    color: #ea920a;
}
.p-t-50{
    padding-top: 80px;
}
.img-full{
    width: 100%;
    height: auto;
}
.error{
    font-size: 22px;
    color: #ea920a;
    padding-top: 20px;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
}
header{
    padding: 12px 35px;
    background: #eaeaea;
    position: relative;
    z-index: 11;
}
header a.logo{
    display: inline-block;
}
header a.logo .peroni{
    width: 100%;
    height: auto;
}
header .socials{
    display: inline;
    padding-right: 2%;
}
header .socials li {
    padding-right: 3%;
}
header .socials li a:hover,
header .socials li a:visited,
header .socials li a:focus{
    color: #292929;
}
header #desktopMenu{
	    font-family: 'Montserrat', sans-serif;
    display: inline;
    padding-left: 2%;
}
header #desktopMenu li{
    padding-left: 30px;
	font-family: 'Montserrat';
}
header #desktopMenu li a{
    font-size: 17px;
    /*font-weight: 600;*/
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    white-space: nowrap;
    display: block;
}
header #desktopMenu li a:hover{
    color: #e4c180;
}
header #desktopMenu li a:focus{
    color: #FFFFFF;
}
header .bar{
    position: absolute;
    bottom: 0;
    left:0;
    width: 20px;
    height: 0;
    background: #e4c180;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#subHeader{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 0;
    overflow-y: hidden;
    background: rgba(0, 0, 0, 0);
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: background 500ms ease-in-out, top 250ms ease-in-out;
	-moz-transition: background 500ms ease-in-out, top 250ms ease-in-out;
	-ms-transition: background 500ms ease-in-out, top 250ms ease-in-out;
	-o-transition: background 500ms ease-in-out, top 250ms ease-in-out;
	transition: background 500ms ease-in-out, top 250ms ease-in-out;
}
#subHeader.active{
    background: rgba(0, 0, 0, 0.5);
}
.subHeaderContainer{
    font-size: 0;
    background: #fbfbfb;
    padding-top: 20px;
    padding-bottom: 20px;
}
.subHeaderContainer .cont{
    position: absolute;
    text-align: center;
}
.subHeaderContainer .contFakeRelative{
    position: relative;
    text-align: center;
    visibility: hidden;
	height: 200px !important;
}
.subHeaderContainer .contFakeRelative ul{
    margin: auto;
    display: inline-block;
    width: 100%;
}
.subHeaderContainer .cont ul{
    margin: auto;
    display: inline-block;
    width: 100%;
}
.subHeaderContainer .cont ul li,
.subHeaderContainer .contFakeRelative ul li{
    width: 10%;
	
}

body.mobile .owl-theme .owl-dots,
body.mobile .owl-theme .owl-nav{
    margin-top: -80px !important;
    height: 80px;
}
body.mobile .stripe .table .table-cell{
    vertical-align: top;
}
body.mobile .stripe .table .table-cell h3{
    padding-top: 25px;
}
.singleReel{
    position: relative;
    width: 100%;
}
.singleReel .item .slideContent{
    height: 100%;
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.singleReel .item .slideContent .table{
    height: 100%;
    width: 100%;
}
.singleReel .item .slideContent .table .table-cell{
    height: 100%;
    width: 100%;
    text-align: center;
}
.singleReel .slideBg{
    width: 100%;
    animation: zooom 30s linear infinite alternate;
    -webkit-animation: zooom 30s linear infinite alternate;
}
.singleReel{
    overflow: hidden;
}
.zoom{
    overflow: hidden;
}
.zoomThis{
    -webkit-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    -moz-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    -ms-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    -o-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
}
.zoomThis.zoomed{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
#mobileMenuBtn {
    position: absolute;
    top:40%;
    left: 15px;
    width: 20px;
    height: 18px;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 10000;
    display: none;
}

#mobileMenuBtn span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #00a01b;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .50s ease-in-out;
  -moz-transition: .50s ease-in-out;
  -o-transition: .50s ease-in-out;
  transition: .50s ease-in-out;
}
/* Icon 4 */

#mobileMenuBtn.open {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

#mobileMenuBtn span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

#mobileMenuBtn span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#mobileMenuBtn span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

#mobileMenuBtn.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 8px;
  left: 0px;
  background: #FFFFFF;
}

#mobileMenuBtn.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#mobileMenuBtn.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 8px;
  left: 0px;
  background: #FFFFFF;
}
.stripe{
    color: #FFFFFF;
    position: relative;
    height: 615px;

    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-position: 50% 100%;
	-webkit-transition-delay: 0; /* Safari */
    transition-delay: 0;
}
body.mobile .stripe{
    height: 250px;
}
body .stripe.active{
	background-position: 50% 0% !important;
}
.innerImg{
    -webkit-box-shadow: 5px 6px 28px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    5px 6px 28px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         5px 6px 28px 0px rgba(0, 0, 0, 0.75);
    position: absolute;
}
body.mobile .stripe.active{
	background-position: 50% 0% !important;
}
.stripe:after{
    content: '';
    clear: both;
}
body .stripe .innerImg{
    margin-top: 50px;
	-webkit-transition-delay: 0; /* Safari */
}
body.mobile .stripe .innerImg{
    margin-top: 20%;
}
body .stripe .innerImg.pull-right{
    margin-left: 0;
    right: 25px;
}
body .stripe.active .innerImg{
    margin-top: -50px;
}
.stripe h3{
    font-size: 32px;
    padding-bottom: 20px;
}
.stripe h4{
    font-size: 18px;
    padding-bottom: 20px;
}
.stripe .linkBtn{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.qualitaMenu{
    display: inline;
    position: absolute;
    bottom: 15px;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    margin: 0;
}
.qualitaMenu li{
    width: 48%;
    max-width: 220px;
}
.qualitaMenu a{
    color: #ea920a;
    background: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 30px;
    border-radius: 3px;
    width: 100%;
    max-width: 220px;
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
.qualitaMenu a:hover{
    color: #ffffff;
    background: #ea920a;
}
.qualitaMenu a.selected{
    color: #ffffff;
    background: #ea920a;
}
.qualitaContent{
    background: #fbfbfb;
    padding: 60px 0;
}
.qualitaContent h1{
    
    color: #ea920a;
    text-transform: uppercase;
    font-size: 22px;
    padding-bottom: 20px;
}
.qualitaContent p{
    font-size: 16px;
    padding-bottom: 40px;
}
.qualitaContent  a.thumb{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 10px;
}
.qualitaContent  a.thumb .black{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+70,000000+100&0.1+0,0.1+70,0.6+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}
.qualitaContent  a.thumb:hover,
.qualitaContent  a.thumb:active,
.qualitaContent  a.thumb:focus{
    color:#FFFFFF;
}
.qualitaContent  a.thumb h3{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 5%;
    padding-bottom: 2%;
    
    text-transform: uppercase;
    font-size: 20px;
}
.qualitaContent  a.thumb img{
    width: 100%;
}
.ingredientMobile{

}
.ingredient{
    height: 612px;
}
.ingredient .table{
    height: 100%;
}
.ingredient .table-cell{
    height: 100%;
    text-align: center;
    color: #FFFFFF;
}
.fullHeight{
    height: 100%;
}
.ingredient .table-cell img{
    -webkit-transition: all 800ms cubic-bezier(.5,.02,.57,.99);
	-moz-transition: all 800ms cubic-bezier(.5,.02,.57,.99);
	-ms-transition: all 800ms cubic-bezier(.5,.02,.57,.99);
	-o-transition: all 800ms cubic-bezier(.5,.02,.57,.99);
	transition: all 800ms cubic-bezier(.5,.02,.57,.99);
    transform: rotate3d(0,1,0,0deg) scale(0,0);
    opacity: 0;
}
.ingredient.active .table-cell img{
    transform: rotate3d(0,1,0,360deg) scale(1,1);
    opacity: 1;
}
.ingredient .table-cell h3{
    font-size: 28px;
    
    padding: 20px 0 10px;
    text-transform: uppercase;
    -webkit-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	-moz-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	-ms-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	-o-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	transition: all 400ms cubic-bezier(.5,.02,.57,.99);
    transition-delay: .5s;
    opacity: 0;
    transform: scale(0,0);
}
.ingredient.active .table-cell h3{
    opacity: 1;
    transform: scale(1,1);
}
.ingredient .table-cell p{
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    -webkit-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	-moz-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	-ms-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	-o-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	transition: all 400ms cubic-bezier(.5,.02,.57,.99);
    transition-delay: .8s;
    opacity: 0;
}
.ingredient.active .table-cell p{
    opacity: 1;
}
.reelProdDetail{
    position: relative;
    width: 100%;
}
.reelProdDetail .productImg{
    width: 100%;
    height: auto;
}
.reelProdDetail .reelProdLogo{
    position: absolute;
    top: 5%;
    left: 4%;
    width: 12%;
    height: auto;
}
.reelProdDetail .prev{
    display: block;
    position: absolute;
    top:50%;
    height: 60px;
    width: 60px;
    background: #ea920a;
    margin-top: -30px;
    left: 2%;
}
.reelProdDetail .next{
    display: block;
    position: absolute;
    top:50%;
    height: 60px;
    width: 60px;
    background: #ea920a;
    margin-top: -30px;
    right: 2%;
}
.suggerimentiRicette{
    max-width: 1600px;
}
#productDetail{
    padding: 120px 0 0;
}
#productDetail .productImg{
    margin: 30px auto 0;
    -webkit-transition: all 600ms cubic-bezier(.5,.02,.57,.99);
	-moz-transition: all 600ms cubic-bezier(.5,.02,.57,.99);
	-ms-transition: all 600ms cubic-bezier(.5,.02,.57,.99);
	-o-transition: all 600ms cubic-bezier(.5,.02,.57,.99);
	transition: all 600ms cubic-bezier(.5,.02,.57,.99);
    opacity: 0;
}
#productDetail .productImg.active{
    opacity: 1;
    margin: 0 auto 0;
}
#productDetail .malto{
    position: absolute;
    top: 0;
    left: 20px;
    width: 25%;
    -webkit-transition: all 800ms cubic-bezier(.5,.02,.57,.99);
	-moz-transition: all 800ms cubic-bezier(.5,.02,.57,.99);
	-ms-transition: all 800ms cubic-bezier(.5,.02,.57,.99);
	-o-transition: all 800ms cubic-bezier(.5,.02,.57,.99);
	transition: all 800ms cubic-bezier(.5,.02,.57,.99);
    transform: rotate3d(0,1,0,0deg) scale(0,0);
    transition-delay: 0.5s;
    opacity: 0;
}
#productDetail .malto.active{
    transform: rotate3d(0,1,0,360deg) scale(1,1);
    opacity: 1;
}
#productDetail h1,
#productDetail h3,
#prodDetailRecipes h3{
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    color: #ea920a;
    padding: 0 0 30px 0;
}
#productDetail h3.formats{
    padding-bottom: 0;
}
#productDetail p,
#productDetail ul li,
#productDetail ul li span{
    font-size: 16px;
    color: #8c8c8c;
}
#productDetail ul li span{
    letter-spacing: 1px;
}
#productDetail p.prodDescription{
    padding: 0 0 80px 0;
    margin: 0;
    line-height: 27px;
}
#productDetail ul{
    margin: 0 0 75px 0;
    padding: 0;
}
#productDetail ul.listV li{
    margin: 0;
    padding: 0;
    display: block;
    padding-bottom: 5px;
}
#productDetail ul li span.gold{
    font-weight: bold;
}
#productDetail .stripe{
    height: auto;
}
#productDetail .caratContainer{
    background-color: #efefef;
    width: 100%;
    line-height: 40px;
    height: 40px;
    margin-bottom: 4px;
    position: relative;
}
#productDetail .caratContainer p{
    color: #FFFFFF;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 20px;
    position: relative;
    letter-spacing: 1px;
}
#productDetail .caratContainer .amount{
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 5%;
    text-align: right;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFFFFF;
    padding-right: 20px;
    -webkit-transition: all 1100ms cubic-bezier(.5,.02,.57,.99);
	-moz-transition: all 1100ms cubic-bezier(.5,.02,.57,.99);
	-ms-transition: all 1100ms cubic-bezier(.5,.02,.57,.99);
	-o-transition: all 1100ms cubic-bezier(.5,.02,.57,.99);
	transition: all 1100ms cubic-bezier(.5,.02,.57,.99);
    transition-delay: .2s;
    opacity: 0;
}
#productDetail ul.formats li{
    padding-right: 8%;
    padding-top: 38px;
}
#productDetail ul.formats li img{
    opacity: 0;
}
#productDetail ul.formats li svg{
    width: auto;
    max-width: 150px;
    height: 100px;
}
#productDetail ul.formats li p{
    font-size: 18px;
    text-align: center;
    padding-top: 15px;
}
#productDetail .svgContainer{
    -webkit-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	-moz-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	-ms-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	-o-transition: all 400ms cubic-bezier(.5,.02,.57,.99);
	transition: all 400ms cubic-bezier(.5,.02,.57,.99);
    opacity: 0.3;
}
#productDetail ul.awards li{
    padding-right: 3%;
    max-width: 22%;
    vertical-align: top;
}
#productDetail ul.awards li img{
    width: 100px;
    max-width: auto;
    max-height: auto;
}
#productDetail ul.awards li p{
    font-size: 18px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
#prodDetailRecipes{
    padding-bottom: 100px;
}
#prodDetailRecipes .recipe{
    background: #fff;
    width: 100%;
    height: 100%;
}
#prodDetailRecipes .recipe .content{
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    padding: 30px 25px;
    min-height: 250px;
}
#prodDetailRecipes .recipe .content .categ{
    font-size: 14px;
    color: #ea920a;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
}
#prodDetailRecipes .recipe .content h4{
    font-size: 24px;
    color: #282828;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    padding-top: 14px;
}
#prodDetailRecipes .recipe .content .time,
#prodDetailRecipes .recipe .content .chef,
#prodDetailRecipes .recipe .content .prod{
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    color: #e4c180;
    font-size: 14px;
    padding-top: 14px;
}
#prodDetailRecipes .recipe .content .prod,
#prodDetailRecipes .recipe .content .chef{
    padding-left: 2px;
}
#prodDetailRecipes .recipe .content .icon{
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    padding-top: 0;
    width: auto;
    height: 20px;
    padding-right: 10px;
}
#prodDetailRecipes .recipe a .imgContainer{
    overflow: hidden;
}
#prodDetailRecipes .recipe a .thumb{
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    -moz-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    -ms-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    -o-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
}
#prodDetailRecipes .recipe a:hover .thumb{
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
}
.recipes{
    max-width: 1600px;
    padding-top: 30px;
    padding-bottom: 30px;
}
#recipeList{
    padding-bottom: 100px;
}
#recipeList .recipe{
    background: #fff;
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
}
#recipeList .recipe .content{
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    padding: 30px 25px;
    min-height: 305px;
}
#recipeList .recipe .content .categ{
    font-size: 14px;
    color: #ea920a;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
}
#recipeDetail .details{
    padding-top: 50px;
    padding-left: 50px;
}
#recipeDetail .details .time,
#recipeDetail .details .chef{
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    color: #e4c180;
    font-size: 16px;
    padding-top: 14px;
}
#recipeDetail .details .time img,
#recipeDetail .details .chef img{
    margin-right: 15px;
    height: 28px;
}
#recipeDetail .details ul{
    margin: 0;
    padding: 0;
}
#recipeDetail .details ul li{
    padding-right: 30px;
}
#recipeDetail .categ{
    font-size: 18px;
    color: #ea920a;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
}
#recipeDetail .details h1{
    font-size: 30px;
    color: #ea920a;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 40px 0;
    text-transform: uppercase;
}
#recipeDetail .details h3{
    font-size: 18px;
    color: #e4c180;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 0 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#recipeDetail .details p.ingredienti {
    color: #8c8c8c;
    font-size: 16px;
    padding-bottom: 5px;
    display: block;
    padding-bottom: 50px;
}

#recipeDetail .details .bottle{
    padding-left: 8px;
}
.wrapper{
    background: #f0f0f0;
    color: #8c8c8c;
    padding: 80px 0;
}
.descriptionRecipe{
    max-width: 1600px;
}
.descriptionRecipe h3{
    font-size: 22px;
    color: #ea920a;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 0 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.descriptionRecipe p{
    font-size: 16px;
}
.descriptionRecipe a{
    color: #ea920a;
}
.descriptionRecipe a:hover{
    text-decoration: underline;
}
#recipeList .recipe .content h4{
    font-size: 24px;
    color: #282828;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    padding-top: 14px;
}
#recipeList .recipe .content .time,
#recipeList .recipe .content .prod,
#recipeList .recipe .content .chef{
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    color: #e4c180;
    font-size: 14px;
    padding-top: 14px;
}
#recipeList .recipe .content .prod{
    padding-left: 2px;
}
#recipeList .recipe .content .icon{
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    padding-top: 0;
    width: auto;
    height: 20px;
    padding-right: 10px;
}
#recipeList .recipe a .imgContainer{
    overflow: hidden;
}
#recipeList .recipe a .thumb{
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    -moz-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    -ms-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    -o-transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
    transition: all 1000ms cubic-bezier(.17,.58,.44,.86);
}
#recipeList .recipe a:hover .thumb{
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
}
.qualitaBox{
    margin-top: 50px;
    display: inline-block;
}
.prodList{
    background: #fbfbfb;
    padding-top: 15px;
    padding-bottom: 30px;
    max-width: 1600px;
}
.prodList .thumb{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 15px;
}
.prodList a.thumb img {
    width: 100%;
}
.prodList a.thumb .black {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#99000000',GradientType=0 );
}
.prodList a.thumb h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5% 6%;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    font-size: 20px;
}
.prodList a.thumb:hover,
.prodList a.thumb:active,
.prodList a.thumb:focus{
    color:#FFFFFF;
}
.prodList .qualitaBox {
    margin-top: 15px;
    display: block;
    padding:  0;
}
.recipeMenu{
    display: inline;
    position: absolute;
    bottom: 15px;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    margin: 0;
}
.recipeMenu li{
    width: 48%;
    max-width: 220px;
    position: relative;
}
.recipeMenu a{
    color: #ea920a;
    background: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 30px;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 3px;
    width: 100%;
    max-width: 220px;
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
.recipeMenu a:hover{
    color: #ffffff;
    background: #ea920a;
}
.recipeMenu a.selected{
    color: #ffffff;
    background: #ea920a;
}
.recipeMenu a i{
    font-size: 12px;
    position: relative;
    top: -2px;
}
.sub{
    display: none;
}
.overlayContainer{
    position: fixed;
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0);
    display: table;
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
    opacity: 0;
    background: url(../img/reel_pattern.png) repeat;
    z-index: 10001;
}
.overlayContainer.added{
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.2);
}
.overlayContainer .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}
.overlayContainer .content a{
    padding: 15px 50px;
    margin-bottom: 25px;
    background: #FFFFFF;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 3px;
    display: inline-block;
    color: #ea920a;
    background: #FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
    min-width: 20%;
    opacity: 0;
}
.overlayContainer.added .content a{
    opacity: 1;
}
.overlayContainer .content a:hover{
    background: #ea920a;
    color: #FFFFFF;
}
.overlayContainer .content a.selected{
    background: #ea920a;
    color: #FFFFFF;
}
.noResults{
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    color: #ea920a;
    padding-top: 35px;
}
.historyList .year{
    position: relative;
    height: 100%;
}
.historyList .year .table{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.historyList .imgHistory{
    position: relative;
    width: 100%;
    height: auto;
}
.historyList .yearNum{
    max-width: 30%;
}
.historyList p,
.historyList .abstract{
    padding-top: 20px;
    color: #ffffff;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 18px;
}
.historyReel.owl-theme .owl-dots,
.historyReel.owl-theme .owl-nav{
    position: relative;
    margin-top: -40px !important;
    height: 40px !important;
}
.s-p-100{
    padding-left: 100px;
    padding-right: 100px;
}
.historyDetailContent .content{
    padding-top: 100px;
    opacity: 0;
    -webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.historyDetailContent .content.active{
    opacity: 1;
}
.historyDetailContent .content h1{
    color: #ea920a;
    font-size: 22px;
    text-transform: uppercase;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.historyDetailContent .content .desc{
    padding-top: 30px;
    font-size: 16px;
    color: #8c8c8c;
    padding-bottom: 60px;
}
.historyDetailContent .content a.prev,
.historyDetailContent .content a.next{
    color: #ea920a;
    background: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 16px 70px;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 3px;
    width: 100%;
    max-width: 220px;
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
    border: 1px solid #dddddd;
}
.historyDetailContent .content a.prev:hover,
.historyDetailContent .content a.next:hover{
    color: #ffffff;
    background: #ea920a;
}
.historyDetailContent .content a.prev.selected,
.historyDetailContent .content a.next.selected{
    color: #ffffff;
    background: #ea920a;
}
.historyDetailContent .content ul{
    padding-bottom: 30px;
}
.historyList .table-cell.black{
    background: rgba(0, 0, 0, 0.5);
}
.videoList .table-cell.black{
    background: rgba(0, 0, 0, 0.5);
}
.closeBtn{
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    z-index: 2;
    text-align: right;
}
.closeBtn .closeBtnSvg{
    width: 30%;
    height: auto;
}
.videoList .year{
    position: relative;
    height: 100%;
}
.videoList .year .table{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.videoList .imgVideo{
    position: relative;
    width: 100%;
    height: auto;
}
.videoList .yearNum{
    max-width: 30%;
}
.videoList p,
.videoList .abstract{
    padding-top: 20px;
    color: #ffffff;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 18px;
}
footer .redBg{
    padding-top: 20px;
    padding-bottom: 50px;
}
footer .menuSection{
    width: 14%;
    float: left;
    padding-right: 15px;
    min-height: 330px;
}
footer h3 a{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
    margin-bottom: 40px;
    display: block;
}
footer h3 a:hover{
    color: #e4c180;
}
footer ul.subMenu{
    padding: 0;
    margin: 0;
}
footer ul.subMenu li{
    display: block;
}
footer ul.subMenu li a{
    font-size: 14px;
    color: #e4c180;
    font-weight: 600;
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
    margin-bottom: 13px;
    display: block;
}
footer ul.subMenu li a:hover{
    color: #ffffff;
}
footer ul.socials{
    display: inline-block;
    padding: 0;
    margin: 30px 0 75px 0;
}
footer ul.socials li{
    padding: 5px 40px;
}
footer ul.socials li a{
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
footer ul.socials li a:hover{
    color: #e4c180;
}
.colToRight{
    text-align: right;
}
footer .extLink{
    color: #ea920a;
    background: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 30px;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 3px;
    width: 100%;
    max-width: 200px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    margin-top: 40px;
    text-align: center;
    display: inline-block;
}
footer .extLink i{
    margin-right: 15px;
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

footer .extLink:hover{
    color: #ffffff;
    background: #e4c180;
}
footer ul.apps{
    padding: 0;
    margin: -20px 0 0 0;
    font-size: 11px;
}
footer .appsCta{
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    padding-bottom: 18px;
}
footer ul.apps .svg{
    width:175px;
    height: auto;
}
footer .cuorePeroniLogo{
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
}
footer .disclaimer{
    padding: 8px 0 15px;
    text-align: center;
}
footer ul.disc{
    padding: 0 0 8px 0;
    margin: 0;
}
footer ul.disc li{
    padding: 0 8px;
}
footer ul.disc li a{
    display: block;
    color: #ea920a;
    font-size: 12px;
}
footer .discText{
    font-size: 10px;
}
.overlayTemplate{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 5%;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,.7);
    z-index: 1200;
}
.overlayTemplate .table{
    width: 100%;
    height: 100%;
    display: table;
}
.overlayTemplate .table .table-cell{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.closeOverlayTemplate{
    position: absolute;
    top: 0;
    padding: 2%;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 0;
    display: block;
}
.closeOverlayTemplate img{
    width: 40px;
    height: 40px;
}

#mobileMenu{
    position: fixed;
    top:70px;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    margin-left: -100%;
    background: rgba(0,0,0,0);
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
    height: 100%;
    z-index: 999;
}
#mobileMenu.open{
    margin-left: 0;
    background: rgba(0,0,0,0.7);
}
#mobileMenu .inner{
    position: relative;
    overflow-y: scroll;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    width: 78%;
    margin-left: -78%;
    background: #FFFFFF;
    border-right: 12px solid #e4c180;
    min-height: 100%;
    -webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
    height: auto;
    padding-bottom: 80px;
}
#mobileMenu.open .inner{
    margin-left: 0;
}
#mobileMenu .inner h3{

}
#mobileMenu .inner h3 a{
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    text-transform: uppercase;
    color: #ea920a;
    background: #f8f8f8;
    padding: 4% 6%;
    display: inline-block;
    width: 100%;
    -webkit-transition: all 450ms ease-out;
	-moz-transition: all 450ms ease-out;
	-ms-transition: all 450ms ease-out;
	-o-transition: all 450ms ease-out;
	transition: all 450ms ease-out;
    position: relative;
}
#mobileMenu .inner h3 a .icon{
    position: absolute;
    top: 0;
    right: 0;
    height: 50%;
    margin-right: 6%;
    margin-top: 4%;
    /*max-width: 22px;*/
}
#mobileMenu.open .inner h3 a{
    margin-top: 4%;
}
#mobileMenu .inner .subMenu{
    margin: 0;
    padding: 0;
}
#mobileMenu .inner .subMenu li{
    width: 87%;
    margin: 2% 6%;
}
#mobileMenu .inner .subMenu li a{
    font-size: 16px;
    color: #8c8c8c;
    width: 100%;
    display: inline-block;
    padding-bottom: 15px;
}

#mobileMenu .inner .subMenu li:not(:last-child){
    border-bottom: 1px solid #ebebeb;
}
#mobileMenu .inner ul.socials{
    display: inline;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
#mobileMenu .inner ul.socials li{
    padding: 2% 8%;
    width: 23%;
    margin: 30px 0 20px;
}
#mobileMenu .inner ul.socials li a{
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
    color: #ea920a;
    text-align: center;
}
#mobileMenu .inner ul.socials li a:hover{
    color: #e4c180;
}
#mobileMenu .assets{
    padding: 30px 20px 0;
    width: 100%;
}
#mobileMenu .assets .extLink{
    color: #ffffff;
    background: #ea920a;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 30px;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 3px;
    width: 100%;

    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    margin-bottom: 10px;
    text-align: center;
    display: inline-block;
}
#mobileMenu .assets .extLink i{
    margin-right: 15px;
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
#mobileMenu .assets .appsCta{
    color: #8c8c8c;
    font-size: 16px;
    padding: 20px 0 10px;
}
#mobileMenu .assets .apps{
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0;
}
#mobileMenu .assets .apps li{
    width: 50%;
    padding: 0;
}
#mobileMenu .assets .apps li a{
    width: 100%;
}
#mobileMenu .assets .apps li a img{
    width: 100%;
    height: auto;
}
.obog{
    margin: 0 auto 30px;
    position: relative;
}
.ageContent{
    position: absolute;
    width: 100%;
    padding-top: 150px;
    text-align: center;
    top:0;
}
.ageContent .logo{
    display: inline-block;
    width: 230px;
}
.ageContent .quando{
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    color: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 25px;
}
.ageContent .inputContent{
    display: inline;
    text-align: center;
    font-size: 0;
}
.ageContent .inputContent input{
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b5191e;
    font-size: 26px;
    padding: 20px 25px;
    border: none;
    border-radius: 3px;
    max-width: 113px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
}
.ageContent .inputContent input[name="aaaa"] {
    margin-right: 0;
}
button[name="ageBtn"]{
    background: #ffffff;
    border: 0;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b5191e;
    border-radius: 3px;
    padding: 20px 25px;
    width: 358px;
    font-size: 26px;
    margin-top: 30px;
}
.skipLeft{
    position: fixed;
    width: 56px;
    height: 0;
    overflow: visible;
    top: 50%;
    left: 0;
}
.skipLeft .linkBtn{
    position: relative;
    width: 56px;
    height: 56px;
    left: -100px;
    -webkit-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	-moz-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	-ms-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	-o-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	transition: all 190ms cubic-bezier(.17,.58,.44,.86);
}
.skipLeft.active .linkBtn{
    position: relative;
    width: 56px;
    height: 56px;
    left: 30px;
}
.skipRight{
    position: fixed;
    width: 56px;
    height: 0;
    overflow: visible;
    top: 50%;
    right: 0;
}
.skipRight .linkBtn{
    position: relative;
    width: 56px;
    height: 56px;
    right: -100px;
    -webkit-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	-moz-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	-ms-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	-o-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	transition: all 190ms cubic-bezier(.17,.58,.44,.86);
}
.skipRight.active .linkBtn{
    position: relative;
    width: 56px;
    height: 56px;
    right: 30px;
}
.plusIcon{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.video360{
    padding: 20px 20px 15px 20px;
    background-color: #FFFFFF;
    position: relative;
}
.video360 ul{
    position: absolute;
    bottom: 40px;
    width: 100%;
    margin: auto;
    left: 0;
    text-align: center;
}
.video360 ul li.sep{
    width: 25px;
    background: url('../img/campagna_dotted_repeat.png') left center repeat-x;
    height: 56px;
}
.baloon{
    width: 56px;
    height: 56px;
    display: block;
    border: 3px solid #FFFFFF;
    border-radius: 100%;
    position: relative;
    color:#FFFFFF;
    -webkit-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	-moz-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	-ms-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	-o-transition: all 190ms cubic-bezier(.17,.58,.44,.86);
	transition: all 190ms cubic-bezier(.17,.58,.44,.86);
}
.baloon:focus,
.baloon:visited{
    color: #FFFFFF;
}
.baloon.selected .desc{
    display: block;
}
.baloon.b1{
    background: url('../img/campagna_ico_1.png') center center no-repeat;
}
.baloon.b2{
    background: url('../img/campagna_ico_2.png') center center no-repeat;
}
.baloon.b3{
    background: url('../img/campagna_ico_3.png') center center no-repeat;
}
.baloon.b4{
    background: url('../img/campagna_ico_4.png') center center no-repeat;
}
.baloon.b5{
    background: url('../img/campagna_ico_5.png') center center no-repeat;
}
.baloon.selected{
    background-color: rgba(255, 255, 255, 0.2);
}
.baloon:hover{
    background-color: rgba(255, 255, 255, 0.2);
}
.baloon .desc{
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    width: 200px;
    top: -40px;
    left: -72px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 16px;
    display: none;
}
.baloon:hover .desc{
    color:#FFFFFF;
}
.baloon .desc span{
    color: #e4c180;
    display: block;
}
body.mobile .video360{
    padding: 10px;
}
.ricetteDiCampagna{
    background: url('../img/bgRicetteCampagna.jpg');
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-position: 50% 50%;
    padding-left: 0;
    padding-right: 0;

}
.ricetteStagionali{
    padding-left: 0;
    padding-right: 0;
}
.ricetteStagionali h3{
    font-family: 'sensations_and_qualitiesRg';
    font-size: 110px;
    color: #FFFFFF;
    padding-top: 0;
    text-align: center;
    padding-bottom: 20px;
}
.ricetteDiCampagna h3{
    font-family: 'sensations_and_qualitiesRg';
    font-size: 110px;
    color: #FFFFFF;
    padding-top: 50px;
    text-align: center;
    padding-bottom: 20px;
}
.ricetteDiCampagna .theme-arrows{
    position: relative;
    z-index: 1;
}
.ricetteDiCampagna .theme-arrows a{
    display: block;
    position: absolute;
    width: 56px;
    height: 56px;
}
.ricetteDiCampagna .theme-arrows a.leftArr{
    left: 20px;
}
.ricetteDiCampagna .theme-arrows a.rightArr{
    right: 20px;
}
.ricetteStagionali .item{
    position: relative;
    display: block;
    cursor: pointer;
}
.ricetteStagionali .table{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.ricetteDiCampagna .item .table{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 400ms cubic-bezier(.17,.58,.44,.86);
    -moz-transition: all 400ms cubic-bezier(.17,.58,.44,.86);
    -ms-transition: all 400ms cubic-bezier(.17,.58,.44,.86);
    -o-transition: all 400ms cubic-bezier(.17,.58,.44,.86);
    transition: all 400ms cubic-bezier(.17,.58,.44,.86);
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
}
body.mobile .ricetteDiCampagna .item .table{
    opacity: 1 !important;
}
.ricetteStagionali .table-cell{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
}
.ricetteDiCampagna .table-cell{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
.ricetteDiCampagna .table-cell.black{
    background: rgba(0, 0, 0, 0.5);
}

.ricetteDiCampagna .yearNum {
    max-width: 30%;
    width: 57px !important;
    margin: 0 auto;
}
.ricetteStagionali .yearNum{
    max-width: 30%;
    width: 80px !important;
    margin: 0 auto;
    padding-top: 40px;
}
.ricetteDiCampagna .item{
    display: block;
    cursor: pointer;
}
.ricetteDiCampagna .item ul li a{
    color: #ffffff;
    
    font-size: 14px;
    text-decoration: underline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ricetteStagionali .item ul li a{
    color: #ffffff;
    
    font-size: 18px;
    text-decoration: underline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ricetteDiCampagna .item:hover .table{
    opacity: 1;
}
.ricetteDiCampagna p, .ricetteDiCampagna .abstract {
    padding-top: 20px;
    color: #ffffff;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 18px;
    text-transform: uppercase;
}
.ricetteStagionali p, .ricetteStagionali .abstract {
    color: #ffffff;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
}
.ricetteStagionali .imgRecipe{
    width: 100%;
}
.risposte{
    background: url('../img/bgCampagnaConsigli.jpg');
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-position: 50% 50%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 35px;
}
.risposte a{
    display: block;
    color: #FFFFFF;
    cursor: pointer;
}
.risposte a:focus,
.risposte a:visited,
.risposte a:hover{
    color: #FFFFFF;
}
.risposte h3{
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 70px;
    padding-bottom: 70px;
    line-height: 26px;
}
.risposte .abstract{
    text-transform: uppercase;
    font-size: 24px;
    color: #FFFFFF;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 15%;
    padding-right: 15%;
    text-align: center;
    padding-top: 25px;
}
.risposte .table-cell{
    vertical-align: top;
}
.risposte .loghetto{
    width: 135px !important;
    height: auto;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -67px;
}
.risposte .table{
    height: 250px;
    min-height: 280px;
}
.risposte .reel{
    max-width: 90%;
    margin: 0 auto;
}

.risposte .theme-arrows{
    position: relative;
    z-index: 1;
}
.risposte .theme-arrows a{
    display: block;
    position: absolute;
    width: 56px;
    height: 56px;
}
.risposte .theme-arrows a.leftArr{
    left: 20px;
}
.risposte .theme-arrows a.rightArr{
    right: 20px;
}
.menuProcessi{
    padding-top: 50px;
    padding-bottom: 0;
}
.menuProcessi li{
    margin: 0;
    padding: 0;
}
.menuProcessi li.spacer{
    width: 30px;
}
.menuProcessi li a{
    background: #fbfbfb;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: all 350ms cubic-bezier(.17,.58,.44,.86);
    -moz-transition: all 350ms cubic-bezier(.17,.58,.44,.86);
    -ms-transition: all 350ms cubic-bezier(.17,.58,.44,.86);
    -o-transition: all 350ms cubic-bezier(.17,.58,.44,.86);
    transition: all 350ms cubic-bezier(.17,.58,.44,.86);
}
.menuProcessi li a.selected{
    background: #e4c180;
}
.menuProcessi li a p{
    color: #b5191e;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fbfbfb;
}
.menuProcessi li a.selected p{
    color: #e4c180;
}
.processiContent{
    min-height: 600px;
}
.promozione{
    display: block;
    padding: 30px 30px 0;
    background: #FFFFFF;
}
.promoImg{
    width: 100%;
    height: auto;
}
main.campagnaGr .singleReel h1{
    
    font-size: 90px;
    color: #FFFFFF;
    padding-top: 18%;
}
main.campagnaGr .singleReel h3{
    font-family: 'museo300';
    color: #edd5a6;
    border-top: 4px solid #edd5a6;
    border-bottom: 4px solid #edd5a6;
    line-height: 58px;
    font-size: 30px;
    display: inline-block;
    margin-top: 70px;
}
main.campagnaGr .ricetteContainer{
    background: #1d1a1a;
    width: 100%;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr{
    padding: 90px 0 58px 0;
    border-bottom: 1px solid #423b2e;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr h4{
    font-family: 'museo300';
    color: #edd5a6;
    font-size: 31px;
    text-align: center;
    margin: 0;
    padding: 0 0 30px 0;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .bordered{
    display: block;
    position: relative;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .bordered .imgVideo{
    width: auto;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .bordered .border{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #edd5a6;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .bordered .table{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .bordered .table .table-cell{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .bordered .table .table-cell img{
    max-width: 30%;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .hint{
    font-family: 'museo300';
    color: #7c6f57;
    font-size: 19px;
    margin-top: 20px;
    padding: 0;
    display: block;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .hint p{
    vertical-align: middle;
    display: inline-block;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .hint img{
    margin-top: -8px;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .regioneName{
    
    font-size: 40px;
    color: #FFFFFF;
    padding-top: 0;
    text-align: center;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .regioneCitta{
    font-family: 'museo300';
    color: #edd5a6;
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 10px 0 10px 0;
    border-top: 2px solid #edd5a6;
    border-bottom: 2px solid #edd5a6;
}
main.campagnaGr .ricetteContainer .itemCampagnaGr .mAuto{
    margin: auto;
}
/*
| -------------------------------------------------------------
| MEDIA QUERIES
| -------------------------------------------------------------
*/
@media only screen and (max-width : 1280px)
{
    header #desktopMenu li {
        padding-left: 20px;
    }
    header #desktopMenu li a {
        font-size: 15px;
    }
    .ageContent{
        padding-top: 75px;
    }
    .ageContent .logo{
        display: inline-block;
        width: 160px;
    }
    .ageContent .quando{
        font-size: 20px;
    }
    .owl-carousel .item .slideContent .text h3{
        font-size: 48px;
        padding: 0 25% 1%;
    }
    .owl-carousel .item .slideContent .text p{
        padding: 0 25% 4%;
    }
    p{
        font-size: 18px;
    }
    .owl-carousel .slideContent .additionalLogo{
        margin: -5% auto 0;
    }
    #productDetail .malto{
        left: 30px;
    }
    body .stripe{
        height: 380px;
    }
    body .stripe .innerImg {
        width: 245px;
    }
    footer .cuorePeroniLogo {
        width: 55px;
    }
    footer ul.apps{
        margin: 0;
    }
    #recipeList .recipe .content{
        padding: 15px;
    }
    #recipeList .recipe .content h4{
        font-size: 16px;
    }
    #recipeList .recipe .content .categ{
        font-size: 14px;
    }
    #recipeList .recipe .content .time,
    #recipeList .recipe .content .prod,
    #recipeList .recipe .content .chef{
        font-size: 12px;
    }
    #recipeList .recipe .content .icon{
        height: 20px;
        padding-right: 10px;
    }
    .s-p-100 {
        padding-left: 50px;
        padding-right: 50px;
    }
    .risposte .reel{
        width: 80%;
    }
    main.campagnaGr .singleReel h1{
        font-size: 60px;
    }
    main.campagnaGr .singleReel h3{
        line-height: 60px;
        font-size: 29px;
        margin-top: 25px;
    }
    main.campagnaGr .ricetteContainer .itemCampagnaGr h4{
        font-size: 27px;
        padding: 0 0 20px 0;
    }
}

@media only screen and (max-width : 992px)
{
    header #desktopMenu{
        display: none;
    }
    #mobileMenuBtn {
        display: block;
    }
    header .table-cell{
        text-align: center;
    }
    header a.logo{
        width: 80%;
    }
    header a.logo .peroni{
        width: 100%;
    }
    .risposte .owl-theme .owl-dots,
    .risposte .owl-theme .owl-nav{
        margin-top: 20px !important;
        height: 30px;
    }
    p{
        font-size: 18px;
    }
    .owl-theme .owl-dots, .owl-theme .owl-nav{
        margin-top: -50px !important;
        height: 50px;
    }
    body .stripe .innerImg{
        margin-left: 0;
        margin-right: 0;
    }
    body .stripe.active .innerImg{
        margin-top: 10%;
        margin-left: 0;
        margin-right: 0;
    }
    .singleReel .slideContent .additionalLogo{
        width: 50%;
        max-width: 425px;
        margin-top: -10%;
    }
    .qualitaMenu a{
        padding: 15px 0;
    }
    .colToRight{
        text-align: center;
    }
    footer .extLink{
        margin-top: 0;
    }
    footer .appsCta{
        padding-top: 35px;
    }
    .colToLeft{
        text-align: center;
    }
    #productDetail .malto{
        left: 30px;
    }
    #prodDetailRecipes .recipe{
        margin-bottom: 35px;
    }
    .smallPl{
        padding-left: 7px;
    }
    .smallPr{
        padding-right: 7px;
    }
    .prodList{
        padding-top: 0;
    }
    #recipeList .recipe .content h4{
        font-size: 24px;
    }
    #recipeList .recipe .content .categ{
        font-size: 14px;
    }
    #recipeList .recipe .content .time,
    #recipeList .recipe .content .prod,
    #recipeList .recipe .content .chef{
        font-size: 14px;
    }
    .ricetteDiCampagna h3,
    .ricetteStagionali h3{
        font-size: 68px;
    }
    #productDetail ul.awards li p{
        font-size: 11px;
    }
    main.campagnaGr .ricetteContainer .itemCampagnaGr .bordered .imgVideo{
        width: 100%;
    }
    main.campagnaGr .ricetteContainer .itemCampagnaGr{
        padding: 60px 0 38px 0;
    }
    main.campagnaGr .ricetteContainer .itemCampagnaGr h4{
        font-size: 25px;
    }
    main.campagnaGr .ricetteContainer .itemCampagnaGr .hint p{
        font-size: 17px;
    }
    main.campagnaGr .ricetteContainer .itemCampagnaGr .mAuto{
            margin: 0 auto;
    }
    main.campagnaGr .ricetteContainer .itemCampagnaGr .regioneCitta{
        margin: 0 0 60px 0;
    }
    main.campagnaGr .ricetteContainer .itemCampagnaGr .hint{
        text-align: center;
    }
    main.campagnaGr .ricetteContainer .recipeCol{
        margin: 50px auto 0;
    }
}

@media only screen and (max-width : 768px)
{
    .ageContent {
        padding-top: 45px;
    }
    .ageContent .quando{
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .ageContent .inputContent input{
        max-width: 25%;
        font-size: 18px;
    }
    .ageContent .inputContent button[name="ageBtn"]{
        width: 300px;
        font-size: 18px;
    }
    p{
        font-size: 18px;
    }
    .owl-theme .owl-dots, .owl-theme .owl-nav{
        margin-top: -50px !important;
    }
    .risposte .owl-theme .owl-dots,
    .risposte .owl-theme .owl-nav{
        margin-top: 20px !important;
        height: 30px;
    }
    header #desktopMenu{
        display: none;
    }
    #mobileMenuBtn {
        display: block;
    }
    header .table-cell{
        text-align: center;
    }
    header a.logo{
        width: 80%;
    }
    header a.logo .peroni{
        width: 100%;
    }
    body .stripe {
        height: 375px;
    }
    body .stripe.active .innerImg{
        margin-top: 30%;
        margin-right: 0;
    }
    body.mobile .stripe.active .innerImg{
        margin-top: 30%;
    }
    .singleReel .slideContent .additionalLogo{
        width: 50%;
        max-width: 425px;
    }
    .prodList a.thumb h3 {
        font-size: 18px;
    }
    body.mobile .prodList a.thumb h3 {
        font-size: 14px;
    }
    .prodList{
        padding-top: 0;
    }
    .smallPl{
        padding-left: 7px;
    }
    .smallPr{
        padding-right: 7px;
    }
    body.mobile .reelProdDetail .reelProdLogo{
        position: absolute;
        width: 20%;
        height: auto;
    }
    body.mobile #productDetail{
        padding: 30px 0 0;
    }
    body.mobile #productDetail h1,
    body.mobile #productDetail h3,
    body.mobile #prodDetailRecipes h3{
        font-size: 20px;
    }
    body.mobile #productDetail p,
    body.mobile #productDetail ul li,
    body.mobile #productDetail ul li span{
        font-size: 16px;
        color: #8c8c8c;
    }
    body.mobile #productDetail p.prodDescription{
        padding: 0 0 50px 0;
        margin: 0;
    }
    body.mobile #productDetail ul{
        margin: 0 0 50px 0;
        padding: 0;
    }
    body.mobile #prodDetailRecipes .recipe .content{
        padding: 20px 15px;
    }
    body.mobile #prodDetailRecipes .recipe .content h4{
        font-size: 26px;
    }
    body.mobile #productDetail .caratContainer p{
        color: #FFFFFF;
    }
    body.mobile #prodDetailRecipes{
        padding-bottom: 20px;
    }
    body.mobile #prodDetailRecipes .recipe{
        margin-bottom: 15px;
    }
    #recipeList .recipe .img-responsive{
        width: 100%;
    }
    #recipeList .recipe .content h4{
        font-size: 26px;
    }
    #recipeList .recipe .content .categ{
        font-size: 16px;
    }
    #recipeList .recipe .content .time,
    #recipeList .recipe .content .prod,
    #recipeList .recipe .content .chef{
        font-size: 16px;
    }
    #recipeList .recipe .content .icon{
        height: 30px;
        padding-right: 10px;
    }
    body.mobile #recipeList .recipe .content .icon{
        height: 20px;
        padding-right: 10px;
    }
    body.mobile #recipeList .recipe .content .time,
    body.mobile #recipeList .recipe .content .prod,
    body.mobile #recipeList .recipe .content .chef{
        font-size: 12px;
    }
    body.mobile .recipeMenu{
        bottom: 0;
    }
    body.mobile .recipeMenu a{
        padding: 13px 20px;
        font-size: 11px;
        margin-bottom: 15px;
    }
    body.mobile .overlayContainer .content a{
        padding: 13px 20px;
        font-size: 12px;
        width: 80%;
    }
    body.mobile #recipeDetail .details{
        padding-top: 40px;
        padding-left: 15px;
    }
    body.mobile #recipeList{
        padding-bottom: 0;
    }
    body.mobile .historyReel.owl-theme .owl-dots,
    body.mobile .historyReel.owl-theme .owl-nav{
        position: relative;
        margin-top: -30px !important;
        height: 30px !important;
    }
    body.mobile .historyDetailContent .content{
        padding-top: 40px;
    }
    body.mobile .s-p-100 {
        padding-left: 20px;
        padding-right: 20px;
    }
    body.mobile .historyDetailContent .content ul{
        margin-left: 0;
    }
    body.mobile .historyDetailContent .content ul li{
        width: 49%;
        padding-right: 0;
        padding-left: 0;
    }
    body.mobile .historyDetailContent .content ul li a{
        text-align: center;
        padding: 16px 30px;
    }
    body.mobile .closeBtn{
        width: 25%;
    }
    body.mobile .historyList .yearNum {
        max-width: 25%;
    }
    body.mobile .historyList p, body.mobile .historyList .abstract{
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px;
    }
    body .stripe .innerImg{
        width: 80%;
    }
    footer .menuSection{
        min-width: 14%;
        float: left;
        height: auto;
        text-align: center;
    }
    body.mobile footer .menuSection{
        min-height: auto;
        width: 14%;
        float: left;
        padding-right: 0;
    }
    body.mobile #mobileMenu .menuSection{
        width: auto;
    }
    body.mobile footer h3 a{
        font-size: 9px;
    }
    body.mobile footer ul.socials {
        display: inline-block;
        padding: 0;
        margin: 0 0 25px 0;
    }
    body.mobile footer ul.socials li {
        padding: 5px 27px;
    }
    body.mobile footer .extLink{
        width: 49%;
        font-size: 12px;
    }
    body.mobile footer ul.apps .svg{
        width: 100%;
    }
    .plusIcon{
        width: 30px;
        height: 30px;
        position: absolute;
        bottom: 15px;
        right: 15px;
    }
    body.mobile .promozione{
        display: block;
        padding: 0 0 20px;
        background: #FFFFFF;
    }
    main.campagnaGr .singleReel h1{
        font-size: 40px;
        padding-top: 39%;
    }
    main.campagnaGr .singleReel h3{
        line-height: 24px;
        font-size: 19px;
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
}

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

    body .stripe .innerImg{
        width: 80%;
    }
    .singleReel .slideContent .additionalLogo{
        width: 50%;
        max-width: 425px;
    }
    .owl-carousel .slideContent .additionalLogo{
        width: 50%;
        max-width: 425px;
        margin: -12% auto 0;
    }
    .owl-carousel .item .slideContent .text p {
        padding: 0 12% 4%;
    }
    body .stripe.active .innerImg{
        margin-top: -23%;
    }
    body.mobile .stripe.active .innerImg{
        margin-top: -23%;
    }
    body.mobile .stripe .innerImg{
        margin-left: 0;
        margin-right: 0;
        width: 70%;
    }
    body.mobile .stripe .col-xs-6.maxHeight{
        width: 40%;
    }
    body.mobile .stripe .col-xs-6.noMaxHeight{
        width: 60%;
    }
    body.mobile .stripe h3{
        font-size: 22px;
    }
    body.mobile .stripe h4 p{
        font-size: 16px;
    }
    footer .disclaimer{
        text-align: left;
    }
    footer ul.disc li{
        padding: 0 8px 0 0;
    }
    footer ul.disc li a{
        font-size: 10px;
    }
    footer .discText{
        font-size: 8px;
    }
    .prodList a.thumb h3 {
        font-size: 18px;
    }
    .smallPl{
        padding-left: 7px;
    }
    .smallPr{
        padding-right: 7px;
    }
}
@keyframes zooom {
    from {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
    to {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
}
@media(max-width:1140px){
    header .socials{
        display: none;
    }
}