html, body {
    padding: 0px;
    margin: 0px;
}

/* QUESTO SERVE PER LE ANIMAZIONI HOME */

/*html {
    overflow: hidden;
}*/

/*
body {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    perspective: 1px;
    -webkit-perspective: 1px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
  color: #333; 
  font-family: 'Lato', sans-serif;
  font-size: 14px;
 position: relative;  
}*/

/* FINE QUESTO SERVE PER LE ANIMAZIONI HOME */


body { 
  overflow-x: hidden;
  margin: 0px;
  padding: 0px; 
  width: 100%;
  height: 100%; 
   font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.color_template{
  color: var(--color_template) !important;
}


h1{
line-height: 1em;
font-size: 18px;
/*font-weight: 300;*/
}
figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}



.popup {
  position: relative;
  background: #FFF;
  padding: 0px;
  width: auto;
  max-width: 700px;
  margin: 20px auto;
  box-sizing: border-box;
}

.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 700px;
margin: 20px auto;
box-sizing: border-box;
}

a {
  text-decoration: none;
  color: var(--color_template);
  transition: all 0.3s;
}
a:hover {
  color: #333;
}
a.active {
  /*color: #A47A32;*/
}


.flex{
position: relative;
}

.flex_order_reverse{
flex-direction: row-reverse;

}

.flex_center{
 align-items: center;
justify-content: center;
} 



.div_15{
width: 100%;
}
.div_20{
width: 100%;
}
.div_70{
width: 100%;
}

.div_25{
/*width: calc(25% - 25px);*/
width: 100%;
}
.div_33{
/*width: calc(33% - 25px);*/
width: 100%;
}

.div_40{
/*width: calc(33% - 25px);*/
width: 100%;
}
.div_50{
/*width: calc(50% - 25px);*/
width: 100%;
}
.div_60{
/*width: calc(66% - 25px);*/
width: 100%;
}

.div_66{
/*width: calc(66% - 25px);*/
width: 100%;
}
.div_75 {
/*width: calc(75% - 25px);*/
width: 100%;
}
.div_100 {
/*width: calc(75% - 25px);*/
width: 100%;
}


/*SEZIONE MENU*/

#bg_full{
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

#bg_full_logo{
position: absolute;
width: 100%;
padding: 0px 20% ;
box-sizing: border-box;
/*background-color: red;*/
top: 50%;
transform: translateY(-50%);
}
#bg_full_logo img{
width: 100%;
}
#bg_full_posate{
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);

}
#bg_full_copy{
position: absolute;
z-index: 1;
font-size: 10px;
color: #fff;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
text-align: center;
}

#bg_full_copy img{
width: 60px;
}

#bg_full_menu_lingue {
position: absolute;
top: 15px;
right: 15px;
width: 34px;
}

select#select_lingua{
width: 40px;
height: 40px;
background-color: var(--color_template);
border-radius: 4px;
line-height: 40px;
text-align: center;
font-size: 16px;
display: block;
color: #fff;
text-transform: uppercase;
font-weight: bold;
border: 0px ;
padding: 0px ;
margin: 0px;
-webkit-appearance: none;
-moz-appearance: none;
text-align-last: center;
}


#menudig_language{
float:right; margin:15px;
}
#menudig_language a{
width: 48px;
height: 48px;
background-color: #333;
color: #fff;
border-radius: 50%;
line-height: 48px;
text-align: center;
font-size: 20px;
display: inline-block;

text-transform: uppercase;
font-weight: bold;
border: 0px ;
padding: 0px ;
margin: 0px;
-webkit-appearance: none;
-moz-appearance: none;
}

#menudig_language a.active, #menudig_language a:hover{
background-color: var(--color_template);
color: #fff;
}

@media not all and (min-resolution:.001dpcm) { @media {
select#select_lingua{ 
  text-indent: 10px;
}
}}


select#select_lingua::-ms-expand {
    display: none;
}

#bg_full_menu_lingue a{
width: 34px;
height: 34px;
background-color: var(--color_template);
border-radius: 50%;
line-height: 34px;
text-align: center;
font-size: 14px;
display: block;
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
}
#bg_full_menu_lingue a:hover{
background-color: #000;

}

