body { margin: 0; padding: 0; background: #FFF; font-family: Raleway, sans-serif; font-size: 20px; font-weight: 400; color: #020202; }
html { margin: 0; padding: 0;  }
strong { font-weight: 700; }




/********* BOOTSTRAP CUSTOM **********/
@media (min-width: 1200px) {
    .container { max-width: 1164px; }  /*1140 + 24 di padding*/
}





/********* TOP / MENU **********/
/*.navbar { padding: 0; }
.navbar-brand { padding: 0; }*/

.navbar-toggler { border-color: #B4463C; border-width: 1px; padding: 0.25rem 0.5rem;}
.navbar-toggler:hover { border:none; background-color: #B4463C;  }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(180, 70, 60, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.navbar-toggler:hover .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

#divTopMenu { font-family: 'Bitter', sans-serif; font-weight: 600; font-size: 16px; text-transform: uppercase; color: #646464; padding-bottom: 15px; }
.navbar #ulMenu a { color: #B4463C; padding: 20px 17px !important; }
.navbar #ulMenu a:hover { color: #732D37; }
.navbar #ulMenu a.sel { color: #732D37; }

.navbar #ulMenu > li:last-of-type a { padding: 20px 0 20px 17px !important; }

.dropdown-toggle::after { content: none; }
.dropdown:hover .dropdown-menu { display: block; margin-top: 0; }  /* per aver le voci di menu direttamente a comparsa all'hover */
.dropdown-menu { padding: 0; left: 20px; }
.dropdown-menu a { font-family: 'Bitter', sans-serif; font-weight: 600; font-size: 16px; text-transform: uppercase; color: #646464; }
.dropdown-menu a:hover { background: #B4463C; color: #FFF !important; }
.navbar #ulMenu .dropdown-menu a { padding: 13px 25px 12px 15px !important; }


@media (max-width: 1199.98px) {    
    .navbar-collapse { border-top: 1px solid #B4463C; margin-top: 15px; }
    .navbar-collapse #ulMenu a { background: #B4463C; margin-top: 5px; color: #FFF; font-weight: 300; padding: 10px 5px !important; text-align: center; font-size: 15px; }
    .navbar-collapse  #ulMenu a:hover { background: #732D37; }
    .navbar-collapse #ulMenu a.sel { color: #FFF; }
    .navbar-collapse #ulMenu > li:last-of-type a { padding: 10px 5px !important; }
    .navbar-collapse .dropdown-menu { display: block; }
}





/************ HOME  *************/
#divContainer1600 { max-width: 1600px; margin: auto; }

#divHome3Columns { padding-bottom: 90px; }
.homeColumn { text-align: center; }
.homeColumn img { max-width: 100%; }
.homeColumn strong { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 32px; padding: 40px 0 10px 0; display: block; }
.homeColumn p { font-family: Raleway, sans-serif; font-size: 20px; padding: 0 20px 20px 20px; }
.homeColumn a, .aBlock { display: inline-block; background-color: #B4463C; color: #FFFFFF; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 18px; text-decoration: none; padding: 10px 60px; }
.homeColumn a:hover, .aBlock:hover { background-color: #732D37;  color: #FFFFFF; }
.aBlock { padding: 11px 35px; }
.aBlock2 { padding: 11px 50px; }

#divTestimonianze, #divHomeNews { background-color: #E2DED5; padding: 60px 0 40px 0; }
.h3Title { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 100; font-size: 50px; background: url(../Images/trattino.png) no-repeat bottom center; padding-bottom: 20px; text-align: center; }
.h3Title.noTrattino { background: none; }
.pTestimonianza { font-size: 20px; padding: 30px 0 20px 0; max-width: 500px; margin: auto; }
.pTestimone { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 24px; }

.h3Title2 { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 200; font-size: 32px; }
.pText { font-size: 20px; }

.newListImg { border-radius: 20px; max-width: 100%; }
.listNewsData { font-size: 14px; }
strong.listNewsTitle { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 18px; }
.listNewsText { font-size: 15px;  }
.listNewsLink { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 18px; text-decoration: none; }
.listNewsLink:hover { color: #732D37; text-decoration: underline; }

#divFooterTop { background: url(../Images/footer-1-2.jpg) no-repeat center center; background-size: cover; min-height: 340px; }
#divFooterTop1 { padding-top: 70px; }
#divFooterTop2 { padding-top: 70px; }
.h4Footer {  color: #FFF; font-family: 'Bitter', sans-serif; font-weight: 100; font-size: 32px; line-height: 45px; }

#divFooterBottom { font-size: 14px; }
.h5Footer { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 16px;  }
.ulFooter { padding: 5px 0 0 0; margin-block: 0; list-style-type: none; }
.ulFooter li { padding: 0 0 4px 0;} 
.ulFooter a { color: #020202; text-decoration: none;  }
.ulFooter a:hover { color: #B4463C; }
.ulFooterSocial { padding: 5px 0 30px 0; margin-block: 0; list-style-type: none; }
.ulFooterSocial a, .ulFooterSocial li { display: inline-block; }
#divFooterLastRow { border-top: 1px solid #020202; font-size:12px; }





/********* ALTRE PAGINE **********/
.divTopImage { height: 380px; text-align: center; }
.divTopChiSiamo { background: url(../Images/chi-siamo.jpg) no-repeat center center; background-size: cover; }
.divTopIlProgetto { background: url(../Images/il-progetto.jpg) no-repeat center center; background-size: cover; }
.divTopRistorazioneSolidale { background: url(../Images/ristorazione-solidale.jpg) no-repeat center center; background-size: cover; }
.divTopAsporto { background: url(../Images/asporto.jpg) no-repeat center center; background-size: cover; }
.divTopCatering { background: url(../Images/catering.jpg) no-repeat center center; background-size: cover; }
.divTopAziende { background: url(../Images/eventi-aziendali.jpg) no-repeat center center; background-size: cover; }
.divTopNewsEventi { background: url(../Images/news-eventi.jpg) no-repeat center center; background-size: cover; }
.divTopSaleMeeting { background: url(../Images/sale-meeting.jpg) no-repeat center center; background-size: cover; }
.divTopPranziCeneInSala { background: url(../Images/pranzi-cene-in-sala.jpg) no-repeat center center; background-size: cover; }

.h1Title { color: #FFFFFF; font-family: 'Bitter', sans-serif; font-weight: 400; font-size: 50px; padding-top: 170px; }
.h3PageTitle { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 24px; padding-bottom: 15px; }

.divPersona { text-align: center; padding-bottom:80px; }
.divPersona img { max-width: 100%; border-radius: 50%; }
.divPersona strong { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 32px; display: inline-block; padding: 45px 0 8px 0;  }
.divPersona span { font-size: 20px; }
.divPersona { padding-bottom:50px; }  /*introdotto quando ho tolto le immagini */

.divBoxLeft { padding: 0; }
.divBoxRight { background: #E0DBD5; padding: 65px 15% 20px 100px; }

.divFricchio { text-align: center; padding-bottom:80px; }
.divFricchio img { max-width: 100%; }
.divFricchio strong { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 24px; display: inline-block; padding: 45px 0 0 0;  }
.divFricchio span { font-size: 20px; }

.divSeparatore { background: url(../Images/separatore.png) no-repeat center center; padding: 100px 0 110px 0; }
.pTrattino { background: url(../Images/trattino.png) no-repeat bottom center; padding-bottom: 30px; text-align: center; }


.divRistorazione { text-align: center; padding-bottom: 50px; }
.divRistorazione p { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 24px; padding-top: 30px; line-height: 32px; }

.divRistorazioneImg { padding-bottom: 30px; text-align: center; }
.divRistorazioneImg img { max-width: 100%; border-radius: 25px; }

.divHalfColumn { background: #DFDBD3; padding-left: 0; padding-right: 0; }
.divHalfColumn>img { width: 100%; }
.divHalfColumn1 { border-right: 2px solid #FFF; }
.divHalfColumn2 { border-left: 2px solid #FFF; }
.divHalfColumnBox { padding: 60px 0; text-align: center; }
.divHalfColumnBox h4 { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 200; font-size: 32px;  background: url(../Images/trattino.png) no-repeat bottom center; padding-bottom: 20px; }
.divRedText { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 24px; }

.ulMainList { padding: 25px 0 0 20px; list-style: none; }
.ulMainList li { font-weight: bold; text-transform: uppercase; float: left; width: 50%; padding-bottom: 10px; }
.ulMainList li::before { color: #B4463C; content: "\2022"; font-weight: bold;  display: inline-block; width: 1em; margin-left: -1em; font-size: 24px; }

.divBigBrown { background-color: #E2DED5; }

#divMap { height: 500px; }

#divFooterContatti { background: url(../Images/footer-contatti.jpg) no-repeat center center; background-size: cover; min-height: 296px; margin: 20px 0 30px 0; text-align: center; padding-top: 60px; }

.aFiltro { display: inline-block; padding: 12px 55px; color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 200; font-size: 32px; text-align: center; text-decoration: none; border: 1px solid #B4463C; }
.aFiltro:hover, .aFiltro.sel { background: #B4463C; color: #FFF;  }
#divNewsFiltri { border-bottom: 1px solid #B4463C; }

.pagination-area { text-align: center; width: 100%;}
.pagination-area .pagination { display: inline-block; list-style: none; padding: 20px 0 30px 0; }
.pagination-area .pagination li { display: inline; }
.pagination-area .pagination li a, .pagination-area .pagination li a.active { display: inline-block; margin-right: 20px; width: 40px; height: 40px; padding-top: 5px; margin-bottom: 10px; text-decoration: none; color: #B4463C; border: 1px solid #B4463C;  font-family: 'Bitter', sans-serif; font-weight: 300; }
.pagination-area .pagination li a:hover, .pagination-area .pagination li.active a { color: #FFF; background : #B4463C; }

.imgNewsMain { max-width: 100%; border-radius: 30px; }
.divNewsTypeDate { border-bottom: 1px solid #B4463C; font-size: 18px; } 
.h1NewsTitle { color: #B4463C; font-family: 'Bitter', sans-serif; font-weight: 400; font-size: 32px;  }
.divNewsDetails .po_text img { max-width: 100%; }
.ulDocs { padding: 30px 0 0 0; list-style-type: none; }
.ulDocs li { padding-bottom: 10px; }


/********* MODULO CONTATTI **********/
.divContactForm input { border: 1px solid #BBB; font-family: Raleway, sans-serif; font-size: 17px; padding: 6px 10px; box-sizing: border-box; color: #212529; width: 100%; }
.divContactForm textarea { border: 1px solid #BBB; font-family: Raleway, sans-serif; font-size: 17px; padding: 5px 10px; box-sizing: border-box; width: 100%;  }
#pPrivacy { display: inline; font-size: 18px; }
#pPrivacy a { color: #020202; font-weight: 700; text-decoration: none; }
#pPrivacy a:hover { color: #B4463C; }
#cbContactPrivacy { transform: scale(1.3); margin-right: 10px; margin-left: 4px; }
#divContactPrivacy #btnSubmit { float: right; background-color: #B4463C; color: #FFFFFF; font-family: 'Bitter', sans-serif; font-weight: 300; font-size: 18px; text-decoration: none; padding: 10px 40px; cursor: pointer; }
#divContactPrivacy #btnSubmit:hover { background-color: #732D37;  color: #FFFFFF; }
.divContactForm input,
.divContactForm select,
.divContactForm textarea {
    font-size: 1rem;
    font-family: inherit;
    line-height: 1.5;
}
input#tbDataEvento {
    color: grey;
}
.divContactForm #tbTipologia.form-select {
    color: grey;
}
.campi_richiesti{
    color: grey;
    font-size: 10px;
}
.privacy{
  font-size: .8rem;
  color: grey;  
  line-height: 1.5;
  margin: .25rem 0 0;
}




/********* MODULO NEWSLETTER **********/
#tbNameNewsletter {border: none; font-family: Raleway, sans-serif; font-size: 14px; padding: 6px 10px; box-sizing: border-box; color: #020202; display: block; margin: auto; min-width: 389px; }
.divContactFormNewsletter { display: inline-block; background: #FFF; }
#tbEmailNewsletter { border: none; height: 27px; padding: 11px 5px 10px 10px; box-sizing: content-box; font-family: Raleway, sans-serif; font-size: 14px; min-width: 220px; margin: 0; }
#btnSubmitNewsletter { margin: 0; cursor: pointer; }
#pPrivacyNewsletter { padding-top: 15px; color: #FFF;  font-size: 14px; }
#pPrivacyNewsletter a { color: #FFF; font-weight: 700; text-decoration: none; }
#pPrivacyNewsletter a:hover { color: #B4463C; }
#spanContactPrivacyNewsletter { display: inline-block; }
#cbContactPrivacyNewsletter { transform: scale(1.5); margin-right: 10px; }
#lblContactBoxFeedbackNewsletter { color: #FFF; }
#divContactBoxLoaderNewsletter { color: #FFF; }
.divContactBoxLoaderNewsletter {
    color: #fff;
}


/********* OWL-CAROUSEL **********/
@media (min-width: 767.98px) { 
    .owl-testimonianze .owl-prev { width: auto; height: 100px; position: absolute; top: 20%; left: -10px; display: block !important; border: none; }
    .owl-testimonianze .owl-next { width: auto; height: 100px; position: absolute; top: 20%; right: -10px; display: block !important; border: none; background: none; }
}

.owl-images .owl-prev { width: auto; height: 100px; position: absolute; top: 40%; left: 30px; display: block !important; border: none; }
.owl-images .owl-next { width: auto; height: 100px; position: absolute; top: 40%; right: 30px; display: block !important; border: none; background: none; }

.owl-images .owl-item img { border-radius: 30px; }

.owl-theme .owl-nav [class*=owl-]:hover { background: none !important; }


.owl-progetto { height: 100%; background: linear-gradient(90deg, #FFFFFF 50%, #E0DBD5 50%); }
.owl-progetto > div, .owl-progetto > div > div, .owl-progetto .owl-item, .owl-progetto .owl-item > div { height: 100%; }

.owl-carousel .owl-item .imgTestimone {  width: 200px; height: 200px; margin: auto; }




/********* RIUSABILI **********/
.none { display: none; }
.clearer { clear: both; height: 1px; overflow: hidden; }
.p-absolute { position: absolute; top: 0; left: 0; }
.p-relative { position: relative; }
.pointer { cursor: pointer; }
.max-w-100 { max-width: 100%; }
.max-h-100 { max-height: 100%; }
.max-d-100 { max-height: 100%; max-width: 100%; }
.centered_parent { position:  absolute; top: 0; left: 0; width: 100%; height: 100%; }  /* il suo contenitore deve avere position: relative */ 
.centered {  margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }  /* centratura orizzontale e verticale in .centered_parent */ 
.centered-vertical {  margin-top: 0; position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } 
.centered_img { width: 100%; height: 100%;  object-fit: cover; } /* applicare questa clase ad una immagine per farla estendere in modalità cover centrata */
.imgScaled { max-width: 100%; height: auto; } /* l'altezza si ridimensiona con l'altezza */
.divRatio16-9 {  position: relative; padding-top: 56.25%; /* 16:9 Aspect Ratio */ }
.divRatio1-1 { width: 100%; height: 0; padding-top: 100%; /* Aspect Ratio come un quadrato */ }
.rwd-video { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; }
.rwd-video iframe, .rwd-video object, .rwd-video embed {height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.roundedImg { border-radius: 20px; }
.roundedImg2 { border-radius: 25px; }




/********* GENERICO **********/
.pT5 { padding-top: 5px; }
.pT10 { padding-top: 10px; }
.pT20 { padding-top: 20px; }
.pT30 { padding-top: 30px; }
.pT40 { padding-top: 50px; }
.pT50 { padding-top: 50px; }
.pT60 { padding-top: 60px; }
.pT70 { padding-top: 70px; }
.pB0 { padding-bottom: 0; }
.pB10 { padding-bottom: 10px; }
.pB15 { padding-bottom: 15px; }
.pB20 { padding-bottom: 20px; }
.pB50 { padding-bottom: 50px; }
.pB60 { padding-bottom: 60px; }
.pB70 { padding-bottom: 70px; }

.ffBitter { font-family: 'Bitter', sans-serif; }
.fs18 { font-size: 18px; } 
.fs20 { font-size: 20px; } 
.fs24 { font-size: 24px; } 
.clFFF { color: #FFF; }
.clColore { color: #B4463C; }
.clColore2 { color:#732D37; }
.fw100 { font-weight: 100; }
.fw200 { font-weight: 200; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.lh45 { line-height: 45px; }
.aNoLink { color: #202020; text-decoration: none; }
.aNoLink:hover {  color: #B4463C; text-decoration: none; }
.aLinkRed { color: #B4463C; text-decoration: none; }
.aLinkRed:hover {  color: #B4463C; text-decoration: underline; }
.aLink { color: #020202; text-decoration: none; }
.aLink:hover {  color: #B4463C; text-decoration: underline; }
.aLink2 { color: #202020; text-decoration: underline; }
.aLink2:hover {  color: #B4463C; text-decoration: underline; }





/********* RESPONSIVE **********/
/* 576 - 768 - 992 - 1200 */
@media (max-width: 1199.98px) { 
    .divTopImage { height: 280px; }
    .h1Title { font-size: 50px; padding-top: 110px; }

    .divBoxRight { padding: 65px 10% 50px 80px; }

    #pPrivacy { display: block; }
    #divContactPrivacy #btnSubmit { float: none; display: inline-block; }
}


@media (max-width: 991.98px) {
    .homeColumn3 { padding-top: 100px; }
    .homeColumn strong { padding: 25px 0 10px 0; }
    .homeColumn p { padding: 0 20px 10px 20px; }

    #divFooterTop { background: none; }
    #divFooterTop1 { background: url(../Images/footer-1.jpg) no-repeat center center; background-size: cover; padding-bottom: 70px; }
    #divFooterTop2 { background: url(../Images/footer-2.jpg) no-repeat center center; background-size: cover; padding-bottom: 50px;}

    .divHalfColumn1 { border-right: none; padding-bottom: 80px; }
    .divHalfColumn2 { border-left: none; }

    .ulMainList { padding: 25px 0 0 25px; list-style: none; }
    .ulMainList li { float: none; width: auto; }

    .aLinkShort { font-size: 18px; }
    
    .owl-progetto { height: 100%; background: linear-gradient(180deg, #FFFFFF 50%, #E0DBD5 50%); }
}


@media (max-width: 767.98px) { 
    .homeColumn2, .homeColumn3 { padding-top: 120px; }
    
    .owl-images .owl-prev { top: 35%; left: 20px; }
    .owl-images .owl-next { top: 35%; right: 20px; }
    
    .aLinkShort { font-size: 20px; }
    
    .aFiltro { display: block;  padding: 10px 0; font-size: 26px; }
}


@media (max-width: 575.98px) { 
    .homeColumn2, .homeColumn3 { padding-top: 100px; }
    .h3Title { font-size: 38px; }
    .pTestimonianza { font-size: 19px; }

    .divTopImage { height: 200px; }
    .h1Title { font-size: 36px; padding-top: 80px; }
    
    .owl-images .owl-prev { top: 27%; left: 0; }
    .owl-images .owl-next { top: 27%; right: 0; }

    .divBoxRight { padding: 55px 8% 50px 40px; }
    .aBlock-responsive { padding: 11px 20px; }

    #tbNameNewsletter {  min-width: 417px; }
    .divContactFormNewsletter {  }
    #tbEmailNewsletter { min-width: 250px; }

    .divRedText a { font-size: 20px; }

    .pagination-area .pagination li a, .pagination-area .pagination li a.active { margin-right: 10px; }
}


@media (max-width: 400px) {  
    .divTopRistorazioneSolidale .h1Title { padding-top: 60px; }
}