:root {
	--primary: #ffaf00;
	--dark: #3f3e3e;
	--dark2: #4f5b62;
	--light: #F3F6FF;
}

[class^=flaticon-]:before,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class*=" flaticon-"]:after {
	font-size: inherit;
	margin-left: 0
}

/* botones de paises de mapa */
	.btnEstados :hover{
		color: #3b7fc2;
		text-shadow: 1px 4px 6px rgba(0,0,0,0.59);
	}
	.btnEstados{
		display: block;
	}
/* fin botones de paises de mapa */

/*VENTAJAS*/
@media screen and (max-width: 1485px) {
	.ventajas{
		font-size: 1.2rem;
	}
	
	}
	
	@media screen and (max-width: 300px) {
	.ventajas{
		font-size: 0.7rem;
	}
	
	}	


	@media screen and (min-width: 1400px) {
	.ventajas{
		font-size: 2.4rem;
	}
	
	}
	/*FIN VENTAJAS*/

	/*BG COLOR 2*/
	.bg-dark2 {
		background-color: var(--dark2) !important;
	}
	/*BG COLOR AZUL*/
	.bg-azul {
		background-color: #3b7fc2 !important;
	}

.color-azul{
	color:#0057ff;
}

.boton-whatsapp{
	height: 78px;
    width: 78px;
}

.boton-catalogo{
	height: 78px;
    width: 78px;
}