#menudig_header_home{
display: inline-block;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 200px;
position: relative;
z-index: 0;
}


#menudig_menu{
padding: 20px ;
display: inline-block;
box-sizing: border-box;
width: 100%;

margin-bottom: 90px;
}
#menudig_menu a{
width: 100%;
border: 2px solid var(--color_template);
color: var(--color_template);
text-align: center;
font-size:17px;
padding: 15px ;
border-radius: 25px;
display: inline-block;
margin-bottom: 15px;
box-sizing: border-box;
font-weight: bold;
}
#menudig_menu a span{
font-size: 15px;
float: right;
}
#menudig_footer {
position: fixed;
bottom: 20px;
left: 20px;

background-color: var(--color_template);
width: calc(100% - 40px);
-webkit-box-shadow: 0px 4px 10px 0px #999;
-moz-box-shadow: 0px 4px 10px 0px #999;
-o-box-shadow: 0px 4px 10px 0px #999;
box-shadow: 0px 4px 10px 0px #999;
border-radius: 25px;
padding: 7px 20px ;
box-sizing: border-box;

display: flex;
 align-items: center;

z-index: 2;
}
#menudig_footer a{
width: 25%;
text-align: center;
position: relative;
}
/*#menudig_footer a:first-child{
text-align: left;
}
#menudig_footer a:last-child{
text-align: right;
}*/

#menudig_footer a img{
height: 30px;
}

#tot_preferiti {
position: absolute;
top: -5px;
left: calc(50% + 10px);
background-color: #333;
color: #fff;
border-radius: 50%;
display: inline-block;
font-size: 12px;
text-align: center;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
}

#menudig_header{
color: var(--color_template);
background-color: #fff;
padding-top: 35px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
-webkit-box-shadow: 0px 2px 10px 0px #B5B5B5;
-moz-box-shadow: 0px 2px 10px 0px #B5B5B5;
-o-box-shadow: 0px 2px 10px 0px #B5B5B5;
box-shadow: 0px 2px 10px 0px #B5B5B5;
font-size: 17px;
font-weight: bold;
position: relative;
}

#menudig_container{
background-color: #FBFBFB;
padding: 15px 15px 100px 15px;
box-sizing: border-box;
}

#filtri_box{
background-color: #FBFBFB;
padding: 15px 15px 30px 15px;
box-sizing: border-box;
display: none;
}



.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-piatti{
padding-bottom: 15px;
}

.swiper-piatti .swiper-slide {
  width: 65%;
}
a.item_piatto{
width: 100%;
background-color: #fff;
padding: 10px ;
font-size: 14px;
color: #333333;
font-weight: bold;
-webkit-box-shadow: 7px 7px 7px -5px #999;
-moz-box-shadow: 7px 7px 7px -5px #999;
-o-box-shadow: 7px 7px 7px -5px #999;
box-shadow: 7px 7px 7px -5px #999;
border-radius: 15px;
text-align: left;
display: inline-block;
box-sizing: border-box;
}

.item_piatto_caratteristiche{
position: absolute;
bottom: 25px;
right: 10px;
}

.item_piatto_caratteristiche img {
width: 20px;
margin-left: 3px;
}

.item_piatto_img{
width: 100%;
border-radius: 15px;
height: 140px;
object-fit: cover;
margin-bottom: 15px;
}
.item_piatto_text{
height: 40px;
color: #333;
}
.item_piatto_price{
color: var(--color_template);
}
.item_piatto_price img{
display: inline-block;
width: 18px;
vertical-align: middle;
margin-right: 1px;
}


a.item_menu_lista {
 display: block;
 width: 100%;
 border-bottom: 2px solid #F2F2F2 ;
 padding-bottom: 10px;
 margin-bottom: 10px;
 box-sizing: border-box;
 color: #333333;
}


.item_preferito{
margin-bottom: 15px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border-radius: 15px;
width: 100%;
background-color: #fff;
display: inline-block;
box-sizing: border-box;
padding: 10px ;
font-size: 14px;
color: #333333;
font-weight: bold;
line-height: 1.5em;
}

