.back-to-top {
		
		
		display:none !important;
	}
	
	
	
	.card-image p{
		
		    bottom: 0px;
    position: absolute;
    color: #fff;
    background: #00000080;
    width: 100%;
    height: 32px;
    align-items: center;
    padding-left: 8px;
	}
	
	.card-info{
		
		padding-bottom:0px;
	}
	
	.card-info .media-body{
		  
		    font-size: .9em;
			min-height: 40px;
			display: flex;
			align-items: center;
		    
   }
	
 .card-info .media-body.column{
	    flex-direction: column;
    align-items: flex-start;
}

		
	
	/****Panel*****/


/* Panel */

.panel {
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    border: 0!important;
    margin-bottom: 25px;
    border-radius: 0;
}


.opzioni{
	
	font-size: 0.8rem;
}



@media (min-width: 768px) {
    .panel > .row > div:first-child {
        padding-left: 15px;
        padding-right: 0;
    }

    .panel > .row > div:last-child {
        padding-left: 0;
        padding-right: 15px;
    }
	

	
	
}

.panel .panel-heading {
    padding: 20px 20px 20px 20px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0!important;
    height: 55px;
    font-size: 14px;
    font-weight: 600;
}

.panel .panel-heading .panel-title {
    font-size: 14px;
    float: left;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
}


.panel-title{
	
	
	margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
	
	
}

.panel .panel-heading .panel-title small {
    font-size: 80%;
}

.panel .panel-heading .panel-control {
    float: right;
    height: auto;
}

.panel .panel-heading .panel-control a {
    text-decoration: none;
    color: #ccc;
    margin-left: 5px;
    font-size: 14px;
    float: left;
}

