.vimeo {

	width: 100%;
	height: 260px;
	left: 0px;
	margin-top: -2em;
	margin-bottom: 1em;
	z-index: 8;
	
	position: relative;
	border-radius: 5px;

}

.vimeo iframe {

	width: 100%;
	height: 240px;
	opacity: 0;
	transition: 0.6s;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0em;
}
.pordetras	{
	
	left: 0px;
	top: 4em;
	z-index: 1;
	position: absolute;



}	

.comenzar {
	opacity: 1 !important;
}

.moreinfo { color: white; position: absolute; z-index: 1; left: 0.5em; bottom: 20px; z-index: 999; }

.margin1 { padding: 1em; margin-left: 1em !important; }

.paddin1 { padding: 1em; margin-left: -2em; }
.paddin2 { padding: 2em; }
.paddin3 { padding: 2em; }
.paddin4 { padding: 4em; }

.preview { 
	width: 100%;
	height: 120px;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	margin-bottom: 5px;
}

.casas {

	height: 25vh;

}	

.categoria {
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.7em;
	margin-left: 5px;
	font-weight: 700;
	color: black;
	margin-bottom: 0.3em;

}

.oferta {
	font-family: 'Noto Sans', sans-serif;
	font-size: 1em;
	margin-left: 5px;
	font-weight: 700;
	color: dimgrey;
	

}

.estado {
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8em;
	margin-left: 5px;
	font-weight: 700;
	color: greenyellow;
	

}



.aceptado { color: seagreen; !important; }



.peso {
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.7em;
	margin-left: 5px;
	font-weight: 700;
	color: #0096d7;
	margin-bottom: 0.3em;

}

.observaciones	{
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8em;
	margin-left: 5px;
	font-weight: 500;
	color: darkgray;
	margin-bottom: 0.4em;
	line-height: 1.3em;

}

.like {
	position: absolute;
	left: 0.2em;

	font-size: 2em;
	top: 0.2em;
	color: white;
	text-shadow: 0.5px 1px  #000;
	z-index: 99;

}
.lugarydescrip {
	position: absolute;
	left: 0.2em;
	font-size: 1.6em;
	bottom: 0px;
	color: white;
	text-shadow: 0.5px 1px  #000;	
	line-height: 1.9em
}
.lugarydescrip span {
	font-size: 0.6em;
	display: block;
	margin-top: -1em;
	margin-bottom: 0.5em;
	line-height: 1em !important;
	margin-top: -6px;
}
.cabezas {
	position: absolute;
	left: 0.2em;
	font-size: 1.7em;
	bottom: -10px;
	margin-bottom: 0em;
	color: white;
	text-shadow: 0.5px 1px  #000;

}
.cabezas span {
		font-size: 0.4em;
	
}

.departamento {
	position: absolute;
	right: 0.2em;
	font-size: 1.7em;
	bottom: -10px;
	margin-bottom: 0em;
	color: white;
	text-shadow: 0.5px 1px  #000;

}
.departamento span {
		font-size: 0.4em;
}	

.nlote {
	position: absolute;
	right: 0.2em;
	font-size: 1.2em;
	top: 0.2em;
	margin-bottom: 0em;
	color: white;
	text-shadow: 0.5px 1px  #000;

}
.nlote span {
		font-size: 0.8em;
}

.costo {
	position: absolute;
	right: 0.2em;
	font-size: 1.4em;
	top: 0em;
	margin-bottom: 0em;
	color: white;
	text-shadow: 0.5px 1px  #000;

}

.costo span {
	
	display: block;
	font-size: 0.6em !important;
	margin-top: -15px;
	text-align: right
		
}