.item_preferito .item_piatto_img{
height: 90px;
margin-bottom: 0px;
}
.item_preferito .item_piatto_text{
height: auto;
}
.mfp-container{
padding: 0px !important;
}
#ajax_container_piatto{
padding:15px; 
box-sizing:border-box; 
background-color:#fff;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow-x: none;
overflow-y: auto;
}
.ajax_piatto_img{
width: calc(100% + 30px);
display: block;
margin-top: -15px;
margin-left: -15px;
margin-right: -15px;
}

.mfp-close-btn-in .mfp-close{
background-color: #000;
color: #fff !important;
border-radius: 50%;
/*padding: 20px ;*/
text-align: center;
}
.mfp-close {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
  right: 7px !important;
  top: 7px !important;
  font-size: 20px !important;
}  
a.add_preferiti{
border-radius: 25px;
width: 100%;
padding: 7px ;
box-sizing: border-box;
color: #fff;
display: inline-block;
background-color: #333;
font-size: 13px;
text-align: center;
font-weight: bold;
}
a.add_preferiti.active{
background-color: var(--color_template);
}

.item_preferito a.add_preferiti{
margin: 7px 0px;
font-size: 11px;
border: 2px solid #fff ;
}
.item_preferito a.add_preferiti.active{
border: 2px solid var(--color_template);
background-color: #fff;
color: var(--color_template);
}

input[type=date].default, input[type=text].default, input[type=email].default, input[type=number].default, textarea.default, select.default{
width: 100%;
border-radius: 4px;
padding: 12px 20px ;
border: 1px solid #eee ;
background-color: #f9f9f9;
box-sizing: border-box;
margin: 5px 0px;
display: block;
}
select[name=prefisso]{
padding: 12px 10px ;
}
input[name=cellulare]::-webkit-outer-spin-button,
input[name=cellulare]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[name=cellulare] {
  -moz-appearance: textfield;
}


input[type=submit].default, a.default{
background-color: var(--color_template);
width: 100%;
-webkit-box-shadow: 0px 4px 10px 0px #999;
-moz-box-shadow: 0px 4px 10px 0px #999;
-o-box-shadow: 0px 4px 10px 0px #999;
box-shadow: 0px 4px 10px 0px #999;
color: #fff;
border: 0px ;
border-radius: 4px;
padding: 12px 20px ;
box-sizing: border-box;
display: inline-block;
text-align: center;
}

input[type=submit]:disabled.default{
background-color: #ccc;
}


.item_filtro_all, .item_filtro_car{
display: inline-flex;
width: 49%;
font-size: 12px;
align-items:center;
margin-bottom: 10px;
font-weight: bold;
vertical-align: middle;
padding: 0px 5px ;
box-sizing: border-box;
}
.item_filtro_all img, .item_filtro_car img{
 width: 24px;
 background-color: #E6EBF2;
 padding: 4px ;
 border-radius: 4px;
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
}
.item_filtro_all.active, .item_filtro_car.active{
color: var(--color_template);
}
.item_filtro_all.active img, .item_filtro_car.active img{
background-color: var(--color_template);
}

.item_allergene{
display: inline-block;
width: 49%;
padding: 10px ;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
}

.item_allergene img{
 width: 28px;
 background-color: #E6EBF2;
 padding: 4px ;
 border-radius: 10px;
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
}

/* PRENOTAZIONI */
#prenotazioni_powered{
display: none;
}

#prenotazioni_header{
color: var(--color_template);
background-color: #fff;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
/*-webkit-box-shadow: 0px 2px 10px 0px #B5B5B5;
-moz-box-shadow: 0px 2px 10px 0px #B5B5B5;
-o-box-shadow: 0px 2px 10px 0px #B5B5B5;
box-shadow: 0px 2px 10px 0px #B5B5B5;
*/
border-top: 1px solid  #ebebeb;
border-bottom: 1px solid  #ebebeb;

font-size: 17px;
font-weight: bold;
position: relative;
}
#prenotazioni_header span{
color: #333;
font-size: 14px;
font-weight: normal;
}

#accordion_prenota{
background-color: #fff;
display: inline-block;
width: 100%;
}

#accordion_prenota_sx{
display: none;
}