.panel .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel .panel-body {
    position: relative;
    padding: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel .panel-heading + .panel-body {
    padding: 0 20px 20px 20px;
}

.panel-default .panel-heading {
    background: #f1f1f1;
    border-color: #e7e7e7;
}

.panel-default .panel-heading .panel-control a {
    color: #bbb;
}

.panel-default .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-primary .panel-heading {
    background: #7a6fbe;
    color: #fff;
}

.panel-primary .panel-heading .panel-control a {
    color: #fff;
}

.panel-primary .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-success .panel-heading {
    background: #22BAA0;
    color: #fff;
}

.panel-success .panel-heading .panel-control a {
    color: #fff;
}

.panel-success .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-info .panel-heading {
    background: #12AFCB;
    color: #fff;
}

.panel-info .panel-heading .panel-control a {
    color: #fff;
}

.panel-info .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-warning .panel-heading {
    background: #f6d433;
    color: #fff;
}

.panel-warning .panel-heading .panel-control a {
    color: #fff;
}

.panel-warning .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-danger .panel-heading {
    background: #f25656;
    color: #fff;
}

.panel-danger .panel-heading .panel-control a {
    color: #fff;
}

.panel-danger .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-transparent {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.panel-transparent .panel-heading .panel-control a {
    color: #ccc;
}

.panel-transparent .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-white {
    background: #fff;
}

.panel-white .panel-heading .panel-control a {
    color: #ccc;
}

.panel-white .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-purple {
    background: #7a6fbe;
}

.panel-purple .panel-heading {
    color: #fff;
}

.panel-purple .panel-body {
    color: #fff;
}

.panel-purple .panel-heading .panel-control a {
    color: #fff;
}

.panel-purple .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-green {
    background: #22BAA0;
}

.panel-green .panel-heading {
    color: #fff;
}

.panel-green .panel-body {
    color: #fff;
}

.panel-green .panel-heading .panel-control a {
    color: #fff;
}

.panel-green .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-blue {
    background: #12AFCB;
}

.panel-blue .panel-heading {
    color: #fff;
}

.panel-blue .panel-body {
    color: #fff;
}

.panel-blue .panel-heading .panel-control a {
    color: #fff;
}

.panel-blue .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-yellow {
    background: #f6d433;
}

.panel-yellow .panel-heading {
    color: #fff;
}

.panel-yellow .panel-body {
    color: #fff;
}

.panel-yellow .panel-heading .panel-control a {
    color: #fff;
}

.panel-yellow .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-red {
    background: #f25656;
	color: #fff;
}

.panel-red .panel-heading {
    color: #fff;
}

.panel-red .panel-body {
    color: #fff;
}

.panel-red .panel-heading .panel-control a {
    color: #fff;
}

.panel-red .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-placeholder {
    border: 2px dashed #ddd;
    margin-bottom: 20px;
}


/***Menu ristoratore***/
   
	article > .container-fluid{
		
		
	
	}
	
	
	
	.restaurant_name{
		
		
		    width: 100%;
    padding: .8em;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
	-ms-align-items: center;
	align-items: center;	
	}
	
	.restaurant_name > div{
		

	}
	
	.restaurant_name .card-logo {
    margin: 0px;
    width: 40px;
    height: 40px;
    align-self: center;
    display: flex;
	flex:1;	
		border-radius: 9px;
}
	
	.restaurant_name .card-categories {
    font-size: 0.8rem;
    margin-bottom: 5px;
}
	
.piatti .menu_landscape{
		
    height:150px;		
	position: relative;
		
		
	}	
	
.item_row{
	    margin-bottom: 0px;
}

.item_row .body{
	
	padding: 10px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.item_row .ingredienti{
	
	min-height:21px;
	    font-size: 14px;
	
}

.item_row .prezzo p{
	
	 color: #2299dd;
    font-weight: 600;
    font-size: 1.6rem;
    margin: 0px;
}
	
	
.item_row .posti_booking{
		
    font-size: 18px;
    padding: 5px;
		
		
	}	

.item_row .arrow{

	font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 120px;

}


.item_row .icon_panel {
    font-size: 1.3rem;
    display: flex;
    align-items: center;
}
	
.item_row .img_container{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 110px;
}
.item_row .img{
	
	    height: 80px;
    width: 80px;
    
	
}
	
#opzioniPiatto .img_container{	
	    display: flex;
    justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
#opzioniPiatto .img{
	
	    height: 120px;
    width: 120px;
    
	
}


.category,.livello_nome{
	
	    width: 100%;
    padding: .8em;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
 
	display: flex;
	
	
}

.menu{
	cursor:pointer;
}
	
.category.prenotazione{
	
	
    background: #9e38ab;

	
	
}	
	
	
.label_prenotazione{
	width: 100%;
    padding: .4em .8em;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
    background: #9e38ab;
    display: flex;
    position: absolute;
    bottom: 0px;
	}

	
.category a{	
	flex: 1;
    text-align: right;
	}

	.menu_content{
		
		min-height:100vh;
	}	
	
.item .panel-body,.item .panel-heading,.item .panel-title{
	
	width:100%;
	    padding-left: 0px;
    padding-right: 0px;
	
	
	
	
}

#menus .panel-body{
	
	padding:0px !important;
	
}

.piatti .panel-body{
	
	padding:0px !important;
	
}
	
.item_row .prezzo_container{
    display: flex;
	
}	
.item_row .prezzo_container > div{
    padding-right:5px;
	
}	
	
	
	
	#opzioniPiatto .ingredienti{
		
	text-align: left;
    padding: 5px;
    padding: 5px;
    font-size: 0.8rem;
    overflow-wrap: break-word;
	
	max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;	
		
	}

	#opzioniPiatto .descrizione{
		
	margin-bottom:5px;
	text-align: left;
    padding: 5px;
		
	
	max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;		
		
	}
	
	
	#opzioniPiatto .modal-header,#selezionaServizioModal .modal-header{
		
		 display: flex;
		flex-direction: column;
		position: relative;
		    min-height: 130px;
 
	}
	
	#opzioniPiatto .modal-header .close,#selezionaServizioModal .modal-header .close{
	position: absolute;
    right: 1rem;
    top: 1rem;
	z-index:10;	
		opacity:1;
		}
	
	#opzioniPiatto .modal-header h3,#opzioniPiatto .modal-header .prezzo{
	position: relative;
	z-index:10;	
    
	}
	
	#opzioniPiatto .overlay{
		
    width: 100%;
    height: 100%;
    background: #00000090;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
	}
	
	#opzioniPiatto .date > .input-group-addon{
    
	border: none;
    display: flex;
    align-items: center;
    padding: 18px;
    color: #fff;
    font-size: 2.2rem;
		
	}	
	
	
	#opzioniPiatto .date > .input-group-addon i{
    
    color: #fff;
   
		
	}	
	
	#opzioniPiatto .date > .input-group-addon span{
	font-size: 1.5rem;
		
		}	
	
	#opzioniPiatto .booking_container{
		
		padding:20px;
		
	}
	
	#opzioniPiatto .booking_container .mb-0{
		
		text-align:left !important;
		padding:5px;
		
	}
	
	#menu-list ul > li button.is-active, #option-list ul > li button.is-active{
		
		
       border-radius: 20px 0px 0px 0px;

		
	}
	
	#menu-list ul > li button.is-active > .icofont-rounded > i, #option-list ul > li button.is-active > .icofont-rounded > i {
		
		 
		
	} 