/* ICONOS BIOBOX VENTAJAS */
@media screen and (min-width: 1000px)  {

	.fondo-svg{
		background: url(../../aguas-residuales/images/iconos-box/fondo-cuadriculado.svg) top center no-repeat;
	}
	
	.izquierda{
		margin-top: 120px;
		text-align: right;
	}
	/**/
	
	/**/
	.izquierda-i{
		margin-top: -70px;
		text-align: right;
	}
	/**/
	
	/**/
	.centros{	
		margin-top: 20px;
		text-align: center;
	}
	/**/
	
	.centros-b{
		margin-top: 60px;
		text-align: center;
	}
	
	.centros-img{	
		margin-top: -120px;
		text-align: center;
	
	}
	
	.icono-box{
		width: 37%;
	}
	/**/
	
	/**/
	.derecha{
		margin-top: 120px;
		text-align: left;
	}
	/**/
	
	/**/
	.derecha-d{
		margin-top: -70px;
		text-align: left;
	}
	}


	/*@media screen and (max-width: 992px)  {
	.prueba-de-que-se-oculte{
		display: none;
	}		
	}*/

	
	@media screen and (max-width: 992px)  {
	
		/*.fondo-svg{
		background: url(../../aguas-residuales/images/iconos-box/fondo-cuadriculado.svg) center no-repeat;
	}*/
	
	.izquierda{	
		text-align: left;
	}
	/**/
	
	/**/
	.izquierda-i{	
		text-align: left;
	}
	/**/
	
	/**/
	.centros{		
		text-align: left;
	}
	/**/
	
	.centros-b{	
		text-align: left;
	}
	
	.centros-img2{		
		text-align: left;
		display: none;
	}
	
	.icono-box{
		width: 100%;
	}
	
	.icono-box2{
		width: 100%;
	}
	/**/
	
	/**/
	.derecha{	
		text-align: left;
	}
	/**/
	
	/**/
	.derecha-d{	
		text-align: left;
	}
	}
	@media screen and (max-width: 992px)  {
	.icono-box{
		width: 70%;
	}
	}
	/* FIN ICONOS BIOBOX VENTAJAS */

	/*BOTON EXPERIENCIA PARPADENADO*/
		.catalogo {
			transform: scale(1.0);			   		
			/*animation: catalogo1 3s infinite;*/
	}
	
	@keyframes catalogo1 {
		0% {
			transform: scale(1.2);						
			color: black;
		}

		20% {
			transform: scale(0.80);						
			color: black;
		}
		
		45% {
			transform: scale(0.90);						
			color: black;
		}

		64% {
			transform: scale(1.2);						
			color: black;
		}	
		
		100% {
			transform: scale(1.2);			
		}
	}
	/* FIN BOTON EXPERIENCIA PARPADENADO*/

	.clic-aqui {
			/*background: rgb(25 135 84);
   			box-shadow: 0 0 0 0 rgb(25 135 84);*/
			animation: pulse-orange12 2s infinite;
			color: blue;
	}
	
	@keyframes pulse-orange12 {
		0% {
			transform: scale(0.88);
			box-shadow: 0 0 0 0 rgb(255 255 255 255);
			background-color: white;
			color: blue;
		}
		
		45% {
			transform: scale(0.90);
			box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
			background-color: white;
			color: blue;
		}
	
		70% {
			transform: scale(1);
			box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
		}
		
		100% {
			transform: scale(0.95);
			box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
		}
	}
	
	@media screen and (max-width: 767px) {
	.whatsapp-btn {
			transform: scale(0.95);
			background: rgb(255 255 255);
   			box-shadow: 0 0 0 0 rgb(25 135 84);
			/*animation: pulse-orange1 2s infinite;*/
			color: black;
	}
	}
	
	@media screen and (min-width: 768px) {
	.whatsapp-btn {
			transform: scale(0.95);
			background: rgb(255 255 255);
   			box-shadow: 0 0 0 0 rgb(25 135 84);
			animation: pulse-orange1 2s infinite;
			color: black;
	}
	}
	
	@keyframes pulse-orange1 {
		0% {
			transform: scale(0.95);
			box-shadow: 0 0 0 0 rgb(255 255 255 255);
			background-color: white;
			color: black;
		}

		20% {
			transform: scale(0.80);
			box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
			background-color: white;
			color: black;
		}
		
		45% {
			transform: scale(0.90);
			box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
			background-color: white;
			color: black;
		}

		64% {
			transform: scale(1.1);
			box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
			background-color: white;
			color: black;
		}
	
		70% {
			transform: scale(0.98);
			box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
			color: black;
		}
		
		100% {
			transform: scale(0.95);
			box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
			color: black;
		}
	}
	/* FIN BOTON EXPERIENCIA PARPADENADO*/
	
	/*COMPONENTES CLIC*/
	@media screen and (max-width: 608px)  {
	.content {
	  &:not(.collapsible .desplazamiento) {    
		padding: 0 0px;
		 max-height: 0;
		 overflow: hidden;
		 transition: max-height 0.2s ease-out;  
	  }
	}
	
	.collapsible:after {
	  content: '\002B';
		color: red;
		font-weight: bold;    
		margin-left: 310px;
		margin-top: -71px;
		position: absolute;
		font-size: xxx-large;
	}
	
	.desplazamiento:after {
	  content: "\2212";
	}
	}
	
	#myDIV {
	  width: 100px;
	  height: 100px;  
	  position: relative;  
	  animation: mymove 2s infinite;  
	}
	
	@keyframes mymove {
	  from {left: 0px;}
	  to {left: 50px;}
	}
	
	/*FIN - COMPONENTES CLIC*/
	
	@media screen and (max-width: 468px)  {
		.display-5{	
		  font-size: x-large;
	}	
	}
	
	@media screen and (max-width: 468px)  {
		.sombra-titulos-experiencias{
		text-shadow: black 0.1em 0.1em 0.2em;
		display:block;
		font-size: larger;
	}	
	}
	
	/*@media screen and (max-width: 468px)  {
		.sombra-titulos-experiencias, .btn{
		text-shadow: black 0.1em 0.1em 0.2em;
		font-size: small;
	}	
	}*/
	
	@media screen and (max-width: 468px)  {
		.sombra-titulos{
		text-shadow: black 0.1em 0.1em 0.2em;
		display:none;
	}	
	}
	
	.sombra-titulos{
		text-shadow: black 0.1em 0.1em 0.2em;
	}
	
	
	.barra-idioma {
		/*color: aqua;*/
	}
	
	.barra-idioma:hover{
		/*color: #ffc107;*/
	}
	
	
	@media screen and (max-width: 767px) {
	.oculto{
		display: none;
	
	}
	}
	
	@media screen and (min-width: 768px) {
	.visible{
		display: none;
	
	}
	}

	@media screen and (max-width: 999px) {
		.oculto-tablet{
			display: none;
		
		}
		}
		
		@media screen and (min-width: 1000px) {
		.visible-tablet{
			display: none;
		
		}
		}
	
	@media screen and (max-width: 1399px) {
	.display-60{
		font-size: 1.9rem;
	}
	}
	
	.modal-m{
		z-index: 99900;
	}
	
	.modal-m1{
		z-index: 9999999999;
	}
	
	.presentar {
		text-align: center;
		}
		.presentar a, .presentar img, .presentar a span {
		border:0;
		padding:0;
		margin:0;
		}
		.presentar a {
		position: relative;
		display: inline-block;
		}
		.presentar a span {
		opacity: 0;
		filter: alpha(opacity=0);
		position: absolute;
		top: 0px;
		left: 0px;
		}
		.presentar a:hover span {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		}
	
	nav-menu {
	  display: none;
	}
	
	.wrapper {
		position: relative;
		width: 100%;
		max-width: 1920px;
		margin: 0 auto;
		background: #fff
	}
	
	.back-to-top {
		position: fixed;
		display: none;
		left: 30px;
		bottom: 30px;
		z-index: 99
	}

	.catalogo {
		position: fixed;	
		display: none;
		left: 30px;
		bottom: 30px;
		z-index: 99;
		margin-bottom: 40px;
	}
	
	#spinner {
		opacity: 0;
		visibility: hidden;
		transition: opacity .5s ease-out, visibility 0s linear .5s;
		z-index: 99999
	}
	
	#spinner.show {
		transition: opacity .5s ease-out, visibility 0s linear 0s;
		visibility: visible;
		opacity: 1
	}
	
	h1,
	h2,
	.fw-bold {
		font-weight: 700 !important
	}
	
	h3,
	h4,
	.fw-semi-bold {
		font-weight: 600 !important
	}
	
	h5,
	h6,
	.fw-medium {
		font-weight: 500 !important
	}
	
	.btn {
		font-weight: 500;
		transition: .5s
	}
	
	.btn:hover {
		box-shadow: 0 0 10px rgba(0, 0, 0, .5)
	}
	
	.btn-square {
		width: 36px;
		height: 36px
	}
	
	.btn-sm-square {
		width: 30px;
		height: 30px
	}
	
	.btn-lg-square {
		width: 48px;
		height: 48px
	}
	
	.btn-square,
	.btn-sm-square,
	.btn-lg-square {
		padding-left: 0;
		padding-right: 0;
		text-align: center
	}
	
	.btn.btn-tag {
		color: #666;
		font-weight: 400;
		border: 1px solid #ced4da
	}
	
	.btn.btn-tag:hover {
		color: var(--primary);
		background: var(--dark);
		border-color: var(--dark)
	}
	
	.top-bar {
		height: 90px;
		padding: 0 60px
	}
	
	.navbar-brand img {
		max-height: 60px
	}
	
	.nav-bar {
		position: relative;
		padding: 0 25px;
		transition: .5s;
		z-index: 9999
	}
	
	.nav-bar.sticky-top {
		position: sticky;
		padding: 0;
		z-index: 9999
	}
	
	/*@media (min-width: 1367px) {
	  .navbar-dark .navbar-nav .nav-link {
		padding: 30px 10px;
		color: var(--light);
		font-size: 15px;
		text-transform: uppercase;
		outline: none;
		transition: .5s
	}
	}*/

	.logo-whatsaap {
		margin-top: 8px !important;
	}
	
	.boton-whatsapp{
		height: 78px;
		width: 78px;
	}
	.wsp {
		position: fixed;	
		display: none;
		left: 30px;
		bottom: 30px;
		z-index: 99;
	}
	
	/*EXPERIENCIAS TITULOS*/
	@media (max-width: 1920px) {
		.titulo-experiencias{
			font-size: 16px;
		}
	}
	@media (max-width: 1600px) {
		.titulo-experiencias{
			font-size: 15px;
		}
	}
	
	@media (max-width: 1660px) {
	.titulo-experiencias{
			font-size: 15px;
		}
	}
	@media (max-width: 1366px) {
	.titulo-experiencias{
			font-size: 13px;
		}
	}
	
	@media (max-width: 480px) {
	.titulo-experiencias{
			font-size: 15px;
		}
	}
	/**/
	
	@media (min-width: 1367px) {
	  .navbar-dark .navbar-nav .nav-link {
		padding: 30px 10px;
		color: var(--light);
		font-size: 11.5px;
		text-transform: uppercase;
		outline: none;
		transition: .5s
	}
	}
	
	@media (min-width: 1600px) {
	  .navbar-dark .navbar-nav .nav-link {
		padding: 30px 10px;
		color: var(--light);
		font-size: 13px;
		text-transform: uppercase;
		outline: none;
		transition: .5s
	}
	}
	
	@media (min-width: 1660px) {
	  .navbar-dark .navbar-nav .nav-link {
		padding: 30px 10px;
		color: var(--light);
		font-size: 15px;
		text-transform: uppercase;
		outline: none;
		transition: .5s
	}
	}
	
	@media (max-width: 1600px) {
		.contacto-oculto{
			display: none;
		}
		}
		@media (max-width: 1366px) {
		.contacto-oculto{
			display: block;
		}
		}
	
	
	@media (max-width: 480px) {
	.navbar-dark .navbar-nav .nav-link {
		padding: 30px 10px;
		color: var(--light);
		font-size: 12px;
		text-transform: uppercase;
		outline: none;
		transition: .5s
	}
	}
	
	/*BANDERA*/
	
	@media (min-width: 1366px) {
	.bandera{
		width: 25px;
	}
	}
	
	@media (max-width: 1600px) {
	.bandera{
		width: 20px;
	}
	}
	
	@media (max-width: 1366px) {
	.bandera{
		width: 14px;
	}
	}
	
	@media (max-width: 768px) {
	.bandera{
		width: 4%;
	}
	}
	
	@media (max-width: 480px) {
	.bandera{
		width: 7%;
	}
	}
	
	/*LOGO*/
	
	@media (min-width: 1366px) {
	.img-logo {
		width: 45%;
	}
	}
	
	@media (max-width: 1600px) {
	.img-logo {
		width: 50%;
	}
	}
	
	@media (max-width: 1366px) {
	.img-logo {
		width: 50%;
	}
	}
	
	@media (max-width: 768px) {
	.img-logo {
		width: 45%;
	}
	}
	
	@media (max-width: 480px) {
	.img-logo {
		width: 90%;
	}
	}
	
	@media (max-width: 480px) {
	.p-nav{
		font-size: 15px;
	}
	}
	
	@media (max-width: 1366px) {
	.navbar-dark .navbar-nav .nav-link {
		padding: 30px 10px;
		color: var(--light);
		font-size: 10.8px;
		text-transform: uppercase;
		outline: none;
		transition: .5s
	}
	}
	
	@media (max-width: 480px) {
	.navbar-dark .navbar-nav .nav-link {
		padding: 30px 10px;
		color: var(--light);
		font-size: 12.8px;
		text-transform: uppercase;
		outline: none;
		transition: .5s
	}
	}
	
	
	.navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .nav-link.active {
		color: var(--primary)
	}
	
	@media(max-width:991.98px) {
		.nav-bar {
			padding: 0
		}
	
		.nav-bar .navbar-collapse {
			margin-top: 12px;
			border-top: 1px solid rgba(256, 256, 256, .1)
		}
	
		.navbar-dark .navbar-nav .nav-link {
			padding: 10px 0;
			/*text-transform: capitalize*/
		}
	}
	
	@media(min-width:992px) {
		.nav-bar-shape {
			height: 83px;
			margin-top: -83px;
			padding: 0 25px;
			overflow: hidden;
			transition: .5s
		}
	
		.nav-bar-shape.sticky-top {
			padding: 0
		}
	
		.nav-bar-shape span {
			position: relative;
			display: block;
			height: 100%;
			width: 100%;
			background: var(--dark)
		}
	
		.nav-bar-shape span::before {
			position: absolute;
			content: '';
			left: -30px;
			bottom: 0;
			border-left: 30px solid transparent;
			border-right: 0 solid transparent;
			border-bottom: 83px solid var(--dark);
			z-index: 1
		}
	
		.nav-bar-shape span::after {
			position: absolute;
			content: '';
			right: -30px;
			bottom: 0;
			border-left: 0 solid transparent;
			border-right: 30px solid transparent;
			border-bottom: 83px solid var(--dark);
			z-index: 1
		}
	}
	
	.carousel-caption {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(3, 15, 39, 0.10);
		z-index: 1
	}

	/*.carrusel {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(3, 15, 39, 0.10);
		z-index: 1
	}*/
	
	.ptar-biobox {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(3, 15, 39, 0.20);
		z-index: 1
	}
	
	.carousel-control-prev,
	.carousel-control-next {
		border:0 !important;
		width: 10%
	}
	
	.carousel-control-prev-icon,
	.carousel-control-next-icon {
		width: 3rem;
		height: 3rem
	}
	
	/*@media(max-width:768px) {
		#header-carousel .carousel-item {
			position: relative;
			min-height: 500px
		}
	
		#header-carousel .carousel-item img {
			position: absolute;
			width: 100%;
			height: 100%;
			object-fit: cover
		}
	}*/
	
	/*@media(max-width:468px) {
		#header-carousel .carousel-item {
			position: relative;
			min-height: 500px
		}
	
		#header-carousel .carousel-item img {
			position: absolute;
			width: 100%;
			height: 100%;
			object-fit: cover
		}
	}*/
	
	.page-header {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover
	}
	
	.page-header-inner {
		background: rgba(3, 15, 39, .7)
	}
	
	.hero-header {
		background: url(../../aguas-residuales/images/biobox/portada-panama.jpg) top right no-repeat;
		background-size: cover
	}
	
	@media(min-width:992px) {
		.hero-header {
			padding-left: 75px;
			padding-right: 75px
		}
	}
	
	.call-to-action-btn::before {
		position: absolute;
		content: '';
		left: -30px;
		bottom: 0;
		border-left: 30px solid transparent;
		border-right: 0 solid transparent;
		border-bottom: 90px solid var(--primary);
		z-index: 0
	}
	
	.call-to-action-btn::after {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		right: -100%;
		top: 0;
		background: var(--primary)
	}
	
	@media(max-width:768px) {
		.call-to-action-btn::before {
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			left: -100%;
			top: 0;
			background: var(--primary);
			z-index: 0
		}
	}
	
	.icon-box {
		position: relative;
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--primary)
	}
	
	.icon-box::before {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		top: 0;
		left: 0;
		border-top: 15px solid #fff;
		border-right: 15px solid transparent
	}
	
	.icon-box::after {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		bottom: 0;
		right: 0;
		border-bottom: 15px solid #fff;
		border-left: 15px solid transparent
	}
	
	.section-header {
		position: relative;
		z-index: 1
	}
	
	.section-header h6 {
		position: relative;
		display: inline-block
	}
	
	.section-header h6::after {
		position: absolute;
		content: "";
		/*height: 2px;*/
		top: 50%;
		left: -45px;
		right: -45px;
		margin-top: -1px;
		background: var(--primary);
		z-index: -1
	}
	
	.section-header.text-start h6 {
		padding-left: 0 !important
	}
	
	.section-header.text-start h6::after {
		left: 0
	}
	
	.about-img::before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: var(--primary);
		transform: rotate(5deg);
		opacity: .5;
		z-index: 1
	}
	
	.about-img::after {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: var(--primary);
		transform: rotate(-5deg);
		z-index: 2
	}
	
	.about-img img {
		z-index: 3
	}
	
	.feature-icon {
		position: relative;
		margin: 15px 30px 0 0;
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.feature-icon-prueba::before {
		position: absolute;
		content: "";
		width: 80px;
		height: 80px;
		top: -20px;
		left: -10px;
		border: 2px dotted #fff;
		border-radius: 60px;
		z-index: 1
	}

	.feature-icon-prueba::after {
		position: absolute;
		content: "";
		width: 79px;
		height: 79px;
		top: -18px;
		left: -9px;
		background: var(--dark2) !important;
		border-radius: 60px;
		z-index: 2
	}
	
	.feature-icon::before {
		position: absolute;
		content: "";
		width: 80px;
		height: 80px;
		top: -20px;
		left: -10px;
		border: 2px dotted #fff;
		border-radius: 60px;
		z-index: 1
	}
	
	.feature-icon::after {
		position: absolute;
		content: "";
		width: 79px;
		height: 79px;
		top: -18px;
		left: -9px;
		background: var(--dark);
		border-radius: 60px;
		z-index: 2
	}
	
	
	.feature-icon1 {
		position: relative;
		margin: 15px 30px 0 0;
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center
	}
	
	.feature-icon1::before {
		position: absolute;
		content: "";
		width: 80px;
		height: 80px;
		top: -20px;
		left: -10px;
		border: 2px dotted #000;
		border-radius: 60px;
		z-index: 1
	}
	
	.feature-icon1::after {
		position: absolute;
		content: "";
		width: 79px;
		height: 79px;
		top: -18px;
		left: -9px;
		background: #ffffff;;
		border-radius: 60px;
		z-index: 2
	}
	
	
	@media screen and (max-width: 468px) {
	.feature-icon1{
		display: none;
	
	}
	}
	
	.feature-icon2 {
		position: relative;
		margin: 15px 30px 0 0;
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center
	}
	
	.feature-icon2::before {
		position: absolute;
		content: "";
		width: 80px;
		height: 80px;
		top: -20px;
		left: -10px;
		border: 2px dotted #000;
		border-radius: 60px;
		z-index: 1
	}
	
	.feature-icon2::after {
		position: absolute;
		content: "";
		width: 79px;
		height: 79px;
		top: -18px;
		left: -9px;
		background: #ffffff;;
		border-radius: 60px;
		z-index: 2
	}
	
	
	@media screen and (min-width: 768px) {
	.feature-icon2{
		display: none;
	
	}
	}
	
	.bg-primary .feature-icon::after {
		background: var(--primary)
	}
	
	.feature-icon i {
		position: relative;
		font-size: 60px;
		line-height: 60px;
		z-index: 3
	}
	
	@media(min-width:768px) {
		.fact-box {
			height: 200px
		}
	}
	
	.fact-icon i {
		font-size: 60px;
		line-height: 60px;
		background-image: linear-gradient(#ffffff, #fdbe33);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent
	}
	
	.fact-right .fact-icon i {
		background-image: linear-gradient(#ffffff, #030f27)
	}
	
	.fact-right::before {
		position: absolute;
		content: '';
		left: -3rem;
		bottom: 0;
		border-left: 3rem solid transparent;
		border-right: 0 solid transparent;
		border-bottom: 200px solid var(--primary);
		z-index: 1
	}
	
	.service-item .service-img {
		position: relative;
		overflow: hidden
	}
	
	.service-item .service-img img {
		transition: .5s
	}
	
	.service-item:hover .service-img img {
		transform: scale(1.1)
	}
	
	.service-item .service-overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding: 30px;
		display: flex;
		align-items: center;
		text-align: center;
		color: #fff;
		background: rgba(3, 15, 39, .7);
		transition: .5s;
		opacity: 0
	}
	
	.service-item:hover .service-overlay {
		opacity: 1
	}
	
	.service-item a.btn {
		flex-shrink: 0;
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 60px;
		font-weight: 100
	}
	
	.service-item:hover a.btn,
	.service-item a.btn:hover {
		color: #fff;
		background: var(--primary);
		border-color: var(--primary)
	}
	
	.service-2 .service-inner:before {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: var(--dark);
		transform: perspective(400px) scaleX(0);
		transform-origin: bottom;
		transition: .5s;
		opacity: 1;
		z-index: 2
	}
	
	.service-2:hover .service-inner:before {
		opacity: .7;
		transform: perspective(400px) scaleX(1)
	}
	
	.service-2 .service-overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		opacity: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		transform-origin: center;
		transform-style: preserve-3d;
		transform: scale(0);
		transition: all 500ms ease 300ms;
		z-index: 10
	}
	
	.service-2:hover .service-overlay {
		opacity: 1;
		transform: scale(1)
	}
	
	.service-2 .service-title {
		position: relative;
		height: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background: var(--dark);
		z-index: 1
	}
	
	.service-2 .service-title::before {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: var(--primary);
		transform: perspective(400px) scaleX(1);
		transform-origin: bottom;
		transition: .5s;
		z-index: -1
	}
	
	.service-2:hover .service-title::before {
		transform: perspective(400px) scaleX(0)
	}
	
	.service-2 .service-title a {
		transition: all 500ms linear;
		transition-delay: .1s
	}
	
	.service-2:hover .service-title a {
		color: var(--light) !important
	}
	
	.service-list a,
	.category-list a {
		transition: .5s
	}
	
	.service-list a:hover,
	.category-list a:hover {
		color: var(--dark);
		background: var(--primary) !important
	}
	
	.service-list a::before,
	.category-list a::before {
		position: relative;
		content: "\f105";
		font-family: "font awesome 5 free";
		font-weight: 900;
		margin-right: 0;
		transition: .5s;
		opacity: 0
	}
	
	.service-list a:hover::before,
	.category-list a:hover::before {
		opacity: 1;
		margin-right: 10px
	}
	
	
	@media screen and (min-width: 768px) {
	.video {
		position: relative;
		height: 100%;
		min-height: 500px;
		background: linear-gradient(rgba(3, 15, 39, 20%), rgba(3, 15, 39, 20%)), url(../../aguas-residuales/images/portada-todos.jpg);
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}
	}
	
	@media screen and (max-width: 468px) {
	.video {
		position: relative;
		height: 100%;
		min-height: 500px;
		background: linear-gradient(rgba(3, 15, 39, 20%), rgba(3, 15, 39, 20%)), url(../../aguas-residuales/images/portada-todos.jpg);
		/*background-attachment: fixed;*/
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}
	}

	/*FÁCIL TRANSPORTE*/

	@media screen and (min-width: 768px) {
	.transporte {
		position: relative;
		height: 100%;
		min-height: 500px;
		background: linear-gradient(rgba(3, 15, 39, 20%), rgba(3, 15, 39, 20%)), url(../../aguas-residuales/images/biobox/transporte-internacional.jpg);
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}
	}
	
	@media screen and (max-width: 468px) {
	.transporte {
		position: relative;
		height: 100%;
		min-height: 500px;
		background: linear-gradient(rgba(3, 15, 39, 20%), rgba(3, 15, 39, 20%)), url(../../aguas-residuales/images//biobox/transporte-internacional.jpg);
		/*background-attachment: fixed;*/
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}
	}

	@media screen and (min-width: 768px) {
	
	.transporte .btn-play {
		position: absolute;
		z-index: 3;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		box-sizing: content-box;
		display: block;
		width: 32px;
		height: 44px;
		border-radius: 50%;
		border: none;
		outline: none;
		padding: 18px 20px 18px 28px
	}
	}
	
	@media screen and (max-width: 468px) {
	
	.transporte .btn-play {
		position: absolute;
		z-index: 3;
		top: 25%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		box-sizing: content-box;
		display: block;
		width: 32px;
		height: 44px;
		border-radius: 50%;
		border: none;
		outline: none;
		padding: 18px 20px 18px 28px
	}
	}
	
	.transporte .btn-play:before {
		content: "";
		position: absolute;
		z-index: 0;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		width: 100px;
		height: 100px;
		background: #030f27;
		border-radius: 50%;
		animation: pulse-border 1500ms ease-out infinite
	}
	
	.transporte .btn-play:after {
		content: "";
		position: absolute;
		z-index: 1;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		width: 100px;
		height: 100px;
		background: #fdbe33;
		border-radius: 50%;
		transition: all 200ms
	}
	
	.transporte .btn-play:hover:after {
		background-color: darken(#fdbe33, 10%)
	}
	
	.transporte .btn-play img {
		position: relative;
		z-index: 3;
		max-width: 100%;
		width: auto;
		height: auto
	}
	
	.transporte .btn-play span {
		display: block;
		position: relative;
		z-index: 3;
		width: 0;
		height: 0;
		border-left: 32px solid #030f27;
		border-top: 22px solid transparent;
		border-bottom: 22px solid transparent
	}
	
	@keyframes pulse-border {
		0% {
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
			opacity: 1
		}
	
		100% {
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
			opacity: 0
		}
	}
	
	/*FIN FÁCIL TRANSPORTE*/
	
	@media screen and (min-width: 768px) {
	
	.video .btn-play {
		position: absolute;
		z-index: 3;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		box-sizing: content-box;
		display: block;
		width: 32px;
		height: 44px;
		border-radius: 50%;
		border: none;
		outline: none;
		padding: 18px 20px 18px 28px
	}
	}
	
	@media screen and (max-width: 468px) {
	
	.video .btn-play {
		position: absolute;
		z-index: 3;
		top: 25%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		box-sizing: content-box;
		display: block;
		width: 32px;
		height: 44px;
		border-radius: 50%;
		border: none;
		outline: none;
		padding: 18px 20px 18px 28px
	}
	}
	
	.video .btn-play:before {
		content: "";
		position: absolute;
		z-index: 0;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		width: 100px;
		height: 100px;
		background: #fdbe33;
		border-radius: 50%;
		animation: pulse-border 1500ms ease-out infinite
	}
	
	.video .btn-play:after {
		content: "";
		position: absolute;
		z-index: 1;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		width: 100px;
		height: 100px;
		background: #fdbe33;
		border-radius: 50%;
		transition: all 200ms
	}
	
	.video .btn-play:hover:after {
		background-color: darken(#fdbe33, 10%)
	}
	
	.video .btn-play img {
		position: relative;
		z-index: 3;
		max-width: 100%;
		width: auto;
		height: auto
	}
	
	.video .btn-play span {
		display: block;
		position: relative;
		z-index: 3;
		width: 0;
		height: 0;
		border-left: 32px solid #030f27;
		border-top: 22px solid transparent;
		border-bottom: 22px solid transparent
	}
	
	@keyframes pulse-border {
		0% {
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
			opacity: 1
		}
	
		100% {
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
			opacity: 0
		}
	}
	
	#videoModal {
		z-index: 99999
	}
	
	#videoModal .modal-dialog {
		position: relative;
		max-width: 800px;
		margin: 60px auto 0
	}
	
	#videoModal .modal-body {
		position: relative;
		padding: 0
	}
	
	#videoModal .close {
		position: absolute;
		width: 30px;
		height: 30px;
		right: 0;
		top: -30px;
		z-index: 999;
		font-size: 30px;
		font-weight: 400;
		color: #fff;
		background: #000;
		opacity: 1
	}
	
	/**/
	#videoModal1 {
		z-index: 99999
	}
	
	#videoModal1 .modal-dialog {
		position: relative;
		max-width: 800px;
		margin: 60px auto 0
	}
	
	#videoModal1 .modal-body {
		position: relative;
		padding: 0
	}
	
	#videoModal1 .close {
		position: absolute;
		width: 30px;
		height: 30px;
		right: 0;
		top: -30px;
		z-index: 999;
		font-size: 30px;
		font-weight: 400;
		color: #fff;
		background: #000;
		opacity: 1
	}
	/**/

	/**/
	#videoModal2 {
		z-index: 99999
	}
	
	#videoModal2 .modal-dialog {
		position: relative;
		max-width: 800px;
		margin: 60px auto 0
	}
	
	#videoModal2 .modal-body {
		position: relative;
		padding: 0
	}
	
	#videoModal2 .close {
		position: absolute;
		width: 30px;
		height: 30px;
		right: 0;
		top: -30px;
		z-index: 999;
		font-size: 30px;
		font-weight: 400;
		color: #fff;
		background: #000;
		opacity: 1
	}
	/**/
	
	.team-item {
		position: relative;
		overflow: hidden
	}
	
	.team-text,
	.team-text h5 {
		transition: .5s
	}
	
	.team-item:hover .team-text {
		background: var(--primary) !important
	}
	
	.team-item:hover .team-text h5 {
		color: var(--dark) !important;
		letter-spacing: 1px
	}
	
	.team-social {
		position: absolute;
		width: 100px;
		top: 0;
		left: -50px;
		display: flex;
		flex-direction: column;
		font-size: 0
	}
	
	.team-social a {
		position: relative;
		left: 0;
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: #fff
	}
	
	.team-item:hover .team-social a:first-child {
		left: 50px;
		background: #00acee;
		transition: .3s 0s
	}
	
	.team-item:hover .team-social a:nth-child(2) {
		left: 50px;
		background: #3b5998;
		transition: .3s .1s
	}
	
	.team-item:hover .team-social a:nth-child(3) {
		left: 50px;
		background: #0e76a8;
		transition: .3s .2s
	}
	
	.team-item:hover .team-social a:nth-child(4) {
		left: 50px;
		background: #3f729b;
		transition: .3s .3s
	}
	
	@media(min-width:576px) {
		.pricing {
			position: relative;
			padding: 50px 50px 0
		}
	
		.pricing::before {
			position: absolute;
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 300px;
			background: var(--light)
		}
	
		.pricing .row {
			position: relative;
			z-index: 1
		}
	}
	
	.price-table>thead>tr>td,
	.price-table>thead>tr>th,
	.price-table>tbody>tr>td,
	.price-table>tbody>tr>th,
	.price-table>tfoot>tr>td,
	.price-table>tfoot>tr>th {
		padding: 15px 20px
	}
	@media screen and (min-width: 768px) {
	.testimonial {
		padding: 90px 0;
		text-align: center;
		background: linear-gradient(rgba(3, 15, 39, .7), rgba(3, 15, 39, .7)), url(../../images/product1.png);
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}
	}
	
	@media screen and (max-width: 468px) {
	.testimonial {
		padding: 90px 0;
		text-align: center;
		background: linear-gradient(rgba(3, 15, 39, .7), rgba(3, 15, 39, .7)), url(../../images/product1.png);
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}
	}
	
	.testimonial .container {
		max-width: 760px
	}
	
	.testimonial .testimonial-slider-nav {
		position: relative;
		width: 300px;
		margin: 0 auto
	}
	
	.testimonial .testimonial-slider-nav .slick-slide {
		position: relative;
		opacity: 0;
		transition: .5s
	}
	
	.testimonial .testimonial-slider-nav .slick-active {
		opacity: 1;
		transform: scale(1.3)
	}
	
	.testimonial .testimonial-slider-nav .slick-center {
		transform: scale(1.8);
		z-index: 1
	}
	
	.testimonial .testimonial-slider-nav .slick-slide img {
		position: relative;
		display: block;
		margin-top: 37px;
		width: 100%;
		height: auto;
		border-radius: 100px
	}
	
	.testimonial .testimonial-slider {
		position: relative;
		margin-top: 30px;
		padding-top: 50px
	}
	
	.testimonial .testimonial-slider::before {
		position: absolute;
		content: "";
		width: 60px;
		height: 50px;
		top: 0;
		left: calc(50% - 30px);
		background: url(../../img/quote.png) top center no-repeat
	}
	
	.testimonial-carousel .testimonial-item {
		position: relative;
		margin: 0 45px 45px 35px
	}
	
	.testimonial-carousel .testimonial-text {
		position: relative;
		padding: 25px 25px 25px 65px
	}
	
	.testimonial-carousel .testimonial-item::before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		top: 45px;
		left: 45px;
		background: var(--primary)
	}
	
	.testimonial-carousel .testimonial-item img {
		position: absolute;
		width: 70px !important;
		height: 70px;
		top: 30px;
		left: -36px;
		padding: 5px;
		z-index: 2
	}
	
	.testimonial-carousel .testimonial-item h5 {
		position: absolute;
		left: 65px;
		bottom: -35px;
		z-index: 2
	}
	
	.testimonial-carousel .owl-nav {
		margin-top: 35px;
		display: flex;
		justify-content: center
	}
	
	.testimonial-carousel .owl-nav .owl-prev,
	.testimonial-carousel .owl-nav .owl-next {
		margin: 0 5px;
		width: 45px;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--dark);
		background: var(--primary);
		font-size: 22px;
		transition: .5s
	}
	
	.testimonial-carousel .owl-nav .owl-prev:hover,
	.testimonial-carousel .owl-nav .owl-next:hover {
		color: var(--primary);
		background: var(--dark)
	}
	
	.blog-item img {
		transition: .5s
	}
	
	.blog-item:hover .overflow-hidden img {
		transform: scale(1.1)
	}
	
	.blog-item a.btn {
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 60px;
		line-height: 60px;
		font-weight: 100
	}
	
	.blog-item:hover a.btn,
	.blog-item a.btn:hover {
		color: #fff;
		background: var(--primary);
		border-color: var(--primary)
	}
	
	.blog-item .blog-meta {
		position: relative;
		margin-bottom: 15px;
		padding-bottom: 15px;
		font-size: 14px;
		font-style: italic
	}
	
	.blog-item .blog-meta::after {
		position: absolute;
		content: "";
		width: 100px;
		height: 1px;
		left: calc(50% - 50px);
		bottom: 0;
		background: var(--primary)
	}
	
	.blog-item .blog-meta a:hover {
		color: var(--primary)
	}
	
	.blog-item .blog-meta i:first-child {
		margin-left: 0 !important
	}
	
	.blog .pagination .page-link {
		color: #030f27;
		border-radius: 0;
		border-color: #fdbe33
	}
	
	.blog .pagination .page-link:hover,
	.blog .pagination .page-item.active .page-link {
		color: #fdbe33;
		background: #030f27
	}
	
	.blog .pagination .disabled .page-link {
		color: #999
	}
	
	.related-carousel .owl-nav {
		position: absolute;
		width: 76px;
		top: -52px;
		right: 0;
		display: flex
	}
	
	.related-carousel .owl-nav .owl-prev,
	.related-carousel .owl-nav .owl-next {
		margin-left: 10px;
		width: 28px;
		height: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--dark);
		background: var(--primary);
		font-size: 14px;
		transition: .3s
	}
	
	.related-carousel .owl-nav .owl-prev:hover,
	.related-carousel .owl-nav .owl-next:hover {
		color: var(--primary);
		background: var(--dark)
	}
	
	#portfolio-flters .btn {
		position: relative;
		display: inline-block;
		margin: 10px 4px 0;
		transition: .5s
	}
	
	#portfolio-flters .btn:hover,
	#portfolio-flters .btn.active {
		color: var(--primary);
		background: var(--dark);
		border-color: var(--dark)
	}
	
	.portfolio-item .portfolio-warp {
		position: relative;
		width: 100%;
		text-align: center
	}
	
	.portfolio-item .portfolio-img {
		position: relative;
		overflow: hidden
	}
	
	.portfolio-item .portfolio-img img {
		width: 100%;
		transition: .3s
	}
	
	.portfolio-item:hover .portfolio-img img {
		transform: scale(1.1)
	}
	
	.portfolio-item .portfolio-overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(3, 15, 39, .7);
		transition: .5s;
		opacity: 0
	}
	
	.portfolio-item:hover .portfolio-overlay {
		opacity: 1;
		color: var(--light)
	}
	
	.portfolio-item a.btn {
		flex-shrink: 0;
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 60px;
		font-weight: 100;
		color: var(--dark);
		background: #fff
	}
	
	.portfolio-item:hover a.btn,
	.portfolio-item a.btn:hover {
		color: #fff;
		background: var(--primary)
	}
	
	.portfolio-item .portfolio-box {
		position: relative;
		transition: all .2s ease-out 0s
	}
	
	.portfolio-item .portfolio-content {
		position: absolute;
		content: "";
		top: 30px;
		bottom: 30px;
		left: 30px;
		right: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		background: rgba(3, 15, 39, .7);
		transform: rotate3d(-1, 1, 0, 100deg);
		transition: all .4s ease-in-out 0s;
		opacity: 0
	}
	
	.portfolio-item:hover .portfolio-content {
		opacity: 1;
		transform: rotate3d(0, 0, 0, 0deg)
	}
	
	.portfolio-item .portfolio-box img {
		width: 100%
	}
	
	.portfolio-item .portfolio-content a.btn {
		margin: 0 3px;
		width: 40px;
		height: 40px;
		font-size: 16px;
		color: var(--dark);
		background: #fff;
		border: none
	}
	
	.portfolio-item .portfolio-content a.btn:hover {
		background: var(--primary)
	}
	
	.project-carousel .owl-nav {
		margin-top: 30px;
		width: 100%;
		height: 46px;
		display: flex;
		justify-content: center
	}
	
	.project-carousel .owl-nav .owl-prev,
	.project-carousel .owl-nav .owl-next {
		position: relative;
		margin: 0 5px;
		width: 46px;
		height: 46px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		background: var(--primary);
		border-radius: 2px;
		font-size: 22px;
		transition: .5s
	}
	
	.progress {
		height: 5px;
		overflow: visible
	}
	
	.progress .progress-bar {
		position: relative;
		overflow: visible;
		width: 0;
		transition: 2s
	}
	
	.progress .progress-bar span {
		position: absolute;
		display: block;
		height: 15px;
		width: 5px;
		top: -5px;
		right: 0
	}
	
	.accordion-custom .accordion-item {
		margin-bottom: 15px;
		border-color: rgba(0, 0, 0, .02)
	}
	
	.accordion-custom .accordion-item:not(:first-of-type) {
		border-top: 1px solid rgba(0, 0, 0, .02)
	}
	
	.accordion-custom .accordion-button {
		font-weight: 500 !important;
		background: #fff;
		transition: .5s
	}
	
	.accordion-custom .accordion-button:not(.collapsed) {
		color: var(--dark);
		background: var(--primary);
		box-shadow: none
	}
	
	.accordion-custom .accordion-button:not(.collapsed)::after {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+)
	}
	
	.accordion-custom .accordion-body {
		padding: 20px;
		background: #fff
	}
	
	.contact-form .form-control {
		color: var(--light);
		background: 0 0;
		border-color: rgba(256, 256, 256, .4) !important
	}
	
	.contact-form .form-control::placeholder {
		color: var(--light);
		opacity: 1
	}
	
	.contact-form .form-control::-ms-input-placeholder {
		color: var(--light)
	}
	
	.contact-form .form-control::-ms-input-placeholder {
		color: var(--light)
	}
	
	.contact-form .help-block ul {
		margin: 0;
		padding: 0;
		list-style-type: none
	}
	
	.footer {
		background: url(../../img/footer.png) center center no-repeat;
		background-size: contain
	}
	
	.footer .btn.btn-social {
		margin-right: 5px;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--light);
		border: 1px solid rgba(256, 256, 256, .3);
		border-radius: 40px;
		transition: .3s
	}
	
	.footer .btn.btn-social:hover {
		color: var(--dark);
		background: var(--primary);
		border-color: var(--primary)
	}
	
	.footer .btn.btn-link {
		display: block;
		margin-bottom: 10px;
		padding: 0;
		text-align: left;
		color: var(--light);
		font-weight: 400;
		transition: .3s
	}
	
	.footer .btn.btn-link::before {
		position: relative;
		content: "\f105";
		font-family: "font awesome 5 free";
		font-weight: 900;
		margin-right: 10px
	}
	
	.footer .btn.btn-link:hover {
		color: var(--primary);
		letter-spacing: 1px;
		box-shadow: none
	}
	
	.footer .footer-menu {
		padding: 15px;
		font-size: 0;
		text-align: center;
		border-top: 1px solid rgba(256, 256, 256, .1);
		border-bottom: 1px solid rgba(256, 256, 256, .1)
	}
	
	.footer .footer-menu a {
		color: var(--light);
		font-size: 16px;
		margin-right: 15px;
		padding-right: 15px;
		border-right: 1px solid rgba(255, 255, 255, .1)
	}
	
	.footer .footer-menu a:hover {
		color: var(--primary)
	}
	
	.footer .footer-menu a:last-child {
		margin-right: 0;
		padding-right: 0;
		border-right: none
	}
	
	.no-shape::before,
	.no-shape::after {
		display: none
	}
	
	.breadcrumb-item+.breadcrumb-item::before {
		margin: 0 4px;
		content: "\f105";
		font-family: "font awesome 5 free";
		font-weight: 900;
		color: var(--light)
	}
	
	@media(min-width:991.98px) {
	
		.skill-img,
		.feature-img {
			text-align: center;
			margin-bottom: -6rem
		}
	}
	
	.link-animated a {
		transition: .5s
	}
	
	.link-animated a:hover {
		padding-left: 10px
	}
	
	.button-example .btn {
		margin: .25rem .125rem
	}
	
	.texto-justificado{
		text-align: justify;
	}
	
	
	
	
	
	/* estilos de paises contacto */
	.ui-wrapper {
		--width: 250px;
		--height: 50px;
		--background: #fff;
		--text-color: rgb(73, 73, 73);
		--border-color: rgb(185, 184, 184);
		--border-focus-color: rgb(0, 110, 255);
		--shadow-color: rgba(34, 60, 80, 0.2);
		--shadow-focus-color: rgba(0, 110, 255, 0.2);
		--dropdown-button-color: #e6e6e6;
		--dropdown-button-hover-color: #dad9d9;
	  }
	  
	  .ui-wrapper *,
	  .ui-wrapper *::before,
	  .ui-wrapper *::after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-family: sans-serif;
		color: var(--text-color);
	  }
	  
	  .ui-wrapper {
		/* width: var(--width); */
		height: var(--height);
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		/* border-radius: 10px; */
		position: relative;
		border: 1px solid var(--border-color);
		background-color: var(--background);
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-right: 10px;
		-webkit-box-shadow: 0px 2px 5px 0px var(--shadow-color);
		box-shadow: 0px 2px 5px 0px var(--shadow-color);
		-webkit-transition: .4s;
		-o-transition: .4s;
		transition: .4s;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		z-index: 2;
	  }
	  
	  .ui-wrapper>input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		margin: 0;
		width: 0;
		height: 0;
		opacity: 0;
		position: absolute;
		left: 9999px;
	  }
	  
	  .dropdown-container {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 10px;
		cursor: pointer;
		/* border-radius: 9px 0 0 9px; */
		background-color: var(--dropdown-button-color);
		font-size: 0.8rem;
	  }
	  
	  .dropdown-container::before {
		/* font-size: 20px; */
		background: none !important;
	  }
	  
	  .dropdown-container::after {
		content: "";
		background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNDk0OTQ5IiB3aWR0aD0iNzAwcHQiIGhlaWdodD0iNzAwcHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDcwMCA3MDAiCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxwYXRoCiAgICAgICAgZD0ibTM4MC4zOSA0ODQuNzkgMzA3LjA0LTMwNS45OWMxNi43NjYtMTcuODEyIDE2Ljc2Ni00NS4wNTkgMC02MS44MjgtMTYuNzY2LTE2Ljc2Ni00NS4wNTktMTYuNzY2LTYxLjgyOCAwbC0yNzUuNiAyNzUuNi0yNzUuNi0yNzUuNmMtMTcuODEyLTE2Ljc2Ni00NS4wNTktMTYuNzY2LTYxLjgyOCAwLTE2Ljc2NiAxNi43NjYtMTYuNzY2IDQ0LjAxMiAwIDYxLjgyOGwzMDUuOTkgMzA1Ljk5YzE3LjgxMiAxNi43NjYgNDUuMDU5IDE2Ljc2NiA2MS44MjggMHoiCiAgICAgICAgZmlsbC1ydWxlPSJjdXJyZW50Q29sb3IiIC8+Cjwvc3ZnPg==");
		width: 12px;
		height: 12px;
		background-position: center;
		background-size: cover;
		margin-left: 5px;
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
		rotate: attr(data-rotate);
	  }
	  
	  .select-wrapper {
		/* width: var(--width); */
		position: absolute;
		top: calc(var(--height) + 20px);
		left: 0;
		opacity: 0;
		display: none;
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	  }
	  
	  .select-wrapper ul {
		width: 100%;
		background-color: white;
		/* border-radius: 10px; */
		padding: 10px;
		margin: 0;
		list-style: none;
		height: 300px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
		overflow-y: auto;
		white-space: nowrap;
	  }
	  
	  .select-wrapper ul li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 5px;
		border-radius: 5px;
	  }
	  
	  .select-wrapper ul li label {
		width: 100%;
		font-size: medium;
	  }
	  
	  .select-wrapper ul li,
	  .select-wrapper ul li * {
		cursor: pointer;
	  }
	  
	  .select-wrapper ul li:hover {
		background: lightgray;
	  }
	  
	  .select-wrapper ul li span {
		display: inline-block;
		margin-right: 15px;
	  }
	  
	  .input-wrapper {
		/* width: 100%; */
		/* padding-left: 10px; */
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		row-gap: 2px;
	  }
	  
	  .input-wrapper legend {
		font-size: 11px;
	  }
	  
	  .input-wrapper .textfield {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	  }
	  
	  .input-wrapper .textfield::before {
		content: "+";
		margin-right: 5px;
		white-space: nowrap;
		font-size: 0.8rem;
	  }
	  
	  .input-wrapper .textfield input {
		/* width: auto; */
		font-size: 0.9rem;
		outline: none;
		border: none;
		background: none;
	  }
	  
	  .invalid-msg {
		font-size: 12px;
		position: absolute;
		color: #ff4f4f;
		top: 115%;
		left: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	  }
	  
	  /* actions */
	  
	  #phone:invalid+.invalid-msg {
		top: 100%;
		opacity: 1;
		visibility: hidden;
	  }
	  
	  .ui-wrapper:focus-within {
		border-color: var(--border-focus-color);
		-webkit-box-shadow: 0px 2px 5px 0px var(--shadow-focus-color);
		box-shadow: 0px 2px 5px 0px var(--shadow-focus-color);
	  }
	  
	  .dropdown-container:hover {
		background-color: var(--dropdown-button-hover-color);
	  }
	  .overlay {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	  }
	  .ocultar{
		display: none;
	  }
	  
	/*   .dropdown-checkbox:checked~.select-wrapper {
		top: calc(var(--height) + 5px);
		opacity: 1;
		display: block;
	  } */
	  .activo{
		top: calc(var(--height) + 5px);
		opacity: 1;
		display: block;
	  }
	  .dropdown-checkbox:checked+.dropdown-container::after {
		rotate: 180deg;
		translate: 0 -2px;
	  }
	  
	  /* Styles for each country radio button */
	.ui-wrapper input#Alemania:checked~.dropdown-container::before,
	.ui-wrapper input#Alemania:checked~.select-wrapper li.Alemania {
		/* content: "🇩🇪"; */
		content: "Alemania";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Angola:checked~.dropdown-container::before,
	.ui-wrapper input#Angola:checked~.select-wrapper li.Angola {
		/* content: "🇦🇴"; */
		content: "Angola";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Arabia_Saudita:checked~.dropdown-container::before,
	.ui-wrapper input#Arabia_Saudita:checked~.select-wrapper li.Arabia_Saudita {
		/* content: "🇸🇦"; */
		content:"Arabia Saudita";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Argentina:checked~.dropdown-container::before,
	.ui-wrapper input#Argentina:checked~.select-wrapper li.Argentina {
		/* content: "🇦🇷"; */
		content:"Argentina";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Australia:checked~.dropdown-container::before,
	.ui-wrapper input#Australia:checked~.select-wrapper li.Australia {
		/* content: "🇦🇺"; */
		content:"Australia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Banglades:checked~.dropdown-container::before,
	.ui-wrapper input#Banglades:checked~.select-wrapper li.Banglades {
		/* content: "🇧🇩"; */
		content:"Bangladés";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Bolivia:checked~.dropdown-container::before,
	.ui-wrapper input#Bolivia:checked~.select-wrapper li.Bolivia {
		/* content: "🇧🇴"; */
		content:"Bolivia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Brasil:checked~.dropdown-container::before,
	.ui-wrapper input#Brasil:checked~.select-wrapper li.Brasil {
		/* content: "🇧🇷"; */
		content:"Brasil";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Canada:checked~.dropdown-container::before,
	.ui-wrapper input#Canada:checked~.select-wrapper li.Canada {
		/* content: "🇨🇦"; */
		content:"Canadá";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Chile:checked~.dropdown-container::before,
	.ui-wrapper input#Chile:checked~.select-wrapper li.Chile {
		/* content: "🇨🇳"; */
		content:"Chile";
		background-color: lightgray;
	}
	
	.ui-wrapper input#China:checked~.dropdown-container::before,
	.ui-wrapper input#China:checked~.select-wrapper li.China {
		/* content: "🇨🇳"; */
		content:"China";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Colombia:checked~.dropdown-container::before,
	.ui-wrapper input#Colombia:checked~.select-wrapper li.Colombia {
		/* content: "🇨🇴"; */
		content:"Colombia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Corea_del_Sur:checked~.dropdown-container::before,
	.ui-wrapper input#Corea_del_Sur:checked~.select-wrapper li.Corea_del_Sur {
		/* content: "🇰🇷"; */
		content:"Corea del Sur";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Costa_de_Marfil:checked~.dropdown-container::before,
	.ui-wrapper input#Costa_de_Marfil:checked~.select-wrapper li.Costa_de_Marfil {
		/* content: "🇨🇮"; */
		content:"Costa de Marfil";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Costa_Rica:checked~.dropdown-container::before,
	.ui-wrapper input#Costa_Rica:checked~.select-wrapper li.Costa_Rica {
		/* content: "🇨🇷"; */
		content:"Costa Rica";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Cuba:checked~.dropdown-container::before,
	.ui-wrapper input#Cuba:checked~.select-wrapper li.Cuba {
		/* content: "🇨🇺"; */
		content:"Cuba";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Dinamarca:checked~.dropdown-container::before,
	.ui-wrapper input#Dinamarca:checked~.select-wrapper li.Dinamarca {
		/* content: "🇩🇰"; */
		content:"Dinamarca";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Ecuador:checked~.dropdown-container::before,
	.ui-wrapper input#Ecuador:checked~.select-wrapper li.Ecuador {
		/* content: "🇪🇨"; */
		content:"Ecuador";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Egipto:checked~.dropdown-container::before,
	.ui-wrapper input#Egipto:checked~.select-wrapper li.Egipto {
		/* content: "🇪🇬"; */
		content:"Egipto";
		background-color: lightgray;
	}
	
	.ui-wrapper input#El_Salvador:checked~.dropdown-container::before,
	.ui-wrapper input#El_Salvador:checked~.select-wrapper li.El_Salvador {
		/* content: "🇸🇻"; */
		content:"El Salvador";
		background-color: lightgray;
	}
	
	.ui-wrapper input#emiratos:checked~.dropdown-container::before,
	.ui-wrapper input#emiratos:checked~.select-wrapper li.emiratos {
		/* content: "🇦🇪"; */
		content:"Emiratos Árabes";
		background-color: lightgray;
	}
	
	.ui-wrapper input#espa:checked~.dropdown-container::before,
	.ui-wrapper input#espa:checked~.select-wrapper li.espa {
		/* content: "🇪🇸"; */
		content:"España";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Estados_Unidos:checked~.dropdown-container::before,
	.ui-wrapper input#Estados_Unidos:checked~.select-wrapper li.Estados_Unidos {
		/* content: "🇺🇸"; */
		content:"Estados Unidos";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Etiopia:checked~.dropdown-container::before,
	.ui-wrapper input#Etiopia:checked~.select-wrapper li.Etiopia {
		/* content: "🇪🇹"; */
		content:"Etiopía";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Filipinas:checked~.dropdown-container::before,
	.ui-wrapper input#Filipinas:checked~.select-wrapper li.Filipinas {
		/* content: "🇵🇭"; */
		content:"Filipinas";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Finlandia:checked~.dropdown-container::before,
	.ui-wrapper input#Finlandia:checked~.select-wrapper li.Finlandia {
		/* content: "🇫🇮"; */
		content:"Finlandia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Francia:checked~.dropdown-container::before,
	.ui-wrapper input#Francia:checked~.select-wrapper li.Francia {
		/* content: "🇫🇷"; */
		content:"Francia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Ghana:checked~.dropdown-container::before,
	.ui-wrapper input#Ghana:checked~.select-wrapper li.Ghana {
		/* content: "🇬🇭"; */
		content:"Ghana";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Grecia:checked~.dropdown-container::before,
	.ui-wrapper input#Grecia:checked~.select-wrapper li.Grecia {
		/* content: "🇬🇷"; */
		content:"Grecia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Guatemala:checked~.dropdown-container::before,
	.ui-wrapper input#Guatemala:checked~.select-wrapper li.Guatemala {
		/* content: "🇬🇹"; */
		content:"Guatemala";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Honduras:checked~.dropdown-container::before,
	.ui-wrapper input#Honduras:checked~.select-wrapper li.Honduras {
		/* content: "🇭🇳"; */
		content:"Honduras";
		background-color: lightgray;
	}
	
	.ui-wrapper input#India:checked~.dropdown-container::before,
	.ui-wrapper input#India:checked~.select-wrapper li.India {
		/* content: "🇮🇳"; */
		content:"India";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Indonesia:checked~.dropdown-container::before,
	.ui-wrapper input#Indonesia:checked~.select-wrapper li.Indonesia {
		/* content: "🇮🇩"; */
		content:"Indonesia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Iran:checked~.dropdown-container::before,
	.ui-wrapper input#Iran:checked~.select-wrapper li.Iran {
		/* content: "🇮🇷"; */
		content:"Irán";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Irlanda:checked~.dropdown-container::before,
	.ui-wrapper input#Irlanda:checked~.select-wrapper li.Irlanda {
		/* content: "🇮🇪"; */
		content:"Irlanda";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Israel:checked~.dropdown-container::before,
	.ui-wrapper input#Israel:checked~.select-wrapper li.Israel {
		/* content: "🇮🇱"; */
		content:"Israel";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Italia:checked~.dropdown-container::before,
	.ui-wrapper input#Italia:checked~.select-wrapper li.Italia {
		/* content: "🇮🇹"; */
		content:"Italia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Japon:checked~.dropdown-container::before,
	.ui-wrapper input#Japon:checked~.select-wrapper li.Japon {
		/* content: "🇯🇵"; */
		content:"Japón";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Kazajistan:checked~.dropdown-container::before,
	.ui-wrapper input#Kazajistan:checked~.select-wrapper li.Kazajistan {
		/* content: "🇰🇿"; */
		content:"Kazajistán";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Kenia:checked~.dropdown-container::before,
	.ui-wrapper input#Kenia:checked~.select-wrapper li.Kenia {
		/* content: "🇰🇪"; */
		content:"Kenia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Libia:checked~.dropdown-container::before,
	.ui-wrapper input#Libia:checked~.select-wrapper li.Libia {
		/* content: "🇱🇾"; */
		content:"Libia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Malasia:checked~.dropdown-container::before,
	.ui-wrapper input#Malasia:checked~.select-wrapper li.Malasia {
		/* content: "🇲🇾"; */
		content:"Malasia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Maldivas:checked~.dropdown-container::before,
	.ui-wrapper input#Maldivas:checked~.select-wrapper li.Maldivas {
		/* content: "🇲🇻"; */
		content:"Maldivas";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Marruecos:checked~.dropdown-container::before,
	.ui-wrapper input#Marruecos:checked~.select-wrapper li.Marruecos {
		/* content: "🇲🇦"; */
		content:"Marruecos";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Mexico:checked~.dropdown-container::before,
	.ui-wrapper input#Mexico:checked~.select-wrapper li.Mexico {
		/* content: "🇲🇽"; */
		content:"Mexico";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Mongolia:checked~.dropdown-container::before,
	.ui-wrapper input#Mongolia:checked~.select-wrapper li.Mongolia {
		/* content: "🇲🇳"; */
		content:"Mongolia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Nicaragua:checked~.dropdown-container::before,
	.ui-wrapper input#Nicaragua:checked~.select-wrapper li.Nicaragua {
		/* content: "🇳🇮"; */
		content:"Nicaragua";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Nigeria:checked~.dropdown-container::before,
	.ui-wrapper input#Nigeria:checked~.select-wrapper li.Nigeria {
		/* content: "🇳🇬"; */
		content:"Nigeria";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Noruega:checked~.dropdown-container::before,
	.ui-wrapper input#Noruega:checked~.select-wrapper li.Noruega {
		/* content: "🇳🇴"; */
		content:"Noruega";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Niger:checked~.dropdown-container::before,
	.ui-wrapper input#Niger:checked~.select-wrapper li.Niger {
		/* content: "🇳🇪"; */
		content:"Níger";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Paises_Bajos:checked~.dropdown-container::before,
	.ui-wrapper input#Paises_Bajos:checked~.select-wrapper li.Paises_Bajos {
		/* content: "🇳🇱"; */
		content:"Países Bajos";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Pakistan:checked~.dropdown-container::before,
	.ui-wrapper input#Pakistan:checked~.select-wrapper li.Pakistan {
		/* content: "🇵🇰"; */
		content:"Pakistán";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Panama:checked~.dropdown-container::before,
	.ui-wrapper input#Panama:checked~.select-wrapper li.Panama {
		/* content: "🇵🇦"; */
		content:"Panamá";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Paraguay:checked~.dropdown-container::before,
	.ui-wrapper input#Paraguay:checked~.select-wrapper li.Paraguay {
		/* content: "🇵🇾"; */
		content:"Paraguay";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Peru:checked~.dropdown-container::before,
	.ui-wrapper input#Peru:checked~.select-wrapper li.Peru {
		/* content: "🇵🇪"; */
		content:"Perú";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Polonia:checked~.dropdown-container::before,
	.ui-wrapper input#Polonia:checked~.select-wrapper li.Polonia {
		/* content: "🇵🇱"; */
		content:"Polonia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Portugal:checked~.dropdown-container::before,
	.ui-wrapper input#Portugal:checked~.select-wrapper li.Portugal {
		/* content: "🇵🇹"; */
		content:"Portugal";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Reino_Unido:checked~.dropdown-container::before,
	.ui-wrapper input#Reino_Unido:checked~.select-wrapper li.Reino_Unido {
		/* content: "🇬🇧"; */
		content:"Reino Unido";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Republica_Checa:checked~.dropdown-container::before,
	.ui-wrapper input#Republica_Checa:checked~.select-wrapper li.Republica_Checa {
		/* content: "🇨🇿"; */
		content:"República Checa";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Republica_Dominicana:checked~.dropdown-container::before,
	.ui-wrapper input#Republica_Dominicana:checked~.select-wrapper li.Republica_Dominicana {
		/* content: "🇩🇴"; */
		content:"República Dominicana";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Rusia:checked~.dropdown-container::before,
	.ui-wrapper input#Rusia:checked~.select-wrapper li.Rusia {
		/* content: "🇷🇺"; */
		content:"Rusia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Ruanda:checked~.dropdown-container::before,
	.ui-wrapper input#Ruanda:checked~.select-wrapper li.Ruanda {
		/* content: "🇷🇼"; */
		content:"Ruanda";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Senegal:checked~.dropdown-container::before,
	.ui-wrapper input#Senegal:checked~.select-wrapper li.Senegal {
		/* content: "🇸🇳"; */
		content:"Senegal";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Singapur:checked~.dropdown-container::before,
	.ui-wrapper input#Singapur:checked~.select-wrapper li.Singapur {
		/* content: "🇸🇬"; */
		content:"Singapur";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Suecia:checked~.dropdown-container::before,
	.ui-wrapper input#Suecia:checked~.select-wrapper li.Suecia {
		/* content: "🇸🇪"; */
		content:"Suecia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Suiza:checked~.dropdown-container::before,
	.ui-wrapper input#Suiza:checked~.select-wrapper li.Suiza {
		/* content: "🇨🇭"; */
		content:"Suiza";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Sudafrica:checked~.dropdown-container::before,
	.ui-wrapper input#Sudafrica:checked~.select-wrapper li.Sudafrica {
		/* content: "🇿🇦"; */
		content:"Sudáfrica";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Sudan:checked~.dropdown-container::before,
	.ui-wrapper input#Sudan:checked~.select-wrapper li.Sudan {
		/* content: "🇸🇩"; */
		content:"Sudán";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Tailandia:checked~.dropdown-container::before,
	.ui-wrapper input#Tailandia:checked~.select-wrapper li.Tailandia {
		/* content: "🇹🇭"; */
		content:"Tailandia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Tanzania:checked~.dropdown-container::before,
	.ui-wrapper input#Tanzania:checked~.select-wrapper li.Tanzania {
		/* content: "🇹🇿"; */
		content:"Tanzania";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Turkmenistan:checked~.dropdown-container::before,
	.ui-wrapper input#Turkmenistan:checked~.select-wrapper li.Turkmenistan {
		/* content: "🇹🇲"; */
		content:"Turkmenistán";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Turquia:checked~.dropdown-container::before,
	.ui-wrapper input#Turquia:checked~.select-wrapper li.Turquia {
		/* content: "🇹🇷"; */
		content:"Turquia";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Ucrania:checked~.dropdown-container::before,
	.ui-wrapper input#Ucrania:checked~.select-wrapper li.Ucrania {
		/* content: "🇺🇦"; */
		content:"Ucrania";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Uganda:checked~.dropdown-container::before,
	.ui-wrapper input#Uganda:checked~.select-wrapper li.Uganda {
		/* content: "🇺🇬"; */
		content:"Uganda";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Uruguay:checked~.dropdown-container::before,
	.ui-wrapper input#Uruguay:checked~.select-wrapper li.Uruguay {
		/* content: "🇺🇾"; */
		content:"Uruguay";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Venezuela:checked~.dropdown-container::before,
	.ui-wrapper input#Venezuela:checked~.select-wrapper li.Venezuela {
		/* content: "🇻🇪"; */
		content:"Venezuela";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Vietnam:checked~.dropdown-container::before,
	.ui-wrapper input#Vietnam:checked~.select-wrapper li.Vietnam {
		/* content: "🇻🇳"; */
		content:"Vietnam";
		background-color: lightgray;
	}
	
	.ui-wrapper input#Zimbabue:checked~.dropdown-container::before,
	.ui-wrapper input#Zimbabue:checked~.select-wrapper li.Zimbabue {
		/* content: "🇿🇼"; */
		content:"Zimbabue";
		background-color: lightgray;
	}
	
	/* .ui-wrapper input#Alemania:checked~.dropdown-container::after {
		rotate: "1deg";
		translate: "";
	}
	 */
	/* .ui-wrapper input#Alemania:checked~.select-wrapper {
		top: "";
		opacity: 0;
		visibility: hidden;
		transition: .2s;
	} */
	
	.ui-wrapper input#Alemania:checked~.input-wrapper .textfield::before {
		content: "+49";
	}
	
	.ui-wrapper input#Angola:checked~.input-wrapper .textfield::before {
		content: "+244";
	}
	
	.ui-wrapper input#Arabia_Saudita:checked~.input-wrapper .textfield::before {
		content: "+966";
	}
	
	.ui-wrapper input#Argentina:checked~.input-wrapper .textfield::before {
		content: "+54";
	}
	
	.ui-wrapper input#Australia:checked~.input-wrapper .textfield::before {
		content: "+61";
	}
	
	.ui-wrapper input#Banglades:checked~.input-wrapper .textfield::before {
		content: "+880";
	}
	
	.ui-wrapper input#Bolivia:checked~.input-wrapper .textfield::before {
		content: "+591";
	}
	
	.ui-wrapper input#Brasil:checked~.input-wrapper .textfield::before {
		content: "+55";
	}
	
	.ui-wrapper input#Canada:checked~.input-wrapper .textfield::before {
		content: "+1";
	}
	
	.ui-wrapper input#Chile:checked~.input-wrapper .textfield::before {
		content: "+56";
	}
	
	.ui-wrapper input#China:checked~.input-wrapper .textfield::before {
		content: "+86";
	}
	
	.ui-wrapper input#Colombia:checked~.input-wrapper .textfield::before {
		content: "+57";
	}
	
	.ui-wrapper input#Corea_del_Sur:checked~.input-wrapper .textfield::before {
		content: "+82";
	}
	
	.ui-wrapper input#Costa_de_Marfil:checked~.input-wrapper .textfield::before {
		content: "+225";
	}
	
	.ui-wrapper input#Costa_Rica:checked~.input-wrapper .textfield::before {
		content: "+506";
	}
	
	.ui-wrapper input#Cuba:checked~.input-wrapper .textfield::before {
		content: "+53";
	}
	
	.ui-wrapper input#Dinamarca:checked~.input-wrapper .textfield::before {
		content: "+45";
	}
	
	.ui-wrapper input#Ecuador:checked~.input-wrapper .textfield::before {
		content: "+593";
	}
	
	.ui-wrapper input#Egipto:checked~.input-wrapper .textfield::before {
		content: "+20";
	}
	
	.ui-wrapper input#El_Salvador:checked~.input-wrapper .textfield::before {
		content: "+503";
	}
	
	.ui-wrapper input#emiratos:checked~.input-wrapper .textfield::before {
		content: "+971";
	}
	
	.ui-wrapper input#espa:checked~.input-wrapper .textfield::before {
		content: "+34";
	}
	
	.ui-wrapper input#Estados_Unidos:checked~.input-wrapper .textfield::before {
		content: "+1";
	}
	
	.ui-wrapper input#Etiopia:checked~.input-wrapper .textfield::before {
		content: "+251";
	}
	
	.ui-wrapper input#Filipinas:checked~.input-wrapper .textfield::before {
		content: "+63";
	}
	
	.ui-wrapper input#Finlandia:checked~.input-wrapper .textfield::before {
		content: "+358";
	}
	
	.ui-wrapper input#Francia:checked~.input-wrapper .textfield::before {
		content: "+33";
	}
	
	.ui-wrapper input#Ghana:checked~.input-wrapper .textfield::before {
		content: "+233";
	}
	
	.ui-wrapper input#Grecia:checked~.input-wrapper .textfield::before {
		content: "+30";
	}
	
	.ui-wrapper input#Guatemala:checked~.input-wrapper .textfield::before {
		content: "+502";
	}
	
	.ui-wrapper input#Honduras:checked~.input-wrapper .textfield::before {
		content: "+504";
	}
	
	.ui-wrapper input#India:checked~.input-wrapper .textfield::before {
		content: "+91";
	}
	
	.ui-wrapper input#Indonesia:checked~.input-wrapper .textfield::before {
		content: "+62";
	}
	
	.ui-wrapper input#Iran:checked~.input-wrapper .textfield::before {
		content: "+98";
	}
	
	.ui-wrapper input#Irlanda:checked~.input-wrapper .textfield::before {
		content: "+353";
	}
	
	.ui-wrapper input#Israel:checked~.input-wrapper .textfield::before {
		content: "+972";
	}
	
	.ui-wrapper input#Italia:checked~.input-wrapper .textfield::before {
		content: "+39";
	}
	
	.ui-wrapper input#Japon:checked~.input-wrapper .textfield::before {
		content: "+81";
	}
	
	.ui-wrapper input#Kazajistan:checked~.input-wrapper .textfield::before {
		content: "+7";
	}
	
	.ui-wrapper input#Kenia:checked~.input-wrapper .textfield::before {
		content: "+254";
	}
	
	.ui-wrapper input#Libia:checked~.input-wrapper .textfield::before {
		content: "+218";
	}
	
	.ui-wrapper input#Malasia:checked~.input-wrapper .textfield::before {
		content: "+60";
	}
	
	.ui-wrapper input#Maldivas:checked~.input-wrapper .textfield::before {
		content: "+960";
	}
	
	.ui-wrapper input#Marruecos:checked~.input-wrapper .textfield::before {
		content: "+212";
	}
	
	.ui-wrapper input#Mexico:checked~.input-wrapper .textfield::before {
		content: "+52";
	}
	
	.ui-wrapper input#Mongolia:checked~.input-wrapper .textfield::before {
		content: "+976";
	}
	
	.ui-wrapper input#Nicaragua:checked~.input-wrapper .textfield::before {
		content: "+505";
	}
	
	.ui-wrapper input#Nigeria:checked~.input-wrapper .textfield::before {
		content: "+234";
	}
	
	.ui-wrapper input#Noruega:checked~.input-wrapper .textfield::before {
		content: "+47";
	}
	
	.ui-wrapper input#Niger:checked~.input-wrapper .textfield::before {
		content: "+227";
	}
	
	.ui-wrapper input#Paises_Bajos:checked~.input-wrapper .textfield::before {
		content: "+31";
	}
	
	.ui-wrapper input#Pakistan:checked~.input-wrapper .textfield::before {
		content: "+92";
	}
	
	.ui-wrapper input#Panama:checked~.input-wrapper .textfield::before {
		content: "+507";
	}
	
	.ui-wrapper input#Paraguay:checked~.input-wrapper .textfield::before {
		content: "+595";
	}
	
	.ui-wrapper input#Peru:checked~.input-wrapper .textfield::before {
		content: "+51";
	}
	
	.ui-wrapper input#Polonia:checked~.input-wrapper .textfield::before {
		content: "+48";
	}
	
	.ui-wrapper input#Portugal:checked~.input-wrapper .textfield::before {
		content: "+351";
	}
	
	.ui-wrapper input#Reino_Unido:checked~.input-wrapper .textfield::before {
		content: "+44";
	}
	
	.ui-wrapper input#Republica_Checa:checked~.input-wrapper .textfield::before {
		content: "+420";
	}
	
	.ui-wrapper input#Republica_Dominicana:checked~.input-wrapper .textfield::before {
		content: "+1";
	}
	
	.ui-wrapper input#Rusia:checked~.input-wrapper .textfield::before {
		content: "+7";
	}
	
	.ui-wrapper input#Ruanda:checked~.input-wrapper .textfield::before {
		content: "+250";
	}
	
	.ui-wrapper input#Senegal:checked~.input-wrapper .textfield::before {
		content: "+221";
	}
	
	.ui-wrapper input#Singapur:checked~.input-wrapper .textfield::before {
		content: "+65";
	}
	
	.ui-wrapper input#Suecia:checked~.input-wrapper .textfield::before {
		content: "+46";
	}
	
	.ui-wrapper input#Suiza:checked~.input-wrapper .textfield::before {
		content: "+41";
	}
	
	.ui-wrapper input#Sudafrica:checked~.input-wrapper .textfield::before {
		content: "+27";
	}
	
	.ui-wrapper input#Sudan:checked~.input-wrapper .textfield::before {
		content: "+249";
	}
	
	.ui-wrapper input#Tailandia:checked~.input-wrapper .textfield::before {
		content: "+66";
	}
	
	.ui-wrapper input#Tanzania:checked~.input-wrapper .textfield::before {
		content: "+255";
	}
	
	.ui-wrapper input#Turkmenistan:checked~.input-wrapper .textfield::before {
		content: "+993";
	}
	
	.ui-wrapper input#Turquia:checked~.input-wrapper .textfield::before {
		content: "+90";
	}
	
	.ui-wrapper input#Ucrania:checked~.input-wrapper .textfield::before {
		content: "+380";
	}
	
	.ui-wrapper input#Uganda:checked~.input-wrapper .textfield::before {
		content: "+256";
	}
	
	.ui-wrapper input#Uruguay:checked~.input-wrapper .textfield::before {
		content: "+598";
	}
	
	.ui-wrapper input#Venezuela:checked~.input-wrapper .textfield::before {
		content: "+58";
	}
	
	.ui-wrapper input#Vietnam:checked~.input-wrapper .textfield::before {
		content: "+84";
	}
	
	.ui-wrapper input#Zimbabue:checked~.input-wrapper .textfield::before {
		content: "+263";
	}
	.alertify-notifier .ajs-message.ajs-error{
		color: white;
	}
	/*TOOGLE COLOR*/
	.color-switcher{
		/*position: fixed;*/
		top:400px; right: 0px;
		width: 290px;
		padding: 10px;
		background: #fff;
		z-index: 1000;
		transition: 0.9s;
	}
	.color-switcher.active{
		right: -200px;
		transition: 0.9s;
	}
	.color-switcher h3{
		color:var(--main-color);
		font-size: 20px;
		margin-bottom: 10px;
		border-bottom: 1px solid #3333;
		padding: 5px 0;
		text-align: center;
	}
	.color-switcher .switcher-btn i{
	animation: rotate 2s linear infinite;
	color:#ffd147;
	}
	
	@keyframes rotate{
		100%{
			transform: rotate(360deg);
		}
	}
	.color-switcher .switcher-btn{
		position: sticky;
		top: 0; left: -75px;
		color:var(--main-color);
		/*background: #6e6e6e1c;*/
		padding: 10px 20px;
		cursor: pointer;
		font-size: 35px;
	}
	/*.color-switcher .theme-buttons-container{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}*/
	.color-switcher .theme-buttons-container {
		display: flex;
		flex-wrap: nowrap;
	}
	/*.color-switcher .theme-buttons-container .theme-buttons{
		display: block;
		height: 50px;
		width: 50px;
		border-radius: 50%;
		margin: 5px;
		cursor:pointer;
	}*/
	.color-switcher .theme-buttons-container .theme-buttons {
		display: block;
		height: 40px;
		width: 42px;
		border-radius: 50%;
		margin: 1px;
		cursor: pointer;
	}
	/*FIN TOOGLE COLOR*/
	
	/*BOTON FLOTANTE*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#btn-mas{
    display: none;
}
.container1{
    position: fixed;
    /* bottom: 20px; */
    right: 0px;
    top: 83px;
    z-index: 1;
}
/* boton de experiencia fijo */
@media screen and (max-width: 991px) {
	.container1 {
		position: fixed;
		/* bottom: 20px; */
		right: 0px;
		top: 68px;
		z-index: 1;
	}
}
@media screen and (min-width: 992px) {
	.container1 {
		position: fixed;
		/* bottom: 20px; */
		right: 0px;
		top: 81px;
		z-index: 1;
	}
}