#accordion_prenota .accordion-toggle {
cursor: pointer;
font-size: 16px;
color: var(--color_template);
font-weight: bold;
border-bottom: 1px solid #EBEBEB ;
padding-top: 20px; 
padding-bottom: 19px; 
background-image: url(../img/icon_close.png);
background-repeat: no-repeat;
background-position: right 15px center;
background-color: #FAFAFA;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 15px;
box-sizing: border-box;
}
#accordion_prenota .accordion-toggle span{
background-repeat: no-repeat;
background-position: left center;
padding-left: 35px;
padding-top: 5px;
padding-bottom: 5px;
}

#accordion_prenota .accordion-toggle.attivo{
color: #333;

}

#promo_text{
border: 1px solid green ;
border-radius: 8px;
padding: 10px ;
box-sizing: border-box;
display: none;
width: 100%;
font-size: 13px;

margin-bottom: 15px;
color: #333;
background-image: url(../img/icon_promo_prenotazione.svg);
background-repeat: no-repeat;
background-position: right 10px top 7px;
background-size: 22px 22px;
}
#promo_text span, span.promo_text{
background-color: #333;
color: #fff;
padding: 3px 6px;
display: inline-block;
border-radius: 5px;
font-size: 12px;
font-weight: bold;
}

#evento_text{
border: 1px solid green ;
border-radius: 8px;
padding: 10px ;
box-sizing: border-box;
display: none;
width: 100%;
font-size: 13px;
margin-bottom: 15px;
color: #333;
}


span.people{
background-image: url(../img/icon_people.png);
}
span.calendar{
background-image: url(../img/icon_calendar.png);
}
span.hour{
background-image: url(../img/icon_hour.png);
}
span.intolleranze{
background-image: url(../img/icon_intolleranze.png);
}
span.contatti{
background-image: url(../img/icon_contatti.png);
}
span.opzioni{
background-image: url(../img/icon_opzioni.png);
}



#accordion_prenota .accordion-toggle.active{
background-image: url(../img/icon_open.png);
}
/*#accordion_prenota .accordion-content {display: none;}*/
#accordion_prenota .accordion-content {
  display: none;
  color: #333;
  box-sizing: border-box;
  padding: 15px ;
  width: 100%;


}
#accordion_prenota .accordion-content.active {
  display:inline-block;
}


#accordion_prenota .accordion-content:not(#data_prenotazione) a:hover, #accordion_prenota .accordion-content:not(#data_prenotazione) a.active, 
#accordion_prenota .accordion-content:not(#data_prenotazione) a:hover strong, #accordion_prenota .accordion-content:not(#data_prenotazione) a.active strong{
background-color: var(--color_template);
color: #fff;
}

.accordion-content .item_menu_lista:last-child{
border-bottom: 0px ;
}

.datepicker-inline {
    width: 100% !important;
}
.datepicker table {
    width: 100% !important;
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover{
background-color: var(--color_template) !important;
color: #333 !important;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active{
background-color: var(--color_template) !important;
color: #333 !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
opacity: 0.2;
}

.accordion-content h3{
color: var(--color_template);
font-size: 16px;
text-transform: uppercase;
margin-bottom: 15px;
}

.div_item_orario{
  box-sizing: border-box;
  display: inline-block;
  width: calc(25% - 4px);
  position: relative;
  padding: 5px ;
    
}

a.item_orario {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 16px 0px;
  box-sizing: border-box;
  display: block;
  margin: 5px;
  color: #333;
  font-size: 14px;
  text-align: center;
  width: 100%;
}


.item_sconto{
background-color: #000;
font-weight: bold;
position: absolute;
top: 0px;
font-size: 14px;
text-align: center;
color: #fff;
right: 0px;
font-size: 11px;
padding: 5px;
box-sizing: border-box;
border-radius: 4px;
}


.item_evento{
background-color: #414143;
font-weight: bold;
position: absolute;
top: 0px;
font-size: 14px;
text-align: center;
color: #fff;
left: 0px;
font-size: 11px;
padding: 5px;
box-sizing: border-box;
border-radius: 4px;
}

.item_degustazione{
background-color: var(--color_template);
font-weight: bold;
position: absolute;
bottom: 0px;
font-size: 14px;
text-align: center;
color: #fff;
left: 0px;
font-size: 11px;
padding: 5px;
box-sizing: border-box;
border-radius: 4px;
display: none;
}


a.item_persone {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 18px;
  box-sizing: border-box;
  display: inline-block;
  margin: 5px;
  color: #333;
  font-size: 14px;
  text-align: center;
  width: 100%;
}

.avanti{
border: 1px solid  var(--color_template);
border-radius: 4px;
color: #333;
padding: 10px 50px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}

#logo_circle{
width: 150px;
height: 150px;
border-radius: 50%;
box-sizing: border-box;
border: 10px solid #fff ;
display: inline-block;
background-color: #fff;
background-position: center center;
background-size: 100%;
background-repeat: no-repeat;
}


