* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: hsl(0, 0%, 5%);
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}

html {
	background: hsl(0, 3%, 6%);
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.ancho {
	position: relative !important;
	width: 100vw;
	height: calc((10 / 16) * 120vw);
	left: calc(50% - 50vw);
	top: calc(50% - (((10 / 16) * 110vw) / 2));
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.ancho {
		top: calc(50% - (((10 / 16) * 120vw) / 2));
	}
}

.alto {
	width: calc((16 / 10) * 83vh);
	height: 100vh;
	top: calc(50% - 50vh);
	left: calc(50% - (((16 / 10) * 83vh) / 2));
}

.container {
	width: 100%;
	height: 100%;
}

body {
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.abs {
	position: absolute;
}

.back {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.portada {
	position: absolute;
	background-size: cover;
	width: 100%;
	height: 100%;
	background-image: url(https://av-siegfried-exforgr.eml.com.co/images/slider12.jpg);
}

.btn1 {
	position: absolute;
	width: 5%;
	height: 10%;
	top: 22%;
	/* border-radius: 100px; */
	right: 0%;
	bottom: 2.6%;
	cursor: pointer;
}

.btn2 {
	position: absolute;
	width: 5%;
	height: 7%;
	top: 32.4%;
	/* border-radius: 100px; */
	right: 0%;
	bottom: 2.6%;
	cursor: pointer;
}

.btn3 {
	position: absolute;
	width: 5%;
	height: 7%;
	top: 40.1%;
	right: 0%;
	cursor: pointer;
}

.btn4 {
	position: absolute;
	width: 5%;
	height: 7%;
	top: 48.1%;
	right: 0%;
	cursor: pointer;
}

.btn5 {
	position: absolute;
	width: 5%;
	height: 7%;
	top: 55.8%;
	right: 0%;
	cursor: pointer;
}

.btn6 {
	position: absolute;
	width: 5%;
	height: 7%;
	top: 63.8%;
	right: 0%;
	cursor: pointer;
}

@keyframes aparecer {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.animacion-aparecer {
	animation: aparecer 0.3s ease-out;
}

@keyframes aparecerOpacidad {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.animacion-aparecer-opacidad {
	animation: aparecerOpacidad 0.6s ease-out;
}
@keyframes aparecerDesdeDerecha {
	from {
		opacity: 0;
		transform: translateX(20px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.animacion-aparecer-derecha {
	animation: aparecerDesdeDerecha 0.3s ease-out;
}
@keyframes aparecerConEscala {
	from {
		opacity: 0;
		transform: scale(0.8);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.animacion-aparecer-escala {
	animation: aparecerConEscala 0.2s ease-out;
}
@keyframes aparecerConEscala {
	from {
		opacity: 0;
		transform: scale(0.8);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.animacion-aparecer-escala {
	animation: aparecerConEscala 0.3s ease-out;
}

.animacion-aparecer-escala2 {
	animation: aparecerConEscala 0.4s ease-in-out;
}