@charset "utf-8";
/* CSS Document */
		.containerModalOption{
			position:fixed;
			top: 0;
			left: 0;
			min-height: 100vh;
			min-width: 100vw;
			background-color:rgba(0,0,0,0.50); 
			box-sizing: border-box;
		}
		.modalOption{
			position:fixed;
			top: 0;
			left: 0;
			box-sizing: border-box;
			min-height: calc(100vh - 100px);
			margin-top: 50px;
			margin-bottom: 50px;
			min-width: calc(100vw - 100px);
			width: calc(100vw - 100px);
			margin-left:50px;
			background-color:#f5f5f5;
		}
		.titleModalOption{
			box-sizing:border-box;
			padding: 10px;
			min-width: 100%;
			margin: 0;
			font-size: 1.5rem;
    		line-height: 2rem;
		}
		.subtitleModalOption{
			box-sizing:border-box;
			padding: 10px;
			min-width: 100%;
			margin: 0;
		}
		.supportringTextModalOption{
			box-sizing:border-box;
			padding: 10px;
			min-width: 100%;
			margin: 0;
		}
		.priceModalOption{
			box-sizing:border-box;
			padding: 10px;
			min-width: 100%;
			margin: 0;
		}
		.totalPriceModalOption{
			box-sizing:border-box;
			padding: 10px 10px 10px 0px;
			margin: 10px 10px 10px 0px;
			display: inline-flex;
		}
		.spanToAditionalText{
			box-sizing:border-box;
			padding: 10px 0px 10px 10px;
			margin: 10px 0px 10px 10px;
			display: inline-flex;
			text-align: right;
		}
		.containerOptionToSelect{
		}

	/*-------------------*/
	.priceContainer{
		padding: 5px;
		box-sizing: border-box;
	}
	.button2x1{
		width: 96%;
	}
	.titleEspecialidades{
		width: 100%;
		text-align: center;
	}
	
	/*-------*/
	.iframeMap{
		width: 100%;
		height: 600px;
		border:0;
		box-sizing: border-box;
		padding: 16px;
	}
	.addresText{
		padding: 0px 16px;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	.footerBtn{
		box-sizing: border-box;
		margin: 5px;
		width: 35px;
		height: 35px;
	}
	.contactArea{
		box-sizing: border-box;
		padding:16px;
		text-align: center;
		width: 100%;
	}
	.copirigth{
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		padding: 16px;
		
	}
	


@media only screen and (max-width: 992px) {
	
	
	
	
	
	
	/*-------------------*/
	.priceContainer{
		padding: 5px;
		box-sizing: border-box;
	}
	.button2x1{
		width: 96%;
	}
	.titleEspecialidades{
		width: 100%;
		text-align: center;
	}
	
	/*-------*/
	.iframeMap{
		width: 100%;
		height: 600px;
		border:0;
		box-sizing: border-box;
		padding: 16px;
	}
	.addresText{
		padding: 0px 16px;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	.footerBtn{
		box-sizing: border-box;
		margin: 5px;
		width: 35px;
		height: 35px;
	}
	.contactArea{
		box-sizing: border-box;
		padding:16px;
		text-align: center;
		width: 100%;
	}
	.copirigth{
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		padding: 16px;
		
	}
	
	
	
}
@media only screen and (max-width: 768px) {
	
	
	
	
	.modalOption{
			position:fixed;
			top: 0;
			left: 0;
			box-sizing: border-box;
			min-height: calc(100% - 50px);
			margin: 5% 5%;
			/*margin-top: 0px;*/
			/*margin-bottom: 0px;*/
			min-width: 90%;
			width:90%;
			height: 80%;
			/*margin-left:0px;*/
			background-color:#f5f5f5;
		}
	.containerImgModalOption{
		border-bottom: solid 1px rgba(0,0,0,0.20);
	}
	.imgHide{
		display:none;
	}
	
	.containerDescriptionOrder{
		min-height: 200px;
		height:200px;
		overflow-y:scroll;
		margin-top:10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		box-sizing: border-box;
	}
	.containerOptionToSelect{
		margin-top: 10px;
		margin-bottom:10px;
		box-sizing: border-box;
	}
	.closeBtn{
		position: absolute;
		right: 24px;
		width: 24px;
		height: 24px;
	}
	
	.totalPriceModalOption{
			box-sizing:border-box;
			padding: 10px 10px 10px 0px;
			margin: 10px 10px 10px 0px;
			display: inline-flex;
			font-size: 1rem;
    		line-height: 1.25rem;
			font-weight: 550;
		}
		.spanToAditionalText{
			box-sizing:border-box;
			padding: 10px 0px 10px 10px;
			margin: 10px 0px 10px 10px;
			display: inline-flex;
			text-align: right;
			font-size: .75rem;
    		line-height: 1.25rem;
			font-weight: 550;
		}
	
	.labelCantModalOption{
			box-sizing:border-box;
			padding: 10px;
			max-width: 212px;
			width: 212px;
			margin: 0;
			font-size: 1.25rem;
    		line-height: 1.5rem;
		}
	
	.cantModalOptino{
			box-sizing:border-box;
			padding: 10px;
			max-width:calc(100% - 223px);
			min-width:calc(100% - 223px);
			width:calc(100% - 223px);
			height: 44px;
			/*margin: 10px;*/
			text-align: center;
			border: none;
			text-align-last: center;
		}
	.titleModalOption{
			box-sizing:border-box;
			padding: 3px 10px;
			min-width: 100%;
			margin: 0;
			font-weight: bold;
		}
	.subtitleModalOption{
			box-sizing:border-box;
			padding: 3px 10px;
			min-width: 100%;
			margin: 0;
			font-size: 1.25rem;
    		line-height: 1.5rem;
		}
	.especialidadesClass{
			text-align: center;
			padding: 10px;
			box-sizing: border-box;
		
	}
	
	.conainerCounterEspecialidad{
		display: flex;
		align-items: center;
	}
	.counterEspecialidades{
		box-sizing: border-box;
		width: calc(100% - 58px);
		padding: 10px;
		border: none;
		text-align: center;
	}
	/*-------------------*/
	.priceContainer{
		padding: 5px;
		box-sizing: border-box;
	}
	.button2x1{
		width: 96%;
	}
	.titleEspecialidades{
		width: 100%;
		text-align: center;
	}
	/*-----------*/
	.containerItemCar{
		box-sizing: border-box;
		padding:10px;
	}
	
	.paragraperMessageErrorEmpryCar{
		box-sizing: border-box;
		padding: 10px;
	}
	.totalAmoutNumber{
		box-sizing: border-box;
		padding: 10px;
	}
	.containerOrderNow{
		box-sizing: border-box;
		padding: 10px;
	}
	.especialSelected{
		text-transform: lowercase;
		width: 100%;
	}
	.quitItemToOrder{
		box-sizing: border-box;
		width: 100%;
		margin: 10px 0px;
	}
	/*-------*/
	.iframeMap{
		width: 100%;
		height: 300px;
		border:0;
		box-sizing: border-box;
		padding: 16px;
	}
	.addresText{
		padding: 0px 16px;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	.footerBtn{
		box-sizing: border-box;
		margin: 5px;
		width: 35px;
		height: 35px;
	}
	.contactArea{
		box-sizing: border-box;
		padding:16px;
		text-align: center;
		width: 100%;
	}
	.copirigth{
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		padding: 16px;
		
	}
	
	
	/*---------------*/
	.scrollCss::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scrollCss::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.scrollCss::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #737373;
}
	/*---------*/
	
	
	
	
	
	
	
	
	
	/*--------------------------------------------------------------------------*/
	.copirigth{
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		padding: 16px;
		
	}
	
}


@media only screen and (max-width: 576px) {
	
	
	
	
	
	.modalOption{
			position:fixed;
			top: 0;
			left: 0;
			box-sizing: border-box;
			min-height: calc(100vh - 100px);
			margin-top: 0px;
			margin-bottom: 0px;
			min-width: 100%;
			width:100%;
			margin-left:0px;
			background-color:#f5f5f5;
			min-height: 100vh;
		}
	.containerImgModalOption{
		border-bottom: solid 1px rgba(0,0,0,0.20);
	}
	.imgHide{
		display:block;
	}
	.containerDescriptionOrder{
		min-height: 300px;
		height:300px;
		overflow-y:scroll;
		margin-top:10px;
		margin-bottom: 30px;
		padding-bottom: 30px;
		box-sizing: border-box;
	}
	.containerOptionToSelect{
		margin-top: 30px;
		margin-bottom:30px;
		box-sizing: border-box;
	}
	.closeBtn{
		position: absolute;
		right: 24px;
		width: 24px;
		height: 24px;
	}
	
	.totalPriceModalOption{
			box-sizing:border-box;
			padding: 10px 10px 10px 0px;
			margin: 10px 10px 10px 0px;
			display: inline-flex;
			font-size: 1rem;
    		line-height: 1.25rem;
			font-weight: 550;
		}
		.spanToAditionalText{
			box-sizing:border-box;
			padding: 10px 0px 10px 10px;
			margin: 10px 0px 10px 10px;
			display: inline-flex;
			text-align: right;
			font-size: .75rem;
    		line-height: 1.25rem;
			font-weight: 550;
		}
	
	.labelCantModalOption{
			box-sizing:border-box;
			padding: 10px;
			max-width: 212px;
			width: 212px;
			margin: 0;
			font-size: 1.25rem;
    		line-height: 1.5rem;
		}
	
	.cantModalOptino{
			box-sizing:border-box;
			padding: 10px;
			max-width:calc(100% - 223px);
			min-width:calc(100% - 223px);
			width:calc(100% - 223px);
			height: 44px;
			/*margin: 10px;*/
			text-align: center;
			border: none;
			text-align-last: center;
		}
	.titleModalOption{
			box-sizing:border-box;
			padding: 3px 10px;
			min-width: 100%;
			margin: 0;
			font-weight: bold;
		}
	.subtitleModalOption{
			box-sizing:border-box;
			padding: 3px 10px;
			min-width: 100%;
			margin: 0;
			font-size: 1.25rem;
    		line-height: 1.5rem;
		}
	
	.conainerCounterEspecialidad{
		display: flex;
		align-items: center;
	}
	.especialidadesClass{
			text-align: center;
			padding: 10px;
			box-sizing: border-box;
			
		
	}
	.textEspecialidad{
		width:100%;
	}
	.counterEspecialidades{
		box-sizing: border-box;
		width: calc(100% - 58px);
		padding: 10px;
		border: none;
		text-align: center;
	}
	/*-------------------*/
	.priceContainer{
		padding: 5px;
		box-sizing: border-box;
	}
	.button2x1{
		width: 96%;
	}
	.titleEspecialidades{
		width: 100%;
		text-align: center;
	}
	/*-----------*/
	.containerItemCar{
		box-sizing: border-box;
		padding:10px;
	}
	
	.paragraperMessageErrorEmpryCar{
		box-sizing: border-box;
		padding: 10px;
	}
	.totalAmoutNumber{
		box-sizing: border-box;
		padding: 10px;
	}
	.containerOrderNow{
		box-sizing: border-box;
		padding: 10px;
	}
	.especialSelected{
		text-transform: lowercase;
		width: 100%;
	}
	.quitItemToOrder{
		box-sizing: border-box;
		width: 100%;
		margin: 10px 0px;
	}
	/*-------*/
	.iframeMap{
		width: 100%;
		height: 450px;
		border:0;
		box-sizing: border-box;
		padding: 16px;
	}
	.addresText{
		padding: 0px 16px;
		box-sizing: border-box;
		text-align: center;
	}
	.footerBtn{
		box-sizing: border-box;
		margin: 5px;
		width: 35px;
		height: 35px;
	}
	.contactArea{
		box-sizing: border-box;
		padding:16px;
		text-align: center;
		width: 100%;
	}
	.copirigth{
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		padding: 16px;
		
	}
	
	
	/*---------------*/
	.scrollCss::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scrollCss::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.scrollCss::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #737373;
}
	/*---------*/
	
}