.menudig_logo_circle{
width: 100%;
text-align: center;
margin-top: -60px;
z-index: 1;
position: relative;
}




a.button_bio_link{
background-color: var(--color_template);
width: 100%;
/*-webkit-box-shadow: 0px 4px 10px 0px #999;
-moz-box-shadow: 0px 4px 10px 0px #999;
-o-box-shadow: 0px 4px 10px 0px #999;
box-shadow: 0px 4px 10px 0px #999;*/
color: #fff;
border: 0px ;
border-radius: 25px;
padding: 12px 20px ;
box-sizing: border-box;
display: inline-block;
text-align: center;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}


/* HOMEPAGE CON ANIMAZIONI DEL 22 / 07 /2022 */

#logo_home{
    position: absolute;
    top: 17%;
    text-align: center;
    width: 100%;
}
#logo_home img{
width: 160px;
}
div.parallax, div.parallax_sfondo {
    width: 100vw;
    height: 100vh;
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    
}

div.parallax:after {
    background-image: url("../img/citta.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    content: "";
    transform: translateZ(-1px) scale(2);
    -webkit-transform: translateZ(-1px) scale(2);
    
}

div.parallax_sfondo{
position: absolute;
z-index: -1;
top:0px
}

#sole_luna {
width: 100%;

max-width: 800px;
position: absolute;
z-index: -200;
left: 67%;
top: 10%;

margin-left: auto;
margin-right: auto;
}

#clouds, #clouds_2 {
	width: 200%;

    transform: translateZ(-1px) scale(3);
    -webkit-transform: translateZ(-1px) scale(3);
	
background-size: contain;
  z-index: -2;
  position: absolute;
  top: 0%;
  background-repeat: repeat-x;
  background-position: center;    

}
#clouds{
	-webkit-animation: movingclouds 65s linear infinite;
	-moz-animation: movingclouds 65s linear infinite;
	-o-animation: movingclouds 65s linear infinite;
    background-image: url('../img/nuvole_banner_1.svg');
    	height: 230px;
}
#clouds_2{
	-webkit-animation: movingclouds 52s linear infinite;
	-moz-animation: movingclouds 52s linear infinite;
	-o-animation: movingclouds 52s linear infinite;
    background-image: url('../img/nuvole_banner_2.svg');
    	height: 300px;
}


@keyframes movingclouds {
	0% {margin-left: 0%;}
	100% {margin-left: -100%;}
}
#lampade {
width: 100%;
padding: 0px 20px ;
box-sizing: border-box;
max-width: 540px;
position: absolute;
z-index: 1;
top: 0%;
left:0;
right:0;

margin-left: auto;
margin-right: auto;
}

div.content-outer {
    width: 100%;
    background-color: white;
    perspective: 2px;
    -webkit-perspective: 2px;
}

div.content-inner {
    width: 1200px;
    margin: 0px auto;
    display: block;
}

.img_pasto{
width: 100%;

max-width: 600px;
position: absolute;
z-index: 1;
bottom: 0%;
left:0;
right:0;

margin-left: auto;
margin-right: auto;
}
.img_pasto img{
display: block;
}
#menu_desktop{
display: none;
position: absolute;
right: 0px;
top: 0px;
text-align: right;
padding: 30px 50px ;
z-index: 20;

}
#menu_desktop a{
font-size: 20px;
font-weight: bold;
color: #000;
width: 100%;
display: inline-block;
padding: 2px 0px;
}
#menu_desktop a:hover, #menu_desktop a.active{
color: #669999;
}

