body,html{
	width: 100%;
	height: 100%;
	background-color: #eee;
	top: 0px!important;
}
.row{
 	margin: 0%;
 	padding: 0%;
 	justify-content: center;
 	background-color: #0000;

}

body.swal2-height-auto {
  padding-right: 0%!important;
}

.modal-open{
	padding-right: 0%!important;
}
.modal{
	padding-right: 0!important;
}

.modal-content{
	border: none!important;
	border-radius: 5px;
}
.mercadopago-button {
	padding: 0!important;
	border-radius: 0!important;
}
/*** btn action ***/

	.btn-exit{
		font-family: 'Raleway', sans-serif;
	    background-color: #5d5d5d33;
	    color: #000;
	    width: fit-content;
	    border-radius: 30px;
	    padding: 1% 5%;
	    margin-top: 10px;
    }

    .btn-exit i{
    	color: #c44141;
    	margin-left: 5px;
    }

    .icon{
    	position: relative;
    	float: right;
    	right: 10%;
    	top: 30%;
    }
    .oculto{
    	display: none;
    }

	.intro-but{
    position: absolute;
    bottom: 10%;
    width: 100%;
	}

	.intro-but button{
	    margin: 5% auto;
	    border: 1px solid #ddd;
	    font-weight: normal;
	    letter-spacing: 0.3px;
	    width: 70%;
	    padding: 2% 0%;
	    border-radius: 10px;
	    font-size: 16px;
	    background: #ddd;

	}

	.intro-but button>i{
	    position: relative;
	    float: right;
	    right: 5%;
	    padding-top: 1%;
	    font-size: 15px;
	    color: #333
	}

  .boton-return span{
    width: 50px;
    height: 50px;
    background: #333;
    position: fixed;
    right: 3%;
    border-radius: 100%;
    bottom: 8%;
    z-index: 1;
    box-shadow: 0px 0px 19px #00000080;
}

.boton-return i{
    color: #fff;
    font-size: 1.5rem;
    position: absolute;
    right: 30%;
    top: 25%;
}

    .iva{
	    border-radius: 20px;
	    background-color: #ff0c;
	    /* margin: 0% 1%; */
	    width: 90%!important;
	    display: flex;
	    text-align: center;
	    margin: auto;
	    position: relative;
	    bottom: -100%;
	    margin-top: 10%!important;
	    /* left: 4%;*/
    }
    .iva p{
    	padding: 2% 2%;
        width: 100%!important;
    	height: 0%!important;
    	font-size: 15px;
    }
    .btns-cant{
    	margin: 10% 0% 5%;
    }

    .btns-cant p{
    	font-family: 'Raleway', sans-serif;
	    width: 100%;
	    margin: 0% 0% 5% 0%;
	    padding: 0% 5% 0% 5%;
	    font-size: 18px;
	    color: #333;
	    font-weight: bold;
	    letter-spacing: 0.5px;
	    text-align: left;
	    position: relative;
    }
/*** btn return ***/

	.btn-return{
	    position: fixed;
	    z-index: 3;
	    bottom: 3%;
	    right: 10px;
	    font-family: 'Raleway', sans-serif;
	    background-color: #111;
	    color: #fff;
	    width: 50px;
	    border-radius: 100%;
	    padding: 3% 4%;
	    height: 50px;
	    box-shadow: 0px 0px 14px -5px #0000008c;
    }

    .btn-return i{
    	font-size: 25px;
    }



/*** BUTTON INSTALL ***/

	.btn-install {
		background-color: #262928;
	    border: none;
	    outline: none;
	    color: #fff;
	    padding: 5px 13px;
	    font-family: 'Raleway', sans-serif;
	    letter-spacing: 0.5px;
	    border-radius: 3px;
	    font-size: 13px;
	    margin: 5% auto;
	    width: fit-content;
	    font-weight: 100;
	}