.x2 {
	transform: scale(1.3);

}
.missecciones {  font-size: 1.6em;  font-family: 'Noto Sans', sans-serif; color: #1c294a; font-weight: 700; padding-left: 20px; letter-spacing: 0px;  }
.missecciones  i { color:   #0096d7; font-size: 0.7em; }
.missecciones2 { color: rgba(0, 0, 0, 0.8); font-size: 0.6em; font-weight: 400; font-size: 0.9em; margin-top: 5px; line-height: 1.3em; margin-bottom: 8px; font-family: 'Noto Sans', sans-serif; padding-left: 20px; margin-bottom: 0.9em; }

.negocios { width: 30vw !important; height: 30vw !important; border-radius: 100% !important; color: white; margin-bottom: 0.5em; background-size: cover; background-repeat: no-repeat; background-position: center; }

.lana { background-image: url(/fr/images/esquila2.jpeg); background-size: 90% !important; background-color: white !important; }
.ganado { background-image: url(/fr/images/ganado.png); background-size: 180% !important; background-position: 0px 10px; background-color: #05823f !important; }
.inmuebles { background-image: url(/fr/images/inmueble.jpg); background-size: cover !important;  background-color: #05823f !important; }
.lote21 { background-image: url(/fr/images/L21-APP-ICON.png);   background-color: #000 !important; } 
.remates { background-image: url(/fr/images/remates.jpg); background-size: cover !important;  background-color: #071E46 !important; }

.atajo { color: rgba(0, 0, 0, 0.8); line-height: 1em; font-size: 0.6em; font-weight: 600; padding-left: 10px; text-align: center; font-size: 0.8em; margin-top: -3px; font-family: 'Noto Sans', sans-serif; margin-bottom: 1em; }

.estados {
	border-bottom: 2px solid rgba(231,231,231,1.00);
	transition: 0.4s;
}

.activado {
	border-bottom: 2px solid #071E46 !important;
	transition: 0.4s;
}


body { padding-bottom: 80px !important; margin-bottom: 0px !important; min-height: 100vh !important}
	
			
			.datosperfil { border: none; font-size: 1.4em;  }
			.activo { color:#FFD600  !important}

			.progreso { width: 100%; height: 8px; border-radius: 20px; background-color: #121258  !important; opacity: 0.1;}
			.active { opacity: 1 !important }
			
			.menuinferior {
    width: 100% !important;
    min-height: 80px;
    position: fixed !important;
    bottom: 0px !important;
    left: 0px !important;
    padding-top: 5px;
    z-index: 999;
    height: 80px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #fff !important;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.37);
				
				
			}
			
		.menuinferior i {	
			color: black;
			font-size: 1.8em
			}
			
		.menuinferior p {	
			line-height: 1em;
			padding-top: 0.5em
			}	
			
		.menuinferior strong {	
			color: #1c294a;
			font-size: 0.7em;
			margin-top: -10px !important
			}	
			
			
			
			.textocentrados { text-align: center !important}
			.entrega { color: #29B6F6; font-weight: 700}

			.disponible { color: green; font-weight: 700}
			.cerrado { color: red; font-weight: 700}
			.user { 
				width: 45px;
				height: 45px;
				background-color: rgba(255,255,255,0.7);
				border-radius: 100%;
				color: #000;
				font-size: 1.1em;
				text-align: center;
				line-height: 2em;
				margin-right: 0.5em;
				border: solid 3px #0096d7;
				float: left;
				position: relative;
			
			}
			
			.envio1 { font-size: 0.9em;
				line-height: 1.3em;
				margin-bottom: 0.2em; color: #0096d7
			}
			.envio2 { font-size: 0.9em;
				line-height: 1.3em;
				margin-bottom: 0.2em; color: #F44336
			}
			
			
			
			.user2 { 
				width: 51px;
				height: 51px;
				position: absolute;
				top: -6px;
				left: -6px;
				background-color: #f3f3f3;
				border-radius: 100%;
				z-index: -1;
				opacity: 0
				
			}
			
			.infouser {
				position: fixed;
				left: 1.3em;
				top: 2.8em;
				z-index: 997;
				width: 230px;
			}
			
			.infouser span {
				font-size: 1em;
				color: #fff;
				line-height: 2.7em;
				float: left;
				font-weight: 500;
				font-family: 'Montserrat', sans-serif;

				
			}
			
			.tseccion {
				
				font-weight: 500;
				font-family: 'Montserrat', sans-serif;
				color: black;
				font-size: 1.6em;
				padding-left: 1em
				
			}
			.tseccion2 {
				
				font-weight: 500;
				font-family: 'Montserrat', sans-serif;
				color: black;
				font-size: 1.2em;
				
				
			}

			.tseccion22 {
				
				font-weight: 500;
				font-family: 'Noto Sans', sans-serif;
				color: black;
				font-size: 0.9em;
				line-height: 2.5em;
				margin-left: -1.5em;
				margin-bottom: -3px;
				
				
			}	
			
			.producto {

				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				min-height: 18vh;
				border-radius: 5px;
				width: 100%;
				-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.28);
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.28);

			}	
			
			.producto2 {

				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				min-height: 23vh;
				border-radius: 5px;
				width: 100%;
				-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18);

			}
			
			.producto3 {

				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				min-height: 17vh;
				border-radius: 5px;
				width: 100%;
			

			}
			
			.sinbotton { margin-bottom: 0em !important;}
			article { padding-top: 10px} 
			.producto4 {

				background-position: top center;
				background-repeat: no-repeat;
				background-size: contain;
				min-height: 100px;
				
				width: 100%;
				
				margin-bottom: 1em
			

			}
			
			.p{

				font-size: 0.9em;
				line-height: 1.3em;
				margin-bottom: 0.2em

				}

			.invertir-color {
     -webkit-filter: invert(100%);
    filter: invert(100%);
}	
			
			.h2{

				font-size: 1.4em;
				padding-top: 0.5em;
				letter-spacing: 0px;
				line-height: 1.4em;
				margin-bottom: 0em;
				color: black;
				font-weight: 600 !important;
					font-family: 'Montserrat', sans-serif;
					margin-top: -20px;

			}

			.saldoafavor {
				
				font-size: 1.4em; margin-bottom: 0em !important;  margin-top: -20px;
				padding-top: 0.5em;
				letter-spacing: 0px;
				line-height: 1.4em;
				margin-bottom: 0em;
				color: green;
				font-weight: 600 !important;
				font-family: 'Montserrat', sans-serif;
				

			}

			.saldoafavor2 {
				
				font-size: 2.4em;  margin-top: -20px;
				padding-top: 0.5em;
				letter-spacing: 0px;
				line-height: 1.1em;
				margin-bottom: 0.em !important; 
				color: green;
				font-weight: 600 !important;
				font-family: 'Montserrat', sans-serif;
				width: 100%;
				float: right
				
				

			}

.saldoafavorhora {
	
	font-size: 1em;  margin-top: -20px;
				padding-top: 0.5em;
				letter-spacing: 0px;
				line-height: 1em !important;
				margin-bottom: 0.em !important; 
				color: #183153;
				font-weight: 600 !important;
				font-family: 'Montserrat', sans-serif;
				width: 100%;
				float: right
}
			

			.deuda {
				
				font-size: 1.4em; margin-bottom: 0em !important; margin-top: -20px;
				
				padding-top: 0.5em;
				letter-spacing: 0px;
				line-height: 1.4em;
				margin-bottom: 0em;
				color: #d70000;
				font-weight: 600 !important;
				font-family: 'Montserrat', sans-serif;

			}

			.descipcion {
			font-size: 0.6em; margin-bottom: 0em !important; margin-top: -30px !important;
			line-height: 0.8em;
				display: block;
			color: darkgray;
			font-weight: 400 !important;
			font-family: 'Montserrat', sans-serif;
			margin-bottom: 0px !important;

			}

			.legal {
				font-size: 0.5em; 
				color: gray;
				line-height: 1.2em;
				padding-top: 0.9em;
				border-top: 0.6px solid lightgray;
				opacity: 0.6;
				margin-bottom: 0px;

			}

			.legal strong {

				color: black !important;
				opacity: 1 !important;

			}	

			.derecha {
				float: right;
				display: block
			}

			.h22{

				font-size: 1em;
				margin-top: -3px;
				letter-spacing: 0px;
				line-height: 1.4em;
				margin-bottom: 0em;
				color: black;
				font-weight: 600 !important;
					font-family: 'Montserrat', sans-serif;

					 white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 260px

				}

			.h3{

				font-size: 0.9em;
				letter-spacing: 0px;
				line-height: 1.4em;
				margin-bottom: 0em;
				
				font-weight: 800 !important

				}	

			
			.descr {
				padding-bottom: 1em;
				padding-right: 1.5em;
				padding-top: 1em;
				
			}
			
			#one {
				background-color: #0096d7;
				border-bottom-right-radius: 10px;
				border-bottom-left-radius: 10px;
				height: 30vh;
				background-image: url(back.png);
				background-position: right bottom;
				background-size: 100%;
				background-repeat: no-repeat
				
				
			}

			#historico {
				


			}

			section {
				margin-bottom: 1em !important
			}

			 .infom {

			 	padding: 1em

			 }	
		    .contenedor {
				
				width: calc(100% - 2em);
				margin-left: auto;
				margin-right: auto;
				background-color: white;
				border-radius: 10px;
				-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
				-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
				box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
				min-height: 22vh;
				padding: 1em
				

			}

			.contenedor article {

				

				}

			

					

			.atras {

				position: absolute;
				top: 0;
				left: 1em;

			}

				

			.swiper-container {
       width: 100%;
      min-height: 28vh;
      padding: 1.9em;
      padding-bottom: 5em
    }



			#slide {
				margin-top: 0vh;
				position: relative;
				padding-top: 1em


			}	

			.ss { 
				
				filter: invert(0%);
				}
			.separo {

				width: 90%; height: 1px; border-radius: 10px; border-top: solid 1px #fff; margin-left: auto; margin-right: auto; opacity: 0.2; margin-bottom: 1em; margin-top: 1em
			
			} 

			.oscuro {	
				border-top: solid 1px #000 !important;
				width: calc(100% + 2em) !important;
				margin-left: -1em;
				opacity: 0.1
			}
			.oscuro2 {	
				border-top: solid 1px #000 !important;
				width: calc(100% + 2em) !important;
				margin-left: -1em;
				opacity: 0.04;
				margin-bottom: 0em  !important; margin-top: 0em  !important;
			} 
	
			section { 
				
				margin-bottom: 3.5em !important
			
			}
			.pordetras { 
				width: 100%;
				height: 10vh;
				top: -40px;
				left: 0px;
				z-index: -1;
				background-color: #0096d7;
				position: fixed;

				}
				.mitarjeta { 
				width: 90%;
				margin-left: auto;
				margin-right: auto;
				height: 10vh;
				background-color: #141413;
				border-radius: 10px;
				filter: invert(0%);
				text-align: left;
				padding: 0.9em;
				color: white !important;

				}	
				.mitarjeta h2 { 
					color: white !important;
				}
				.mitarjeta h2 > span { 
					color: white !important;
					font-size: 14px !important;
					float: right;
				}	
				.misdatos { color: #fff; font-size: 0.9em !important; text-align: left; width: 88%; margin-right: auto; margin-left: auto; font-weight: 800; opacity: 1}


.skeleton-box {
	 display: inline-block;
	 height: 1em;
	 position: relative;
	 overflow: hidden;
	 background-color: #dddbdd;
	 border-radius: 4px;
}
 .skeleton-box::after {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 transform: translateX(-100%);
	 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
	 animation: shimmer 2s infinite;
	 content: '';
}

 @keyframes shimmer {
	 100% {
		 transform: translateX(100%);
	}
}


.skeleton-box2 {
	 display: inline-block;
	 height: 1em;
	 position: relative;
	 overflow: hidden;
	 background-color: #dddbdd;
	 border-radius: 4px;
}
 .skeleton-box2::after {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 
	 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
	 animation: shimmer2 2s infinite;
	 content: '';
	 border-radius: 100%;
}

 @keyframes shimmer {
	 100% {
		 transform: translateX(100%);
	}
}

 


.mySwiper { 

	width: calc(100% - 20px);
	margin-left: 20px;