.h1_home{
text-align: center;
color: #FFCC66;
font-size: 43px;
font-weight: bold;
display: inline-block;
width: 100%;
}

.h2_home{
text-align: center;
color: #333;
font-size: 50px;
font-family: 'Lato light', sans-serif;
font-weight: lighter;
display: inline-block;
width: 100%;
margin-top: 0px;
}


/* FINE HOMEPAGE CON ANIMAZIONI DEL 22 / 07 /2022 */


/* NEW SITE del 22 luglio 2022 */
:root {
  --color_site_1: #FFCC66;
  --color_site_2: #669999;
}

.container_1440{
max-width: 1488px;
margin: 0px auto;
box-sizing: border-box;
}
.container_1200{
max-width: 1200px;
margin: 0px auto;
box-sizing: border-box;
}
.container_900{
max-width: 900px;
margin: 0px auto;
box-sizing: border-box;
}

.container_1800{
  max-width: 1800px;
margin: 0px auto;
box-sizing: border-box;  
}
.container_1540{
  max-width: 1540px;
margin: 0px auto;
box-sizing: border-box;  
}

.container_780{
  max-width: 780px;
margin: 0px auto;
box-sizing: border-box;  
}

.radius_full{
border-radius: 9999px;
}
.radius_large{
border-radius: 32px;
}
.radius_medium{
border-radius: 18px;
}
.radius_small{
border-radius: 12px;
}

.bg_white {
background-color: #fff;
}

.bg_grey {
background-color: #f8f8f8;
}

.bg_black {
background-color: #202125;
}
.bg_color {
background-color: var(--color_site_1);
}

.bg_color_light {
background-color: #f2fcfd;
}

.padding_large{
padding: 64px ;
}
.padding_medium{
padding: 32px ;
}
.padding_small{
padding: 16px ;
}
.margin_large{
margin-top: 64px;
margin-bottom: 64px;
}
.margin_medium{
margin-top: 28px;
margin-bottom: 28px;
}
.margin_small{
margin-top: 16px;
margin-bottom: 16px;
}
.fontsize_biglarge{
 font-size: 86px;

}
.fontsize_large{
 font-size: 42px;

}

.fontsize_normal{
 font-size: 28px;
 line-height: 1.4em;
}

.fontsize_small{
 font-size: 20px;
}

.font_300{
 font-weight: 300;
}
.font_400{
 font-weight: 400;
}

.font_700{
 font-weight: 700;
}
.font_900{
 font-weight: 900;
}



.fontcolor_black{
color: #333;
}
.fontcolor_grey{
color: #666;
}
.fontcolor_white{
color: #fff;
}
.fontcolor_color{
color: var(--color_site_1);
}
.bg_shadow{
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 16px 44px 0px
}

.text_center{
text-align: center;
}
.text_right{
text-align: right;
}


#menu_site{
position: sticky;
margin-bottom: -75px;
/*background-color: red;*/
top: 30px;
width: 100%;
padding: 0px 20px;
box-sizing: border-box;
transition-property: all;
transition-duration: .1s;
z-index: 9999;
}
#logo_site{
width: 90px;
}

#menu_site.sticky{
position: sticky;
background-color: rgba(255, 255, 255, 0.98);
top: 0px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 16px 44px 0px
}

#menu_site_desktop a{
border-radius: 32px;
padding: 10px 20px;
transition-property: all;
transition-duration: .2s;
}
#menu_site_desktop a:hover{
background-color: rgba(98,99,102,0.1);

}


.image_outbox{
margin-bottom: -25%;

}

a.button{
padding: 12px 25px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 11px 29px 0px;
transition-property: all;
transition-duration: .15s;
}
a.button:hover{
color: inherit;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.15) 0px 13px 24px 0px
}

.punto_elenco_home {
width:72px; 
height:72px; 
line-height: 72px;
text-align: center;
display:inline-block;
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 38px;
font-weight: 700;
border-radius: 9999px;
}