/*** INICIO ***/
	.logs-res{
		width: 70%!important;
	}

	.container-sections{
		width: 100%;
		height: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 0% 0% 0%;
		background-color: #0000;
		display: flex;
		position: relative;
		background-size: 80%;
	}

	.body-coontent-login{
	    width: 100%;
	    padding: 0%;
	    margin: 0% auto;
	    /*
	    background-image: url(../images/img/helicom-1.jpg);
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position: top;
    	*/
	}

	.body-coontent{
		padding: 0%;
		width: 100%;
		height: 100%;
		background-image: url('../images/img/lemon-body.png');
		background-position: center;
		background-repeat: no-repeat;

	}

	.dicard-logo{
		width: 100%;
		text-align: center;
		position:  ;
		font-family: 'Raleway', sans-serif;
		bottom: 0.5%;
		right: 1%;
		color: #0000005e;
		font-size: 12px;
		letter-spacing: 1px;
		margin: 2% 0%;
	}

	.dicard-logo:hover{
		color:#000;
	}

	/*** modals ***/


	.menu-bar{
		font-family: 'Raleway', sans-serif;
	    padding: 0% 0% 0%;
	    position: sticky;
		background: #fff;
	    z-index: 2;
	    top: 0;
	    width: 100%;
	    -webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 15%);
	}

	.menu-bar ul{
		padding: 0;
	    margin: 0;
	    display: grid;
	    width: 100%;
    	grid-template-columns: 15% 15% 40% 15% 15%;
	}
	.menu-bar ul>li{
	    list-style: none;
	    padding: 0% 5%;
	    text-align: center;
	    align-self: center;
	    position: relative;
	}
	.menu-bar ul>li>img{
	    width: 35px;
	    margin: 0;
	    height: 35px;
	    border-radius: 100%;
	    -webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 25%);
	    border: 1px solid #ddd;

	}
	.menu-bar ul>li>ion-icon{
		font-size: 1.3em;
		margin: 0 auto;
	}

	.menu-bar ul>li>span{
	    position: absolute;
	    right: 15%;
	    top: 0%;
	    width: 14px;
	    height: 14px;
	    background: #ff5f5f;
	    border-radius: 100%;
	    text-align: center;
	    align-items: center;
	    align-content: center;
	    align-self: center;
	    -webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 30%);
	}
	.menu-bar ul>li>span>b{
	    color: #fff;
	    position: absolute;
	    font-size: 0.63em;
	    right: 0;
	    left: 0;
	    top: 0px;
	}
	.menu-bar ul>li>h1{
		font-family: 'Raleway', sans-serif;
	    font-size: 16px;
	}
	.menu-bar ul>li>i{
	    position: relative;
	    float: right;
	    right: 0%;
	}

	.menu-down{
		width: 100%;
		padding: 2% 0%;
		margin: 0;
		text-align: left;
		position: sticky;
		bottom: 0%;
		z-index: 1;
		background: #fff;
	    -webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 30%);
	}

	.menu-down ul{
		padding: 0;
	    margin: 0;
	    display: grid;
	    width: 100%;
	    grid-template-columns: 25% 25% 25% 25%;
	}
	.menu-down ul>li{
	    list-style: none;
	    padding: 0% 5%;
	    align-self: center;
	    text-align: center;
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: column;
	}
	.menu-down ul>li>small{

	}
	.menu-down ul>li>ion-icon{
		font-size: 1.3em;
		margin: 0 auto;
	}

	.slide-0{
		position: relative;
		top: 0;
	    width: 98%;
	    z-index: 1;
	    margin-top: 4%;
	}

	.enable{
		display: block!important;
	}
	.disable{
		display: none!important;
	}

	/*********/
	.slide-0 img{
		width: 100%;
    	border-radius: 5px;
	}

	ion-icon{
		color: #111;
	}
