.form-select.form-select-solid {
	background-color: #f9f9f9;
	border-color: #f9f9f9;
	color: var(--bs-gray-700);
	transition: color .2s ease;
  }
  .text-gray-600 {
	color: #728290 !important;
  }
  .form-select {
	appearance: none;
  }
  .fw-semibold {
	font-weight: 500 !important;
  }
  .fs-6 {
	font-size: 1.075rem !important;
  }
  .h-60px {
	height: 60px !important;
  }
  .form-select-lg {
	padding-top: .825rem;
	padding-bottom: .825rem;
	padding-left: 1.5rem;
	font-size: 1.15rem;
	border-radius: .85rem;
  }
  .form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2378829D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	display: block;
	width: 100%;
	padding: .775rem 3rem .775rem 1rem;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.5;
	color: var(--bs-gray-700);
	appearance: none;
	background-color: var(--bs-body-bg);
	background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 16px 12px;
	border: 1px solid var(--bs-gray-300);
	border-radius: .65rem;
	box-shadow: false;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  option:hover {
	background-color: #ccc;
	color:#20d489 !;
  }


  .maps {
	background: #fff;
	display: flex;
	place-content: center center;
}
.maps {
	width: 100%;
}
.state {
	fill: #B7B7B7 !important;
}
.state:hover {
	fill: #CC0033 !important;
	cursor: pointer;
}
path {
	transition: fill .25s ease-in-out;
}
.btn {
	background-color: #CC0033;
	color: white;
}
.btn:hover {
	background-color: black;
	color: white !important;
}
.hq {
	color: #CC0033;
}
.st0 {
	fill: #5f3762;/* d6d0d3 */
	stroke: #fff;
	stroke-width: 2px;
}
.showLabels {
	display: none;
}
#Label:hover+div.showLabels {
	display: block;
}
div.showLabels:hover {
	display: block;
}

/* *{

	text-align: justify;

} */

.max-w-7xl {
	max-width: 88rem !important;
  }

.fl-wrapper{
	z-index: 999 !important;
}



.c_content {

	margin: inherit;

}



.c_font {

	font-size: 1.2rem

}

.mtop{

		margin-top: 0rem

	}

@media (max-width:641px) {

	.c_content {

		margin: 0 auto !important;

		text-align: center !important;

		display: block;

	}



	.c_font {

		font-size: 0.9rem

	}

	.mtop{

		margin-top: 6rem !important

	}

	.textcenter{

		text-align: center;

	}

}



.navbar-sticky-top

{

    position: fixed;

    z-index: 999;

    opacity:1;

    width: 100%;

}



.box-shadows{

   /*  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); */

 

	box-shadow: 0 0 2px rgba(0,0,0,0.4);   



}



.mex-content{

    margin-top: 0em;

}

.my-container-gray {

	position: relative;

	background: #f1f3f4;

	overflow: hidden;

}



.my-container-gray .title {

	font-family: arial;

	padding: 40px;

	text-align: center;

	z-index: 2;

	position: relative;

	color: #2D3439;

}



.my-container-gray img {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: auto;

	z-index: 1;



}



.my-container-teal {

	position: relative;

	overflow: hidden;

}



.my-container-teal .title {

	font-family: arial;

	padding: 40px;

	text-align: center;

	z-index: 2;

	position: relative;

	color: #fff;

}



.my-container-teal img {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: auto;

	z-index: 1;



}



.navbar-sticky-top

{

    position: fixed;

    z-index: 999;

    opacity:1;

    width: 100%;

}



/* .box-shadows{

    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);

}



.mex-content{

    margin-top: 5em;

} */



button.wh-ap-btn {

	outline: none;

	width: 60px;

	height: 60px;

	border: 0;

	background-color: #2ecc71;

	padding: 0;

	border-radius: 100%;

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

	cursor: pointer;

	transition: opacity 0.3s, background 0.3s, box-shadow 0.3s;

}



button.wh-ap-btn::after {

	content: "";

	background-image: url("/images/cAS6qqn.png");

	background-position: center center;

	background-repeat: no-repeat;

	background-size: 60%;

	width: 100%;

	height: 100%;

	display: block;

	opacity: 1;

}



button.wh-ap-btn:hover {

	opacity: 1;

	background-color: #20bf6b;

	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}



.wh-api {

	position: fixed;

	bottom: 0;

	right: 0;

}



.wh-fixed {

	margin-right: 15px;

	margin-bottom: 15px;

}



.wh-fixed > a {

	display: block;

	text-decoration: none;

}



/* button.wh-ap-btn::before {

	content: "Chatea conmigo";

	display: block;

	position: absolute;

	margin-left: -130px;

	margin-top: 16px;

	height: 25px;

	background: #49654e;

	color: #fff;

	font-weight: 400;

	font-size: 15px;

	border-radius: 3px;

	width: 0;

	opacity: 0;

	padding: 0;

	transition: opacity 0.4s, width 0.4s, padding 0.5s;

	padding-top: 7px;

	border-radius: 30px;

	box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);

} */



.wh-fixed > a:hover button.wh-ap-btn::before {

	opacity: 1;

	width: auto;

	padding-top: 7px;

	padding-left: 10px;

	padding-right: 10px;

	width: 100px;

}



/* animacion pulse */



.whatsapp-pulse {

	width: 60px;

	height: 60px;

	right: 10px;

	bottom: 80px;

	background: #10b418;

	position: fixed;

	text-align: center;

	color: #ffffff;

	cursor: pointer;

	border-radius: 50%;

	z-index: 99;

	display: inline-block;

	line-height: 65px;

}



.whatsapp-pulse:before {

	position: absolute;

	content: " ";

	z-index: -1;

	bottom: -15px;

	right: -15px;

	background-color: #10b418;

	width: 90px;

	height: 90px;

	border-radius: 100%;

	animation-fill-mode: both;

	-webkit-animation-fill-mode: both;

	opacity: 0.6;

	-webkit-animation: pulse 1s ease-out;

	animation: pulse 1.8s ease-out;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

}



@-webkit-keyframes pulse {

	0% {

		-webkit-transform: scale(0);

		opacity: 0;

	}

	25% {

		-webkit-transform: scale(0.3);

		opacity: 1;

	}

	50% {

		-webkit-transform: scale(0.6);

		opacity: 0.6;

	}

	75% {

		-webkit-transform: scale(0.9);

		opacity: 0.3;

	}

	100% {

		-webkit-transform: scale(1);

		opacity: 0;

	}

}



@keyframes pulse {

	0% {

		transform: scale(0);

		opacity: 0;

	}

	25% {

		transform: scale(0.3);

		opacity: 1;

	}

	50% {

		transform: scale(0.6);

		opacity: 0.6;

	}

	75% {

		transform: scale(0.9);

		opacity: 0.3;

	}

	100% {

		transform: scale(1);

		opacity: 0;

	}

}