@media (max-width: 992px){
.nav-menu.cart {
    margin-right: 35px;
}
	
}

/***mobile**/
@media (max-width: 599px) {
    
	body,main{
		
		overflow-x: hidden;
	}
	
	
	
	
	
	
	.mb-1, .my-1 {
    margin-bottom: 0!important;
    height: 25px;
}
	
	.mb-4{
		
		margin-bottom :0px !important;
	}
	
	
	.px-4{
		
		padding-left: 0px !important;
    padding-right: 0px !important;
	}
	
	.sconti{
		
		
		padding:10px;
	}

	.modal-dialog{
		
		padding:0px;
		margin:0px;
		min-height:100vh;
		height: calc(var(--vh, 1vh) * 100);
	}
	
	
	.modal-content{
		
		width:100%;
		height: 100vh;
		overflow: scroll;
		height: calc(var(--vh, 1vh) * 100);
		position:fixed;
		top:0px;
		left:0px;
	}
	
	
	
	
	
	#ordine  {
		
	min-height:82vh
	}
	
	#ordine .card-header {
		
		display:flex;
		-ms-align-items: center;
		align-items: center;
	}
	
	#ordine .card-header .prenotazione{
		
		display:flex;
		-ms-align-items: center;
		align-items: center;
	}
	
	#ordine .card-header h3{
		
		flex:2
	}
	
	
	#ordine .card-header a{
		
		flex:1;
		text-align: right;
	}
	
	#ordine .order-details{
		
	
	}
	
	#ordine .card-header .prenotazione{
	padding: 10px 5px;
	}
	.restaurant.card {
    margin-bottom: 0;
}

	
	#button_purchase,	#button_purchase_prenota{
		
		margin-top:20px;
	}
	
	
		#opzioniPiatto .img {
		height: 120px;
		  width: 200px;
	}
	
}
	.back-to-top {
		
		
		display:none !important;
	}
	
	
	
	.card-image p{
		
		    bottom: 0px;
    position: absolute;
    color: #fff;
    background: #00000080;
    width: 100%;
    height: 32px;
    align-items: center;
    padding-left: 8px;
	}
	
	.card-info{
		
		padding-bottom:0px;
	}
	
	.card-info .media-body{
		  
		    font-size: .9em;
			min-height: 40px;
			display: flex;
			align-items: center;
		    
   }
	
 .card-info .media-body.column{
	    flex-direction: column;
    align-items: flex-start;
}
		
	
	/****Panel*****/


/* Panel */

.panel {
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    border: 0!important;
    margin-bottom: 25px;
    border-radius: 0;
}

@media (min-width: 768px) {
    .panel > .row > div:first-child {
        padding-left: 15px;
        padding-right: 0;
    }

    .panel > .row > div:last-child {
        padding-left: 0;
        padding-right: 15px;
    }
	

	
	
}

.panel .panel-heading {
    padding: 20px 20px 20px 20px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0!important;
    height: 55px;
    font-size: 14px;
    font-weight: 600;
}

.panel .panel-heading .panel-title {
    font-size: 14px;
    float: left;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
}


.panel-title{
	
	
	margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
	
	
}

.panel .panel-heading .panel-title small {
    font-size: 80%;
}

.panel .panel-heading .panel-control {
    float: right;
    height: auto;
}

.panel .panel-heading .panel-control a {
    text-decoration: none;
    color: #ccc;
    margin-left: 5px;
    font-size: 14px;
    float: left;
}