/*** MODAL ***/

	.container-modal{
	    font-family: 'Raleway', sans-serif;
	    width: 100%;
	    margin: 0%;
	    padding: 4%;
	    position: relative;
	    color: #ddd;
	    background: #eeeeee54;
	    border-bottom: 4px solid #0094d7;
	    border-radius: 5px;
	}
	#add-modal{
		background: #0094d7;
	    width: 100%;
	    margin: 0;
	    color: #fff;
	    letter-spacing: 0.5px;
	    font-weight: 500;
	}
	.container-modal h2{
		font-family: 'Raleway', sans-serif;
	    width: 100%;
	    margin: 0% 0% 3% 0%;
	    padding: 0% 0% 2% 0%;
	    font-size: 19px;
	    font-weight: bold;
	    color: #111;
	}

	.container-modal h3{
		font-family: 'Raleway', sans-serif;
	    width: 100%;
	    margin: 3% 0% 3% 0%;
	    padding: 2% 0% 2% 0%;
	    font-size: 18px;
	    color: #212121;
	    letter-spacing: 0.5px;
	    border-top: 1px solid #ffc107;
	}

	.container-modal label{
		width: 100%;
		margin: 5px 5px;
		padding: 0px 0px 0px 0px;
		font-size: 18px;
		color: #111;
	}


	.container-modal input{
		width: 100%;
	    margin: 10px 0px 10px 0px;
	    padding: 5px 10px;
	    font-size: 18px;
	    border: 1px solid #0000004f;
	    outline: none;
	    background: #0000;
	    color: #000;
	}
	.container-modal select {
	    width: 100%;
	    margin: 10px 0px 10px 0px;
	    padding: 5px 10px;
	    font-size: 18px;
	    border: 1px solid #0000004f;
	    outline: none;
	    background: #0000;
	    color: #000;
	}
	.container-modal textarea{
		width: 100%;
		color: #000;
		text-decoration: none;
		outline: none;
		border: none;
	    border: 1px solid #0000004f;
	    margin: 10px 0px 10px 0px;
	    padding: 5px 10px;
	    background: #0000;
	    text-align: left;
	}
	.container-modal img {
		width: 50%;
		margin: 0% auto;
	}

	.container-modal i{
		color: #111;
	}

	.container-modal ul{
		width: 100%;
		margin: 0%;
		padding: 0%;
		list-style: none;
		display: flex;
	}

	.container-modal ul>li{
		width: 49%;
		text-align: center;
	}

	.container-modal div{
		width: 100%;
		margin: 7% 0% 7% 0%;
		padding: 0% 0% 0% 0%;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.container-modal div>button{
	    margin: 4% 4%;
	    padding: 1%;
	    border: none;
	    outline: none;
	    font-size: 18px;
	    letter-spacing: 0px;
	    border-radius: 5px;
	}


/*** MODAL PROFILE ***/

	.modal-profile{
	    font-family: 'Raleway', sans-serif;
	    width: 100%;
	    margin: 0%;
	    padding: 10% 0%;
	    position: relative;
	    color: #111;
	    background: #eeeeee54;
	    border-bottom: 4px solid #0094d7;
	    border-radius: 5px;
	    position: relative;
	}

	.modal-profile h1{
	    font-size: 1.1rem;
	    text-align: left;
	    padding: 2% 6%;		
	}

	.card-profile {
		width: 90%;
	    margin: 0% auto;
	    padding: 2%;
	    background-color: #fff;
	    /* box-shadow: 0px 0px 14px -5px #0000008c; */
	    -webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 10%);
	    position: relative;
	    border-radius: 10px 10px 10px 10px;
	    margin: 2% auto 9% auto;
	    top: 0;
	}

	.card-profile ul{
	    padding: 0;
	    margin: 0;
	    display: grid;
	    grid-template-columns: 30% 70%;
	    position: relative;
	}

	.card-profile ul>li {
		list-style: none;
		position: relative;
	}

	.card-profile ul>li>h2 {
	    font-size: 1.3rem;
	    text-align: justify;
	    margin: 5% 0% 5%;
	    padding: 0% 10%;
	}
	.card-profile ul>li>h2>b {
	    color: #ddd;
	    font-size: 0.8rem;
	    margin: 0%;
	}
	.card-profile ul>li>img {
	    width: 100%;
	    border: 1px solid #eee;
		position: relative;
	    box-shadow: 0px 0px 14px -8px #0000008c;
	    border-radius: 10px;
	}

