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

}

/*** 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;
    }


    .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;
    }

/*** order now toast ****/
	#snackbar {
		font-family: 'Raleway', sans-serif;
		width: 80%;
		visibility: hidden;
	    background-color: #333;
	    color: #fff;
	    text-align: center;
	    border-radius: 5px;
	    padding: 1% 0%;
	    position: fixed;
	    z-index: 5;
	    left: 10%;
	    bottom: 10%;
	    font-size: 16px;
		}

		#snackbar.show {
		  visibility: visible;
		  -webkit-animation: fadein 0.3s, fadeout 0.3s 1.5s;
		  animation: fadein 0.3s, fadeout 0.3s 1.5s;
		}

		@-webkit-keyframes fadein {
		  from {bottom: 10%; opacity: 0;} 
		  to {bottom: 10%; opacity: 1;}
		}

		@keyframes fadein {
		  from {bottom: 10%; opacity: 0;}
		  to {bottom: 10%; opacity: 1;}
		}

		@-webkit-keyframes fadeout {
		  from {bottom: 10%; opacity: 1;} 
		  to {bottom: 10%; opacity: 0;}
		}

		@keyframes fadeout {
		  from {bottom: 10%; opacity: 1;}
		  to {bottom: 10%; opacity: 0;}
		}
		a:hover {
		    text-decoration: none;
		}

/*** 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;
	    padding: 8% 0% 0%;
	    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;
	}

	/*** 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: 1px solid rgba(51, 51, 51, 0.51);
    			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: #e2d84d!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: #262928;
		    		letter-spacing: 1px;
		    		font-weight: bold;
		    		outline: none;
				}

			/*** 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;
				}

/*** LANGUGE GOOGLE ***/

	.lang-google{
    position: absolute;
    top: 35%;
    right: 0%;
    width: 200px;
    left: 26%;
	}

	.goog-te-banner-frame {
		display: none!important;
	}

	.langs select{
			background-color: #111;
			letter-spacing: 0.3px;
			color: #fff;
			border: none;
	}

	.langs option{

	}
	.langs span{
		display: none;
	}
	.goog-te-gadget {
	    font-family: 'Raleway', sans-serif!important;
	    font-size: 0px!important;
	    color: #333!important;
	    white-space: nowrap;
	}
	.goog-te-combo, .goog-te-banner , .goog-te-ftab , .goog-te-menu , .goog-te-menu2 , .goog-te-balloon * {
		font-family: 'Raleway', sans-serif!important;
	    font-size: 15px!important;
	    outline: none;
	    text-decoration: none;
	}

	@media(max-width: 1024px){
		.lang-google {
			top: 2%;
		    right: 22%;
		    z-index: 0;
		}

		.langs select{
			background-color: #111;
			letter-spacing: 0.3px;
			color: #fff;
			border: none;
		}
	}

	@media(max-width: 425px){

		.lang-google {
		    top: 28%;
		    right: 0%;
		    z-index: 0;
		}

	}

	@media(max-width: 375px){

		.lang-google {
		    top: 25%;
		    right: 26%;
		    z-index: 0;
		}
			.logs-res {
		    width: 67%!important;
		}

	}

	@media(max-width: 320px){

		.lang-google {
			top: 30%;
		    right: 18%;
		    z-index: 0;
		}
		.logs-res {
		    width: 64%!important;
		}
	}



		/*** MODAL DESC FOOD ***/

		.close-modal{
			position: absolute;
		    right: 10px;
		    top: 5px;
		    font-size: 17px;
		    color: #333;
		    width: 25px;
		    height: 25px;
		    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;
		}

		.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 ***/

		.content-services{
			width: 100%;
			margin: 0%;
			padding: 0% 0% 1% 0%;
			background-color: #fff;
			border-radius: 10px;
			box-shadow: 0px 0px 14px -5px #0000008c;
			position: relative;
		}

		.content-services img{
			width: 75%;
		    position: relative;
		    top: -10px;
		}

		.content-services h1{
			font-family: 'Raleway', sans-serif;
		    width: 100%;
		    margin: 0% 0% 0% 0%;
		    padding: 7% 5%;
		    font-size: 18.5px;
		    font-weight: bold;
		    text-align: left;
		    letter-spacing: 0.5px;
		    color: #333;
		    position: relative;
		}
		.content-services span{
		    position: absolute;
		    bottom: 0%;
		    color: #333;
		    font-weight: bold;
		    left: 30%;
		    margin: 2% 0%;
		   	font-family: 'Raleway', sans-serif;

		}

		.content-services b {
		    position: absolute;
		    bottom: 15%;
		    color: #2980ba;
		    font-weight: bold;
		    left: 15%;
		    margin: 2% 0%;
		    font-family: 'Raleway', sans-serif;
		    font-size: 15px;
		}

		.content-services button {
			font-family: 'Raleway', sans-serif;
			width: 135px;
			height: 135px;
			margin: 5px;
			border-radius: 5px;
			background-size: 100%;
			background-position: center;
			color: #fff;
			border:none;
			outline: none!important;
			position: relative;
    		border: 0.5px solid #ddd;
			background-color: #fff;
			margin-bottom: 10px;
		}
		.content-services i{
		    position: relative;
		    float: right;
		    right: 5px;
		}

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

		.content-services input,textarea{
		    width: 88%;
		    border: 0.5px solid #ddd;
		    border-radius: 4px;
		    text-decoration: none;
		    outline: none;
		    font-size: 19px;
		    margin: 7px 0px;
		    padding: 2% 2%;
		}

		.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;
		}

	/*** 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;
		}

	/*** TRASPORTATION ***/

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

		.opc-terminal{
			display: none;
		}

	@media (max-width: 420px){
		.content-services button {
			width: 155px;
    		height: 155px;
    		margin: 10px;
		}

	}

	@media (max-width: 380px){
		.content-services button {
			width: 140px;
		}
	}

	@media (max-width: 360px){
		.content-logo li {
			font-size: 13px;
		}
		.content-services button {
		    width: 135px;
		    height: 135px;
		    margin: 5px;
		}

	}
	@media (max-width: 320px){
		.content-services button {
    		width: 125px;
	}

	}