.panel .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel .panel-body {
    position: relative;
    padding: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel .panel-heading + .panel-body {
    padding: 0 20px 20px 20px;
}

.panel-default .panel-heading {
    background: #f1f1f1;
    border-color: #e7e7e7;
}

.panel-default .panel-heading .panel-control a {
    color: #bbb;
}

.panel-default .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-primary .panel-heading {
    background: #7a6fbe;
    color: #fff;
}

.panel-primary .panel-heading .panel-control a {
    color: #fff;
}

.panel-primary .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-success .panel-heading {
    background: #22BAA0;
    color: #fff;
}

.panel-success .panel-heading .panel-control a {
    color: #fff;
}

.panel-success .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-info .panel-heading {
    background: #12AFCB;
    color: #fff;
}

.panel-info .panel-heading .panel-control a {
    color: #fff;
}

.panel-info .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-warning .panel-heading {
    background: #f6d433;
    color: #fff;
}

.panel-warning .panel-heading .panel-control a {
    color: #fff;
}

.panel-warning .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-danger .panel-heading {
    background: #f25656;
    color: #fff;
}

.panel-danger .panel-heading .panel-control a {
    color: #fff;
}

.panel-danger .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-transparent {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.panel-transparent .panel-heading .panel-control a {
    color: #ccc;
}

.panel-transparent .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-white {
    background: #fff;
}

.panel-white .panel-heading .panel-control a {
    color: #ccc;
}

.panel-white .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-purple {
    background: #7a6fbe;
}

.panel-purple .panel-heading {
    color: #fff;
}

.panel-purple .panel-body {
    color: #fff;
}

.panel-purple .panel-heading .panel-control a {
    color: #fff;
}

.panel-purple .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-green {
    background: #22BAA0;
}

.panel-green .panel-heading {
    color: #fff;
}

.panel-green .panel-body {
    color: #fff;
}

.panel-green .panel-heading .panel-control a {
    color: #fff;
}

.panel-green .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-blue {
    background: #12AFCB;
}

.panel-blue .panel-heading {
    color: #fff;
}

.panel-blue .panel-body {
    color: #fff;
}

.panel-blue .panel-heading .panel-control a {
    color: #fff;
}

.panel-blue .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-yellow {
    background: #f6d433;
}

.panel-yellow .panel-heading {
    color: #fff;
}

.panel-yellow .panel-body {
    color: #fff;
}

.panel-yellow .panel-heading .panel-control a {
    color: #fff;
}

.panel-yellow .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-red {
    background: #f25656;
	color: #fff;
}

.panel-red .panel-heading {
    color: #fff;
}

.panel-red .panel-body {
    color: #fff;
}

.panel-red .panel-heading .panel-control a {
    color: #fff;
}

.panel-red .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-placeholder {
    border: 2px dashed #ddd;
    margin-bottom: 20px;
}


/***Menu ristoratore***/
   
	article > .container-fluid{
		
		
	
	}
	
	
	
	.restaurant_name{
		
		
		    width: 100%;
    padding: .8em;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
	-ms-align-items: center;
	align-items: center;	
	}
	
	.restaurant_name > div{
		

	}
	
	.restaurant_name .card-logo {
    margin: 0px;
    width: 40px;
    height: 40px;
    align-self: center;
    display: flex;
	flex:1;	
		border-radius: 9px;
}
	
	.restaurant_name .card-categories {
    font-size: 0.8rem;
    margin-bottom: 5px;
}
	
.piatti .menu_landscape{
		
    height:150px;		
	position: relative;
		
		
	}	
	
.item_row{
	    margin-bottom: 0px;
}

.item_row .body{
	
	padding: 10px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.item_row .ingredienti{
	
	min-height:21px;
	    font-size: 14px;
	
}

.item_row .prezzo p{
	
	 color: #2299dd;
    font-weight: 600;
    font-size: 1.6rem;
    margin: 0px;
}
	
	
.item_row .posti_booking{
		
    font-size: 18px;
    padding: 5px;
		
		
	}	

.item_row .arrow{

	font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 120px;

}


.item_row .icon_panel {
    font-size: 1.3rem;
    display: flex;
    align-items: center;
}
	
.item_row .img_container{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 110px;
}
.item_row .img{
	
	    height: 80px;
    width: 80px;
    
	
}
	
#opzioniPiatto .img_container{	
	    display: flex;
    justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
#opzioniPiatto .img{
	
	    height: 120px;
    width: 120px;
    
	
}


.category,.livello_nome{
	
	    width: 100%;
    padding: .8em;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
 
	display: flex;
	
	
}
	
	
.category.prenotazione{
	
	
    background: #9e38ab;

	
	
}	
	
	
.label_prenotazione{
	width: 100%;
    padding: .4em .8em;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
    background: #9e38ab;
    display: flex;
    position: absolute;
    bottom: 0px;
	}

	
.category a{	
	flex: 1;
    text-align: right;
	}

	.menu_content{
		
		min-height:100vh;
	}	
	
.item .panel-body,.item .panel-heading,.item .panel-title{
	
	width:100%;
	    padding-left: 0px;
    padding-right: 0px;
	
	
	
	
}

#menus .panel-body{
	
	padding:0px !important;
	
}

.piatti .panel-body{
	
	padding:0px !important;
	
}
	
.item_row .prezzo_container{
    display: flex;
	
}	
.item_row .prezzo_container > div{
    padding-right:5px;
	
}	
	
  #opzioniPiatto .options_header,#selezionaServizioModal .options_header{
	  background: #4d4d4d;
    color: #fff;
    min-height: 42px;
    display: flex;
    align-items: center;
	 justify-content: flex-end; 
	  
   }