#table_price .table_price_row { 
border-top-left-radius:9999px;
border-bottom-left-radius:9999px;
padding: 10px ;
box-sizing: border-box;
background-color: #f8f8f8; 
}
#table_price .table_price_row:nth-child(odd) { 
background-color: #f0f0f0; 

}

.swiper-home .swiper-slide a{
text-align: left;
font-size: 14px;
font-weight: 300;
color: #666;
}
.swiper-home .swiper-slide a strong{
font-size: 16px;
font-weight: 700;
color: #333;
}

.swiper-home .swiper-button-next, .swiper-home .swiper-button-prev{
 transition: all 0.3s;
 transition-property: all;
 opacity: 0 !important;
 background-color: #fff;
 border-radius: 9999px;
 width: 24px;
 height: 24px;
 padding: 18px ;
 display: block;
}

.swiper-home:hover .swiper-button-next, .swiper-home:hover .swiper-button-prev{
opacity: 1 !important;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 11px 29px 0px;
}
.swiper-home .swiper-button-next:hover, .swiper-home .swiper-button-prev:hover{
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.15) 0px 13px 24px 0px

}


.footer_menu a{
display: inline-block;
width: 100%;
color: #fff;
font-size: 16px;
font-weight: 400;
color: #ccc;
margin: 10px 0px ;
}
.footer_menu a:hover{
color: #fff;
}

#box_menu_info a{
color: #ccc;
margin-right: 15px;
}
#box_menu_info a:hover{
color: #ccc;
}

#box_social a {
color: #fff;
font-size: 24px;
margin-left: 15px;
}
#box_social a:hover{
color: #ccc;
}

#item_promo a{
font-size: 24px;
font-weight: 700;
border-radius: 99999px;
padding: 16px 24px ;
}
#item_promo a:hover{
color: var(--color_site_1);
}
#item_promo a.active{
background-color: var(--color_site_1);
color: #fff
}

.item_id_evento{
font-size: 14px;
box-sizing: border-box;
width: 100%;
border-radius: 10px;
padding: 10px 0px;
border: 1px solid #ccc ;
display: inline-block;
margin-bottom: 15px;

background-image: url(../img/select_no.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px top 8px ;
}
.item_id_evento:hover, .item_id_evento.active{
border: 1px solid var(--color_template);
box-shadow:inset 0px 0px 0px 1px var(--color_template);
cursor: pointer;
background-image: url(../img/select_si.svg);
}

.item_id_evento_text{
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 0px 15px;
}

.item_id_evento .title{
font-weight: bold;
color: var(--color_template);;
}

.item_id_evento_more{
display: inline-block;
width: 100%;
border-top:  1px solid #ccc;
padding: 10px 15px 0px 15px;
box-sizing: border-box;
margin-top: 10px;
background-image: url(../img/icon_open.png);
background-repeat: no-repeat;
background-position: right 15px bottom;
}
.item_id_evento_more.active{
background-image: url(../img/icon_close.png);
}
a.allegato{
text-decoration: underline;
color: #666;
width: 50%;
display: inline-block;
padding: 10px 0px ;

}
 a.allegato:hover{
text-decoration: underline;
color: #333 !important;
background-color: #fff !important;
}

.item_id_evento_descrizione{

display: none;
width: 100%;
padding: 20px 15px 0px 15px;
box-sizing: border-box;

}
.acconto{
background-image: url(../img/icon_acconto.png);
background-repeat: no-repeat;
background-position: right center;
}



#box_wait{
display: none;
position: fixed;
background-color: rgba(255,255,255,0.9);
width: 100%;
height: 100%;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-image: url(../img/loading.gif);
background-position: center center;
background-repeat: no-repeat;
z-index: 999999;
}


a.item_orario.active, a.item_orario:hover, a.item_persone.active, a.item_persone:hover{
border: 1px solid var(--color_template) !important;
background-color: #F6F2F2 !important;
color: var(--color_template) !important;
box-shadow:inset 0px 0px 0px 1px var(--color_template);
}



.mobile{
display: block;
}
.desktop{
display: none;
}
.mobile_inline{
display: inline-block !important;
}
.desktop_inline{
display: none !important;
}