.redes a, .btn-mas label{
    display: block;
    text-decoration: none;
    background: #3f3e3e;
    color: #000;
    width: 212px;
    height: 137px;
    line-height: 100px;
    text-align: center;
    border-radius: 0px 91px 0em / 180px 59px 1%;
    border-top-left-radius: -3px 2px;
    border-top-right-radius: 3px 4px;
    border-bottom-right-radius: 6px 2px;
    border-bottom-left-radius: 550px 400px;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
    transition: all 500ms ease;
}
.redes a:hover{
    background: #fff;
    color: #cc2b2b;
}
.redes a{
    margin-bottom: -15px;
    opacity: 0;
    visibility: hidden;
}
#btn-mas:checked~ .redes a{
    margin-bottom: 10px;
    opacity: 1;
    visibility: visible;
}
.btn-mas label{
    cursor: pointer;
    /*background: #f44141;
    font-size: 23px;*/
}
#btn-mas:checked ~ .btn-mas label{
    transform: rotate(135deg);
    font-size: 25px;
}



/*CAMBIOS JULIO*/

@media screen and (max-width: 1023px) {
.oculto1{
    display: none;

}
}

@media screen and (min-width: 1024px) {
.visible1{
    display: none;

}
}



/* css del tamaño de la ventana del mapa */
@media screen and (max-width: 768px){
	.gm-style-iw{
		max-width: 500px !important;
		width: 340px !important;
		height:240px;
 	}
}