#opzioniPiatto .options_header button,#selezionaServizioModal .options_header button{
       width: 25px;
    height: 25px;
    margin-right: 10px;
    border: #28abe3 solid 2px;
    border-radius: 0px;
    transform: rotate(45deg);
    color: #fff;
    margin-left: 10px;
    text-align: center;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	
#opzioniPiatto .options_header span{


			text-align: center;
			font-size: 28px;
			width: 100%;
			height: 100%;
            position: absolute;
            top: 1px;
            left: 0px;
		}

#opzioniPiatto .option{

	cursor: pointer;
	
	
}

#opzioniPiatto .option > div{
    line-height: 30px;
}

#opzioniPiatto .option 	.chevron{

          color: #28abe3;
	 	
		}
#option-list .option .price {
    font-weight: 700;
    margin-right: 18px;
}


#opzioniPiatto #option-list .option {
    padding: 13px 15px;
    border-bottom: solid 1px #28abe3;
}
  

	#opzioniPiatto .ingredienti{
		
	text-align: left;
    padding: 5px;
    padding: 5px;
    font-size: 0.8rem;
    overflow-wrap: break-word;
	
	max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;	
		
	}

	#opzioniPiatto .descrizione{
		
	margin-bottom:5px;
	text-align: left;
    padding: 5px;
		
	
	max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;		
		
	}
	
	
	#opzioniPiatto .modal-header,
    #selezionaServizioModal .modal-header{
		
		 display: flex;
		flex-direction: column;
		position: relative;
		    min-height: 93px;
 
	}
	
	#opzioniPiatto .modal-header .close{
	position: absolute;
    right: 1rem;
    top: 1rem;
	z-index:10;	
		opacity:1;
		}
	
	#opzioniPiatto .modal-header h3,#opzioniPiatto .modal-header .prezzo,
    #selezionaServizioModal .modal-header h3,#selezionaServizioModal .modal-header .prezzo{
	position: relative;
	z-index:10;	
    
	}
	
	#opzioniPiatto .overlay,#selezionaServizioModal .overlay{
		
    width: 100%;
    height: 100%;
    background: #00000090;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
	}
	
	#opzioniPiatto .date > .input-group-addon{
    
	border: none;
    display: flex;
    align-items: center;
    padding: 18px;
    color: #fff;
    font-size: 2.2rem;
		
	}	
	
	
	#opzioniPiatto .date > .input-group-addon i{
    
    color: #fff;
   
		
	}	
	
	#opzioniPiatto .date > .input-group-addon span{
	font-size: 1.5rem;
		
		}	
	
	#opzioniPiatto .booking_container{
		
		padding:20px;
		
	}
	
	#opzioniPiatto .booking_container .mb-0{
		
		text-align:left !important;
		padding:5px;
		
	}
	
	#menu-list ul > li button.is-active, #option-list ul > li button.is-active{
		
		
		
	}
	
	#menu-list ul > li button.is-active > .icofont-rounded > i, #option-list ul > li button.is-active > .icofont-rounded > i {
		
		 
		
	} 