/*****************************/
	.card-shop {
		width: 90%;
	    margin: 0% auto;
	    padding: 2%;
	    background-color: #fff;
	    /* box-shadow: 0px 0px 14px -5px #0000008c; */
	    -webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 10%);
	    position: relative;
	    border-radius: 10px 10px 10px 10px;
	    margin: 2% auto 2% auto;
	    top: 0;
	}

	.card-shop ul{
	    padding: 0;
	    margin: 0;
	    display: grid;
	    grid-template-columns: 100%;
	    position: relative;
	}

	.card-shop ul>li {
		list-style: none;
		position: relative;
	}
	.card-shop ul>li>h1 {

	}
	.card-shop ul>li>h2 {
	    font-size: 1rem;
	    text-align: justify;
	    margin: 5% 0% 5%;
	    padding: 0% 5%;
	    color: #333;
	}
	.card-shop ul>li>h3 {
	}
	.card-shop ul>li>h2>b {
	    color: #ddd;
	    font-size: 1rem;
	    margin: 0%;
	}
	.card-shop ul>li>img {
		width: 100%
	}
	/*** RESTAURANT  ***/

		.body-id{
			background-color: #0000;
			position: relative;
		}

		/*** header ***/

			.header{
				width: 100%;
				margin: 0% 0% 5% 0%;
				padding: 0%;
				background-color: #111;
				position: relative;
			}

			.header img{
				width: 45%;
				padding: 2%;
			}

			.header i{
			    position: relative;
			    color: #fff;
			    font-size: 20px;
			    float: right;
			    margin: 5%;
			}

			.enable{
    			border-radius: 0px 0px 15px 15px;
    			margin-bottom: 3%;
    			transition: 0s;
			}

			.function{
				border-bottom: none!important;    
				border-bottom: none!important; 
				border-radius: 15px 15px 0px 0px!important; 
				margin: 0%!important;
				transition: 0s;
			}

		/*** lateral menu ***/

			.lateral-menu{
				position: absolute;
				width: 0%;
				height: 165%;
				background-color: #ffffffe8;
				transition: 0.5s;
			}

			.header-latera-lmenu {
				width: 100%;
				margin: 4% auto 0% auto;
				display: flex;
				justify-content: space-between;
			}

			.header-latera-lmenu i{
				margin: auto;
				font-size: 20px;
				color: #000c;
				display: block;
			}

			.header-latera-lmenu img{
				width: 75%;
				margin: auto;
			}

			.lateral-menu hr{
				width: 20%;
				height: 2px;
				background-color: #000c;
				margin: 1% auto;
				border:none;
			}

			.content-lateral-menu{
				width: 100%;
				margin: 0%;
				padding: 0%;
			}

			.content-lateral-menu ul{
				width: 100%;
				list-style: none;
				margin: 5% 0% 0% 0%;
				padding: 0%;
				transition: 0s;
			}

			.content-lateral-menu li{
				width: 100%;
			    height: 60px;
			    margin: 0% 0% 2% 0%;
			    padding: 0% 0% 0% 0%;
			    cursor: pointer;
			    border: 1px solid #33333382;
			    border-radius: 15px;
			    color: #000000cf;
			    transition: 0s;
			}

			.content-lateral-menu li>p{
				float: left;
			    width: 80%;
			    margin: 0%;
			    padding: 15px 20px;
			    font-family: 'Raleway', sans-serif;
			    font-size: 18px;
			    letter-spacing: 0px;
			    font-weight: bold;
			}

			.content-lateral-menu li>img{
				width: 50px;
				padding-top: 5px;

			}


			.content-lateral-menu i{
				margin: auto 0%;
				font-size: 20px;
				text-decoration: none!important;
			}


			.active-opc-lateral-menu{
				 /*border: 1.5px solid #dba4419c!important;*/
				 color: #dba4419c!important;
				 font-weight: bolder!important;
			}

			/*** content promotions ***/

				.content-promitions h1{
					margin: 0% 0% 5% 0%;
				    padding: 0% 0% 0% 0%;
				    color: #000c;
				    font-family: 'Lobster', cursive;
				    font-size: 25px;
				    letter-spacing: 2px;
				}

				.content-promitions img{
					width: 100%;
				    border-radius: 5px;
				    margin: 0% 0% 5% 0%;
				    box-shadow: 0px 0px 9px -3px;
				    cursor: pointer;
				}

			/*** content admin ***/

				.content-admin h1{
					margin: 0% 0% 5% 0%;
				    padding: 0% 0% 0% 0%;
				    color: #000c;
				    font-family: 'Raleway', sans-serif;
				    font-size: 23px;
				    letter-spacing: 1px;
				    font-weight: bold;
				}

				.content-admin h2{
					margin: 5% 0% 5% 0%;
				    padding: 0% 0% 0% 0%;
				    color: #000c;
				    font-family: 'Raleway', sans-serif;
				    font-size: 23px;
				    letter-spacing: 1px;
				    font-weight: bold;
				    width: 100%;
				}

				.content-admin h2>i{
					margin-left: 15px;
					float: right;
				}

				.content-admin h3{
					margin: 0% 0% 0% 0%;
				    padding: 2% 5% 0% 5%;
				    color: #000c;
				    font-family: 'Raleway', sans-serif;
				    font-size: 19px;
				    font-weight: bold;
				    letter-spacing: 0.5px;
				    width: 100%;
				}

				.content-admin p{
					margin: 0% 0% 0% 0%;
				    padding: 1% 5% 1% 5%;
				    color: #000c;
				    font-family: 'Raleway', sans-serif;
				    font-size: 19px;
				    letter-spacing: 0.5px;
				    width: 100%;
				}

				.content-admin table{
					font-family: 'Raleway', sans-serif;
				    width: 100%;
				    text-align: left;
				    font-size: 18px;
				    margin: 0px 0px 15px 0px;
				    background-color: #0000;
    				border-radius: 5px;
				}

				.content-admin button{
					margin: 0% 20% 2% 20%;
					width: 60%;
					outline: none;
					border: none;
					font-family: 'Raleway', sans-serif;
					font-weight: bold;
					letter-spacing: 0.5px;
					color: #000c;
					border-radius: 5px;
    				background-color: #d8cf50;

				}

			/*** content order ***/

				.content-order h1{
					margin: 0% 0% 5% 0%;
				    padding: 0% 0% 0% 0%;
				    color: #000c;
				    font-family: 'Raleway', sans-serif;
				    font-size: 23px;
				    letter-spacing: 1px;
				    font-weight: bold;
				}

				.content-order table{
					font-family: 'Raleway', sans-serif;
					width: 100%;
					text-align: left;
					font-size: 18px;
				}

				.content-order td{
					line-height: 40px;
				}

				.content-order button{
					background-color: #0000;
					outline: none;
					border: none;
				}

				.btn-ordernow{
				    background-color: #0094d7!important;
				    /* background-image: url(../images/img/lemon.png); */
				    background-size: 30%;
				    background-repeat: no-repeat;
				    background-position: center;
				    font-family: 'Raleway', sans-serif;
				    width: 60%;
				    margin: 5% 0% 5% 0%;
				    padding: 2% 5%;
				    font-size: 18px;
				    border-radius: 5px;
				    border: none;
				    color: #fff;
				    letter-spacing: 1px;
				    font-weight: normal;
				    outline: none;
				    letter-spacing: 0.5px!important;
				}
				#order-con{
					margin: 15% 0% 5% 0%;
					width: 40%;
				}

			/*** content one ***/

				.container-food{
					width: 100%;
				}

				.container-food div{
					margin-top: 5px;
					padding: 0%;
					width: 100%;
					list-style: none;
					text-align: center;
				}


				.container-food h1{
				    margin: 5% 10% 5% 10%;
				    padding: 4% 2% 4% 2%;
				    color: #000c;
				    font-family: 'Raleway', sans-serif;
				    font-size: 17px;
				    letter-spacing: 1px;
				    font-weight: bold;
				    position: relative;
				    text-align: left;
				    border-bottom: 1px solid #ddd;
				}

				.more{
					position: relative;
    				float: right;
    				font-size: 15px;
				}


				.container-food p{
					width: 140px;
	   				height: 140px;
	    			margin: 1% 1% 2% 1%;
	    			display: inline-block;
	    			position: relative;
	    			background-repeat: no-repeat;
	    			background-position: center;
	    			background-size: 100% 100%;
	    			border-radius: 5px;

				}

				.container-food span{
					font-family: 'Raleway', sans-serif;
					font-size: 22px;
					margin: 0%;
					padding: 0% 0% 0% 0%;
					position: absolute;
					border-radius: 5px;
					width: 100%;
					height: 100%;
					color: #fff;
					background-color: #272a298f;
					left: 0;
					top: 0;
					line-height: 25px;
					display: flex;
				}

				.container-food a{
					margin: auto;
				}

				.btn-order{
					font-family: 'Raleway', sans-serif;
					margin: 0%;
					font-size: 15px;
					letter-spacing: 1px;
    				background-color: #00000073;
					border: none;
					outline: none!important;
					color: #fff;
					position: absolute;
					border-radius: 0px 0px 5px 5px;
					bottom: 0;
					left: 0;
					width: 100%;
					padding: 1% 0%
				}

				.btn-details{
					font-family: 'Raleway', sans-serif;
				    margin: 0% 0% 3% 0%;
				    font-size: 16px;
				    font-weight: bold;
				    letter-spacing: 0.5px;
				    background-color: #d8cf50;
				    border: none;
				    outline: none!important;
				    color: #333;
				    height: 35px;
				    border-radius: 5px;
				    width: 100%;
				    padding: 5% 0%!important;
				    box-shadow: 0px 0px 10px -6px #000;
				}

				.content-food{
					width: fit-content!important;
					display: inline-grid;
					margin: 5px!important;
				}

			/*** activate ***/

				.active-lateral-menu{
					width: 100%;
					transition: 0.5s;
				}

				/*.active{
					display: none!important;
				}
				*/


