body{background-color: #000;}
main{max-width: 1150px;background-image: url("../img/bg-main.jpg");background-repeat: repeat-y; margin-left: auto; margin-right: auto; margin-top:-110px;}
.internal-container{background: url("../img/bg-main.jpg"), url("../img/pattern.png"); background-size: 840px auto, auto auto; background-position: center top, left center; background-repeat: repeat-y, repeat; }
*{position: relative;}
a:hover, a:focus{color: #f1e184; text-decoration: none;}
a{transform: color .2s ease-in-out; display: block; color:#333;}
a,p,h1,h2,h3{margin:0; line-height: 100%; font-weight: 300;}
p{font-size: 16px; line-height: 1.3;}

.inner-container{width:990px; margin-left: auto; margin-right:auto;}
.f-left{float: left;}
.f-right{float: right;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.color-white{color:#FFF;}
.color-primary{color: #f1e184; }
.font-montserrat{font-family: 'Montserrat', sans-serif;}
.font-playfair{font-family: 'Playfair Display', serif; font-style: italic;}
.font-raleway{font-family: "Raleway", sans-serif;}
.font-noto{font-family: "Noto Serif", serif;}
.light{font-weight: 300;}
.bold{font-weight: 700;}
.italic{font-style: italic;}
.clearfix{clear: both;}
.full-height{height: 100%;}
.full-width{width: 100%;}
.p-top-xl{padding-top: 140px;}
.p-top-l{padding-top: 80px;}
.p-top-m{padding-top:60px;}
.p-bottom-xl{padding-bottom: 140px;}
.p-bottom-l{padding-bottom: 80px;}
.p-bottom-m{padding-bottom: 60px;}
.m-bottom-m{margin-bottom: 40px;}
.no-margin{margin: 0;}
.no-padding{padding: 0;}
hr.large{width:100px; height:2px; background-color: #FFF; margin-top:30px;}
hr.small{width:50px; height:2px; background-color: #FFF; margin:35px 0 20px 0; }
.d-table{display: table;}
.d-table-cell{display: table-cell; vertical-align: middle;}
.d-inline-block{display: inline-block;}
.link{margin-top:20px; font-size:16px; font-weight: 500; line-height:1.4; display: table; border-bottom: 2px solid transparent; transition: all .2s ease-in-out;}
.link:hover{border-bottom: 2px solid #f1e184; color: #f1e184;}
.link.mappa{
    background-image: url("../img/placeholder.svg");
    background-size: auto 18px; 
    background-repeat: no-repeat; 
    background-position: top left; 
    padding-left:20px; 
    line-height: 20px; 
    margin:0px auto;
}
.link.mappa:after{content: none;}

.btn{padding: 20px 25px; display: inline-block; border:1px solid #f1e184; font-size: 15px;}
.btn.color-primary{background-color: transparent; transition: all .2s ease-in-out;}
.btn.color-primary:hover{background-color: #f1e184; color:#000;}
.bg-black{background-color: #000;}
/****TESTATA*****/
.top-header{padding-top:7px; padding-bottom: 8px;}
header{padding:30px 0; z-index: 9;}
.link-menu{font-size: 12px; line-height:24px; float:left; margin:0 10px; color:#FFF; border-bottom: 1px solid transparent; transition: all .2s ease-in-out;}
.link-menu:hover{border-bottom: 1px solid #f1e184;}

.logo{display: inline-block; height: 50px; width: 350px;}
.testata-home{background-image:url("../img/bg-header-home.jpg"); height:900px; background-size: cover; }
.testata-home h1{font-size: 85px;}
.testata-home p{font-size: 46px;}
.box-testata{position: absolute; top:50%; transform: translateY(-50%); margin-top:-110px; right:0;}
.testata-internal{height:400px; background-size: cover; padding:60px;}
.testata-internal h1{font-size: 70px; margin-bottom:10px;}
.testata-internal p{font-size: 38px;}
.box-testata-internal{display: table-cell; vertical-align: bottom; margin-left:auto; margin-right:auto; background-position: top center; background-size: cover;}
.testata-internal.gelato{background-image:url("../img/gelato-bg.jpg");}
.testata-internal.valori-persone{background-image:url("../img/valori-persone-bg.jpg");}
.testata-internal.ricerca-gusto{background-image:url("../img/ricerca-gusto-bg.jpg");}
.testata-internal.location{background-image:url("../img/location-bg.jpg");}
.testata-internal.contatti{background-image:url("../img/contatti-bg.jpg");}

/*****HOME***********/
.box-ingredienti{background-color: #000; margin-top:-225px; height:auto; box-shadow: 2px 2px 3px rgba(33, 33, 33, 0.35);}
.col-ingr{height:450px; padding: 0; overflow: hidden;}
.col-ingr>img{width: 100%; height: auto;}
.box-text-ingr{padding: 0px 60px 0 50px; margin-top:40px;}
.box-text-general{padding: 0px 60px 0 50px;}
.box-text-ingr h2, .box-text-general h2{font-size: 66px;}
.box-text-ingr .mini-title, .box-text-general .mini-title{font-size: 24px; margin-bottom:15px; }
.box-text-ingr .parag, .mini-title .parag{font-size: 16px; line-height: 1.3;}
.box-gusti{padding:110px 0 90px;}
.box-gusti h2{font-size: 56px; margin-bottom: 30px;}
.box-gusti .subtitle{font-size: 22px;}
.fascia-gusti{margin-top:90px; margin-bottom:80px;}
.label-gusti{font-size: 10px; margin-top:20px; letter-spacing: 0.5px;}

/**********GELATO*********/
.gusti{font-size: 26px; margin-bottom:45px;}
.bg-right-center{background-position: right center;}
.bg-left-center{background-position: left center;}
.bg-cannella{background-image: url("../img/cannella.png"); background-repeat: no-repeat; background-size: auto 65px;}
.bg-fragola{background-image: url("../img/fragola.png"); background-repeat: no-repeat; background-size: auto 65px;}
.bg-lime{background-image: url("../img/lime.png"); background-repeat: no-repeat; background-size: auto 65px;}
.bg-zenzero{background-image: url("../img/zenzero.png"); background-repeat: no-repeat; background-size: auto 65px;}
.col-gusti{overflow: hidden;}
.col-gusti>img{width: 100%;}

/*********VALORI PERSONE*********/
.citazione-parag{font-size: 30px; line-height: 1.2;}
.fascia-citazione{background-color:rgba(0, 0, 0, 0.4);}
.box-valori h2{font-size: 36px; margin-bottom: 20px;}
.citazione-biblio{font-size: 12px; text-transform: uppercase;  margin-top: 20px;}
.skill-valori h3{font-size: 39px; margin-bottom:30px;}

/************RICERCA GUSTO**********/

/**********CONTATTI******/
.box-contatti{padding:120px 0 110px 0;}
.box-contatti p{font-size: 16px; line-height: 1.4;}
.form-contatti{margin-top:85px;}
.input-text, textarea{
    background-color: transparent; 
    padding:15px 18px; 
    -webkit-appearance: none; 
    outline: none; 
    color:#FFF; 
    border:1px solid #FFF; 
    width: 100%; 
    font-family: "Raleway", sans-serif; 
    font-size: 16px;
    margin-bottom: 15px;
}
.input-submit{
    display: table; 
    padding:18px 60px;  
    font-family: "Raleway", sans-serif; 
    font-size: 16px;     
    margin:50px auto 0 auto;
    -webkit-appearance: none; 
    outline:none; 
    background-color: transparent;
 }
::-webkit-input-placeholder, :-moz-placeholder ,  ::-moz-placeholder, :-ms-input-placeholder{opacity: 1; color:#F4F4F4; }
input[type="checkbox"]{display: none;}
input[type="checkbox"] + label:before {
  border: 1px solid #FFF;
  content: "\00a0";
  display: inline-block;
  font-size: 28px;
  height: 16px;
  line-height: 10px;
  margin: 0 10px 0 0;
  padding: 0;
  vertical-align: top;
  width: 16px;
}
input[type="checkbox"]:checked + label:before {
  background: #3d404e; 
  content: "\2713";
  text-align: center;
}
input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}
input[type="checkbox"] + label{color:#FFF; font-size: 14px;}
.g-map{display: table; width: 100%;}
.g-map>iframe{float:left; pointer-events:none}
/********FOOTER***********/
.fascia-mappa{background-image:url("../img/mappa-1.jpg"); background-size: cover; background-position: top center; padding: 100px 0;}
.box-black{padding:40px 0; width: 400px; max-width: calc(100% - 40px); display: block; margin-left: auto; margin-right: auto; background-color: #000; }
.box-black h3{font-size: 36px; margin-bottom: 30px; }
.box-black .text-city{font-size:23px; margin-bottom: 15px;}
.box-black .text-address{font-size:16px; margin-bottom: 15px;}
.top-footer{padding:60px 0; display: table; width: 100%;}
.top-footer p, .top-footer a{font-size: 12px; }
.top-footer .f-left p{margin-top:25px;}
.top-footer .f-right a{margin-bottom:15px; float: right; clear: both; margin-top:0;}
.top-footer .f-right .social-icons{width:24px; height: 24px; background-color: white; border-radius: 12px; float:left; margin-left:10px; padding:5px; clear: none;}
.social-icons img{width: 100%;}
footer{background-color: #000; padding:25px 0;}
footer .content{width:1150px; margin:0 auto;}
footer p, footer a{font-size: 12px; color:rgba(255,255,255,0.3);}
footer a{display: inline-block;}
.wrapp{background-color: #FFF; padding-top:92px;}
.wrapp h1{font-size: 32px; margin:20px 0;}
.wrapp h2{font-size: 26px; margin: 10px 0;}
.wrapp h3{font-size: 22px; margin: 10px 0;}
.row.mappa-sito{ min-height:50vh;}
/************MEDIA QUERY**********/
@media all and (min-width:1101px)
{
  .col-5{float:left; width: 20%; padding-left: 15px; padding-right:15px;}
  .container{width:1100px;}
}
@media all and (min-width:991px) and (max-width:1100px)
{
    footer .content{width: auto;}
    footer p{margin-bottom:20px;}
    .col-5{float:left; width: 20%; padding-left: 15px; padding-right:15px;}
    .logo{max-width: 260px;}
    footer{padding:25px 20px;}
    footer .f-left, footer .f-right{float: none; text-align: center; display: block;}
    
}
@media all and (min-width:769px) and (max-width:990px)
{
    footer .content{width: auto;}
    footer p{margin-bottom:20px;}
    .inner-container{width:100%;}
}
@media all and (min-width:481px) and (max-width:768px)
{
    .p-top-xl{padding-top: 70px;}
    .p-top-l{padding-top: 40px;}
    .p-top-m{padding-top:30px;}
    .p-bottom-xl{padding-bottom: 70px;}
    .p-bottom-l{padding-bottom: 40px;}
    .p-bottom-m{padding-bottom: 30px;}
    .m-bottom-m{margin-bottom: 20px;}
    .box-testata {position: absolute;top: 50%;transform: translateY(-50%); margin-top: 0; right: 20px;}
    .testata-home h1{font-size: 55px;}
    .testata-home p{font-size: 33px;}
    .col-ingr{height: auto; padding:0 35px;}
    .box-text-general{padding:0px; margin-bottom: 30px;}
    .box-text-ingr{padding:20px 0px 40px; margin-top:0;}    
    .box-text-ingr h2, .box-text-general h2{font-size: 33px;}
    .box-gusti{padding:55px 0 45px;}
    .box-gusti h2{font-size: 28px;}
    .box-gusti .subtitle{font-size: 18px; margin-bottom: 30px;}
    .gusti{font-size: 20px; margin-bottom: 25px;}
    .fascia-gusti{margin-top:45px; margin-bottom: 40px;}    
    .fascia-gusti>div{margin-bottom:25px;}
    .box-valori h2{font-size: 28px;}
    .box-valori{margin-bottom: 30px;}
    .skill-valori h3{font-size: 30px;}
    img {width: 100%;}
    .testata-internal h1{font-size: 35px; margin-bottom:10px;}
    .testata-internal p{font-size: 19px;}
    .citazione-parag{font-size: 22px;}
    .menu{display: none; position: fixed; top:0; bottom:0; left:0; right:0; background-color: #000; z-index: 9; padding:10vh 0;}
    .link-menu{font-size: 24px; line-height: 10vh; float:none;}
    .link-menu:hover{border:0;}
    .menu>.f-left, .menu>.f-right{float:none;}
    header{background-color: #000; position: fixed; z-index: 99; width: 100%; padding:15px 0;}
    footer .content{width:auto; margin:0 auto;}
    footer p{text-align: justify;}
    footer{padding:25px 20px;}
    footer .f-left, footer .f-right{float: none; text-align: center; display: block;}
    .container, .inner-container{width:100%; padding-right:15px; padding-left: 15px;}
    body{padding-top: 0;}
    main{margin-top: 0; padding-top: 72px;}
    .testata-home{height: 400px;}
    .testata-internal{height:250px; background-size: cover; padding:30px;}
    .box-ingredienti{margin-top: 0;}
    .logo{float:left; width: 250px; padding-left:5px; z-index: 8;}
    .top-footer .f-right a
    {
        margin-bottom: 5px;
        float: none;
        display: block;
        text-align: center;
    }
    .link:hover {color: #f1e184;border:0;}
    .top-footer .f-right .social-icons{float:none; display: inline-block; width:30px; height: 30px; border-radius: 20px;}    
    .m-bottom-mobile{margin-bottom:20px;}
    #mobile-menu{display: block; z-index: 10;}
    #mobile-menu span{height:4px; margin-bottom:10px; background-color: #FFF; width: 40px; display: block; transition: all .3s linear;}
    #mobile-menu.opened span:nth-child(1)
    {
        transform: rotate(45deg);
        margin-top:14px;
    }
    #mobile-menu.opened span:nth-child(2){width:0px;}
    #mobile-menu.opened span:nth-child(3){transform: rotate(-45deg); margin-top:-28px;}
    .box-contatti{padding:60px 0 55px 0;}
}
@media all and (max-width:480px)
{
    .p-top-xl{padding-top: 70px;}
    .p-top-l{padding-top: 40px;}
    .p-top-m{padding-top:30px;}
    .p-bottom-xl{padding-bottom: 70px;}
    .p-bottom-l{padding-bottom: 40px;}
    .p-bottom-m{padding-bottom: 30px;}
    .m-bottom-m{margin-bottom: 20px;}
    .box-testata {position: absolute;top: 50%;transform: translateY(-50%); margin-top: 0; right: 20px;}
    .testata-home h1{font-size: 55px;}
    .testata-home p{font-size: 33px;}
    .col-ingr{height: auto; padding:0 20px;}
    .box-text-general{padding:0px; margin-bottom: 30px;}
    .box-text-ingr{padding:20px 0px 40px;}    
    .box-text-ingr h2, .box-text-general h2{font-size: 33px;}
    .box-gusti{padding:55px 0 45px;}
    .box-gusti h2{font-size: 28px;}
    .box-gusti .subtitle{font-size: 18px; margin-bottom: 20px;}
    .gusti{font-size: 20px; margin-bottom: 25px;}
    .fascia-gusti>div{margin-bottom:25px;}
    .box-valori h2{font-size: 28px;}
    .box-valori{margin-bottom: 30px;}
    .skill-valori h3{font-size: 30px;}
    img {width: 100%;}
    .testata-internal h1{font-size: 35px; margin-bottom:10px;}
    .testata-internal p{font-size: 19px;}
    .citazione-parag{font-size: 22px;}
    .menu{display: none; position: fixed; top:0; bottom:0; left:0; right:0; background-color: #000; z-index: 9; padding:10vh 0;}
    .link-menu{font-size: 24px; line-height: 10vh; float:none;}
    .link-menu:hover{border:0;}
	.lang-box .link-menu, .lang-box span{display: inline-block;}
    .menu>.f-left>.link-menu{display: table; margin: 0 auto;}
    .menu>.f-left, .menu>.f-right{float:none;}
    header{background-color: #000; position: fixed; z-index: 99; width: 100%; padding:15px 0;}
    footer .content{width:auto; margin:0 auto;}
    footer p{text-align: justify;}
    .container, .inner-container{width:100%;}
    body{padding-top: 0;}
    main{margin-top: 0; padding-top: 72px;}
    .testata-home{height: 400px;}
    .testata-internal{height:250px; background-size: cover; padding:30px;}
    .box-ingredienti{margin-top: 0;}
    .logo{float:left; width: 250px; padding-left:5px; z-index: 8;}
	.logo > img {padding: 16px 0;}
    .row{margin:0;}
    .top-footer .f-right a
    {
        margin-bottom: 5px;
        float: none;
        display: block;
        text-align: center;
    }
    .link:hover {color: #f1e184;border:0;}
    .top-footer .f-right .social-icons{float:none; display: inline-block; width:32px; height: 32px; border-radius: 16px; }
    .m-bottom-mobile{margin-bottom:20px;}
    #mobile-menu{display: block; z-index: 10;}
    #mobile-menu span{height:4px; margin:10px 0; background-color: #FFF; width: 40px; display: block; transition: all .3s linear;}
    #mobile-menu.opened span:nth-child(1)
    {
        transform: rotate(45deg);
        margin-top:14px;
    }
    #mobile-menu.opened span:nth-child(2){width:0px;}
    #mobile-menu.opened span:nth-child(3){transform: rotate(-45deg); margin-top:-28px;}
    .box-contatti{padding:60px 0 55px 0;}
	
	


 
    
}