/***mobile**/
@media (max-width: 599px) {
    
	body,main{
		
		overflow-x: hidden;
	}
	
	
	
	h1,h2,h3,h4,h5,h6{
	
	font-weight:400;
	 font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
    

}
	
	
	.mb-1, .my-1 {
    margin-bottom: 0!important;
    height: 25px;
}
	
	.mb-4{
		
		margin-bottom :0px !important;
	}
	
	
	.px-4{
		
		padding-left: 0px !important;
    padding-right: 0px !important;
	}
	
	.sconti{
		
		
		padding:10px;
	}

	.modal-dialog{
		
		padding:0px;
		margin:0px;
		min-height:100vh;
		height: calc(var(--vh, 1vh) * 100);
	}
	
	
	.modal-content{
		
		width:100%;
		height: 100vh;
		overflow: scroll;
		height: calc(var(--vh, 1vh) * 100);
		position:fixed;
		top:0px;
		left:0px;
	}
	
	
	
	
	
	#ordine  {
		
	min-height:82vh
	}
	
	#ordine .card-header {
		
		display:flex;
		-ms-align-items: center;
		align-items: center;
	}
	
	#ordine .card-header .prenotazione{
		
		display:flex;
		-ms-align-items: center;
		align-items: center;
	}
	
	#ordine .card-header h3{
		
		flex:2
	}
	
	
	#ordine .card-header a{
		
		flex:1;
		text-align: right;
	}
	
	#ordine .order-details{
		
	
	}
	
	#ordine .card-header .prenotazione{
	padding: 10px 5px;
	}
	.restaurant.card {
    margin-bottom: 0;
}

	
	
	#button_purchase,	#button_purchase_prenota{
		
		margin-top:20px;
	}
	
	
		#opzioniPiatto .img {
		height: 120px;
		  width: 200px;
	}
	
	
	#opzioniPiatto .modal-header h3 {
    font-size:1.3rem;
}
	
	
	
}



/***AGGIUNTA MINIMAL****/
	
body{
	
	overflow-y: scroll;
	    font-family: "Montserrat", sans-serif;
}

#header .logo{
	
	padding:0px;
	width:200px;
}

	#header .logo img {
    display: block;
		    max-height: 24px;
   }

#chat-widget-container{
	
	display:none !important;
}




.nav-menu.cart ul li{
   width:120px;
	
}

.nav-menu.cart ul li .cart-items {
    position: absolute;
    display: block;
    top: 3px;
    left: 3px;
	
}

.nav-menu.cart ul li .totale{
    position: absolute;
    top: 4px;
    right: 4px;
}

.nav-menu.cart ul li .items-number {

	right:-8px;
	
}

#main{
	
padding-top: 45px;
    min-height: 100vh;
	
}


#footer{
	
	position: relative;
}

h1,h2,h3,h4,h5,h6{
	
	font-weight:500;
	 font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
    

}


.piatti .menu:first-child  {
	

    border-radius: 35px 0px 0px 0px;
}


.card-image{
	
	min-height: 200px;
    background: url(../img/gowe-transparent.png) center no-repeat;
    background-size: contain;
    width: 100%;
    position: relative;
    background-color: #ffffff80;
    display: flex;
    justify-content: left !important;
    align-items: flex-end !important;
}

.single .card-image > a.card-img-minimal {
       height: 170px;
    width: 500px;
    margin-top: 30px;
    margin-left: 120px;
}


.card-logo-minimal{
	
	background-image: url(https://www.mangiarebere.gowe.it/assets/img/ristoranti/logo/0000063….png);
    border-radius: 0px;
    width: 120px;
    height: 120px;
    padding: 0px !important;
    margin: 0px !important;
    margin-left: 80px !important;
	
}

.card-text .media .media-left {

    background: #f1f4f9 !important;
    color: #000 !important;
}

.media.payments{
	
	padding-bottom:10px;
}


.category{
	
	    background: #f1f4f9 !important;
    color: #000 !important;
	
}

.menu_content .row:last-child{

border-bottom: solid 1px #278bd2;
	
}

[data-type="plus"]{
	
	border-radius:0px 28px 0px 0px;
}

.form_booking{
	
	
width:100%;
padding:20px;
text-align: center;
	
}

.form_booking .btn{
	
border-radius:50px;
width:100%;
	
}