/**** CARD - COLORS ****/

	.card-colors {
		padding: 0;
		margin: 0;
		position: relative;
	}

	.card-colors form{
		display: grid;
	}


		/*** MODAL DESC FOOD ***/

		.close-modal{
		    position: absolute;
		    right: 10px;
		    top: 5px;
		    font-size: 20px;
		    color: #111;
		    width: 25px!important;
		    height: 25px!important;
		    border-radius: 100px;
		    text-align: center;
		    z-index: 3;
		}

		.content-modal-food{
			margin: 0%;
			padding: 5%;
			width: 100%;
			text-align: center;
		}

		.content-modal-food h1{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 0%;
		    padding: 3% 2% 3% 2%;
		    font-size: 25px;
		    color: #333;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    text-align: left;
		}
		.content-modal-food ul{
			padding: 0%;
		}
		.content-modal-food li{
			color: #333;
			font-family: 'Raleway', sans-serif;
			font-size: 15px;
			list-style: none;
			text-align: left;
			padding-left: 9%;
			margin: 1% 0%;
		}
		.obs{
			position: absolute;
			left: 4%;
			padding-top: 2%;
		}

		.content-modal-food h2{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 4% 0% 2% 0%;
		    padding: 0% 5% 0% 10%;
		    font-size: 20px;
		    color: #333;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    text-align: left;
		    position: relative;
		}

		.content-modal-food h2>i{
			position: absolute;
		    left: 7px;
		    top: 3px;
		    font-size: 15px;
		}

		.content-modal-food h3{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 0% 0% 5% 0%;
		    padding: 0% 5% 0% 10%;
		    font-size: 18px;
		    color: #333;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    text-align: left;
		    position: relative;
		}

		.content-modal-food h3>i{
			position: absolute;
		    left: 7px;
		    top: 3px;
		    font-size: 15px;
		}

		.content-modal-food input{
			    border: none;
			    border-bottom: 1px solid #ddd;
			    border-radius: 0%;
			    width: 90%;
			    margin-right: 15px;
		}

		.content-modal-food textarea{
			    border: none;
			    border-bottom: 1px solid #ddd;
			    border-radius: 0%;
			    width: 93%;
			    margin-right: 0px;
			    margin-left: 0%;
			    padding: 0%;
		}


		.img-modal-food{
			width: 100%;
			height: 200px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100%;
			border-radius: 5px;
			position: relative;
		}

		.img-modal-food span{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			background: #0000003b;
   		 	border-radius: 5px;
		}

	/*** INDEX ***/

		.body-login{
			background-color: #0000;
			text-align: center;
			margin-bottom: 20%;
		}

		.content-logo{
			width: 100%;
			margin: 0%;
			padding: 0%;
		}

		.content-logo img{
			width: 15%;
			border-radius: 100%;
			box-shadow: 0px 0px 8px -5px #0000008c;
		}

		.content-logo p{
		    font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 5% 0% 0% 0%;
		    padding: 5% 5% 4%;
		    font-size: 16px;
		    font-weight: bold;
		    text-align: left;
		    letter-spacing: 0.5px;
		    color: #111;
		}

		.content-logo button{
			font-family: 'Raleway', sans-serif;
		    width: 55px;
		    margin: 2% 2% 5% 2%;
		    padding: 3% 3%;
		    font-size: 18px;
		    border-radius: 5px;
		    border: none;
		    color: #333333c9;
		    letter-spacing: 3px;
		    background: #0000;
		    font-weight: bold;
		    outline: none;
		    border: 1.5px solid #cca34980;
		}

		.content-logo ul{
		    padding: 0.5% 4% 0.5% 3%;
		    margin-bottom: 0%;
		}

		.content-logo b{
			position: relative;
			float: right;
			padding-top: 3%;
			color: #007bff;
    		font-weight: bold;
    		right: 8px;
		}

		.content-logo li{
			font-family: 'Raleway', sans-serif;
			list-style: none;
			font-size: 17px;
			text-align: left;
		    /*padding: 4% 0%;
		    margin: 6% 0%;*/
			color: #333;
    		font-weight: bold;
    		cursor: pointer;
    		width: 45%;
    		display: flex;
    		margin: 0%!important;
    		margin-right: 0%!important;
		}

		.content-logo i{
			transform: rotate(90deg);
		}
		.content-logo div{
			background-color: #fff;
			border-radius: 5px;
			box-shadow: 0px 0px 14px -5px #0000008c;
		}
	/*** LOGIN ***/

		.content-login{
			width: 100%;
			margin: 0%;
			padding: 0%;
		}

		.content-login img{
			width: 60%;
		}

		.content-login p{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 5% 0% 5% 0%;
		    padding: 0% 10%;
		    font-size: 15px;
		    font-weight: bold;
		    text-align: center;
		    letter-spacing: 0.5px;
		    color: #333333c9;
		}

		.content-login input{
			font-family: 'Raleway', sans-serif;
		    margin-bottom: 10px;
		    border-radius: 5px;
		    border: 1px solid #0006;
		    padding: 1%;
		    letter-spacing: 0.5px;
		    font-weight: bold;
		    font-size: 15px;
		    color: #000000bd;
		    width: 70%;
		}

		.content-login button{
			font-family: 'Raleway', sans-serif;
		    margin: 2% 2% 5% 2%;
		    padding: 1% 5%;
		    font-size: 15px;
		    border-radius: 5px;
		    border: none;
		    color: #333333c9;
		    letter-spacing: 3px;
		    background: #0000;
		    font-weight: bold;
		    outline: none;
		    border: 1.5px solid #cca34980;
		}

	/*** SERVICES ***/
		#margin-boton{
			margin-bottom: 15%;
		}
		#margin-top{
			margin-top: 4%;
		}
		.shad{
			-webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 7%)!important;
		}
		#nofound{
			font-size: 1.5rem;
		    position: absolute;
		    left: 2%;
		    color: #ff5f5f;
		}
		.content-services{
			width: 95%;
			margin: 0% auto;
			padding: 2%;
			background-color: #fff;
			/*box-shadow: 0px 0px 14px -5px #0000008c;*/
			    -webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 17%);
			position: relative;
			border-radius: 10px 10px 10px 10px;
			margin: 4% auto 4% auto;
			top: 0;
		}
		.content-services div>h1>button{
			
		}
		.content-services img{
			width: 100%;
		    position: relative;
		}

		.content-services h1{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 0;
		    padding: 5% 5%;
		    font-size: 19px;
		    font-weight: bold;
		    letter-spacing: 0.5px;
		    color: #333;
		    position: relative;
		    text-align: center;
		}

		.content-services span{
		    line-height: 0px;
		    padding: 7px 7px;
		    background-color: #d6d6d6a8;
		    border-radius: 0px;
		    text-align: center;
		    justify-content: center;
		    width: 100%;
		    height: 100%;
		}

		.content-services b {
		    color: green;
		    font-weight: bold;
		    font-size: 1.1em;
		}

		.content-services button {
			font-family: 'Raleway', sans-serif;
			margin: 0% auto;
		    font-size: 14px;
		    border: 1px solid #0000;
		    padding: 2% 5%;
		    background-color: #0000;
		    color: #111;
		    border-radius: 5px;
		    width: 75px;
		}

		.carousel-indicators {
			margin-bottom: 0!important;
		}

		.carousel-indicators li {
			margin: auto 2%!important;
			width: 30px!important;
			background-color: rgb(253 216 46);
		}
		.content-services i{

		}
		.content-services form{
		    text-align: left;
		    width: 100%;
		    display: grid;
		    margin: 7% 0%;
		    position: relative;
		    grid-template-columns: 15% 20% 15% 50%;
		}

		.content-services form>ol{
			padding: 5% 13%;
			margin: 0;
			display: flex;
			text-align: center;
			position: relative;
		}

		.content-services form>ol>li{
			width: 100%;
			position: relative;
		}

		.content-services form>ol>li>i{
			position: absolute;
			left: 0;
			right: 0;
		}

		.content-services hr{
		    margin: 0% auto;
		    margin-top: 1.5rem;
		    width: 85%;
		    text-align: center;
		}

		.content-services input,textarea{
		    width: 100%;
		    border: 0.5px solid #ddd;
		    border-radius: 0px;
		    text-decoration: none;
		    outline: none;
		    font-size: 18px;
		    margin: 0px 0px;
		    padding: 1% 2%;
		    text-align: center;
		}

		.content-services input[type=radio] + i{
    		-webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 30%);
    		border-radius: 100%;
		}
		.content-services input[type=radio] {
			display: none;
		}
		.content-services ul{
			width: 100%;
			margin: 0;
			padding: 0;
			display: flex;
		}

		.content-services li{
			list-style: none;
			width: 30%;
			margin: 0% auto;
			position: relative;
		}

		.content-services ul>li>span{
			background: #0000;
		}

		.content-services ul>li>span>img{
			width: 80px;
		}

		.content-services ul>li>b{
		    color: #757575;
		    font-weight: normal;
		    font-size: 12px;
		    letter-spacing: 0.5px;
		    margin: 10% auto;
		    padding: 0% 10%;
		    position: absolute;
		    left: 0;
		    right: 0;
		}

		.content-services h2{
			font-family: 'Raleway', sans-serif;
			font-size: 13px;
			text-align: left;
			color: #333;
		}

		.send-home{
			background-color: #262928!important;
		    border: none!important;
		    outline: none!important;
		    color: #fff!important;
		    padding: 6.5px 13px!important;
		    font-family: 'Raleway', sans-serif!important;
		    letter-spacing: 0.5px!important;
		    border-radius: 5px!important;
		    font-size: 13px!important;
		    margin: 2% auto!important;
		    width: 35%!important;
		    height: 100%!important;
		    font-weight: 100!important;
		    font-size: 18px!important;
		}

	.title-table {
		line-height: normal!important;
		height: auto!important;
	    position: absolute!important;
	    top: 0;
	    left: 0;
	    width: 100px!important;
	    font-size: 14px!important;
		font-family: 'Roboto', sans-serif;
	    font-weight: normal;
	    text-transform: uppercase;
	    color: #fff;
	    background: #338e33!important;
	    padding: 5px 15px;
	    letter-spacing: 0.5px;
	    -webkit-border-top-left-radius: 10px!important;
	    -webkit-border-top-right-radius: 0px!important;
	    -webkit-border-bottom-right-radius: 17px!important;
	    -webkit-border-bottom-left-radius: 0px!important;
	    -moz-border-radius-topleft: 0px;
	    -moz-border-radius-topright: 17px;
	    -moz-border-radius-bottomright: 17px;
	    -moz-border-radius-bottomleft: 0px;
	    box-shadow: 8px 8px 18px 0px rgba(42, 67, 113, 0.3);
	    -webkit-box-shadow: 8px 8px 18px 0px rgba(42, 67, 113, 0.3);
	    -moz-box-shadow: 8px 8px 18px 0px rgba(42, 67, 113, 0.3);
	}

	/**** BOTON  SHOP*** */
		.boton-quantity{
		    width: 100%;
		    padding: 0;
		    margin: 0;
		    text-align: left;
		    position: sticky;
		    bottom: 0%;
		    z-index: 1;
		}

		.boton-quantity button{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    border: 1px solid #0094d7;
		    padding: 3% 0%;
		    background-color: #0094d7;
		    border-radius: 0px 20px 0px 0px;
			text-decoration: none;
			outline: none;
			letter-spacing: 0.5px;
			font-size: 16px;
			font-weight: 600;
			color: #fff;
		}
		.boton-quantity i, button{
			font-size: 20px;
		    color: #111;
		    font-weight: bold;
		    letter-spacing: 1px;
		}


	/*** SAFE TAXI ***/

		.content-safe{
			width: 100%;
			margin: 0%;
			padding: 0%;
			position: relative;
		}

		.content-safe img{
			width: 100%;
			border-bottom: 1.5px solid #cca24a91;
		}

		.content-safe h1{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 5% 0% 3% 0%;
		    padding: 0% 10%;
		    font-size: 18px;
		    font-weight: bold;
		    text-align: center;
		    letter-spacing: 0.5px;
		    color: #333333c9;
		}

		.content-safe h2{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 3% 0% 3% 0%;
		    padding: 0% 10%;
		    font-size: 18px;
		    font-weight: bold;
		    text-align: center;
		    letter-spacing: 0.5px;
		    color: #333333c9;
		}

		.content-safe ul{
			width: 100%;
			margin: 0%;
			padding: 0%;
			list-style: none;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-evenly;
		}

		.content-safe ul>li{
			width: 45%;
		}

		.content-safe ul>li>p{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 0% 0% 5% 0%;
		    padding: 5% 0%;
		    background-size: 100%;
		    background-position: center;
		    color: #ffffffe8;
		    letter-spacing: 0.5px;
		    background-color: #333;
		    border-radius: 40px;
		    font-size: 11px;
		    border: 1px solid #cca24a91;
		}

		.content-safe input{
			font-family: 'Raleway', sans-serif;
		    margin-bottom: 10px;
		    border-radius: 5px;
		    border: 1px solid #0006;
		    padding: 1%;
		    letter-spacing: 0.5px;
		    font-weight: bold;
		    font-size: 15px;
		    color: #000000bd;
		    width: 70%;
		}

		.content-safe button {
		    font-family: 'Raleway', sans-serif;
		    margin: 2% 2% 5% 2%;
		    padding: 1% 5%;
		    font-size: 15px;
		    border-radius: 5px;
		    border: none;
		    color: #333333c9;
		    letter-spacing: 3px;
		    background: #0000;
		    font-weight: bold;
		    outline: none;
		    border: 1.5px solid #cca34980;
		}

		.content-safe div {
			font-family: 'Raleway', sans-serif;
			width: 90%;
		    border-radius: 50px;
		    font-size: 10px;
		    font-weight: bold;
		    background-color: #ffc10782;
		    letter-spacing: 0.5px;
		    margin: 0%;
		    padding: 3px 1px;
		}

		.enabled-opc{
		    color: #fff!important;
		    background: #0094d7;
		    width: 99%;
		    border-radius: 5px;
		    margin: 0% auto;
		   	-webkit-box-shadow: 8px 8px 18px 0px rgb(42 67 113 / 15%)!important;
		}
		.enabled-opc:before{


		}
	/*** TRASPORTATION ***/

		.active-btn-location{
			color: #333!important;
		    background-color: #ffffffe8!important;
		    font-weight: bold;
		}

		.opc-terminal{
			display: none;
		}
	@media (max-width: 990px){
		.boton-quantity {
    		position: fixed;
		}
		.menu-down {
    		position: fixed;
		}
	}
	@media (max-width: 420px){
	}

	@media (max-width: 380px){
	}

	@media (max-width: 360px){
		.content-logo li {
			font-size: 13px;
		}

	}
	@media (max-width: 320px){

	}