/*=============================================
								GLOBAL
=============================================*/

* {
	font-family: 'Roboto Condensed', serif;
	font-weight: 900;
}

p {
	font-weight: 300;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
button,
select,
option,
.input-group,
input,
.input-group-text,
textarea,
.nav-link {
	font-family: 'Roboto Condensed', serif !important;
}

ul,
ol {
	list-style: none;
}

a:visited,
a:link,
a:focus,
a:hover,
a:active {
	list-style: none;
	text-decoration: none;
}

.dropdown-menu {
	min-width: 0% !important;
	padding: 0 !important;
	font-size: 12px !important;
}

.dropdown-item {
	padding: 8px 18px !important;
	color: black !important;
	font-weight: 500 !important;
}


/*=============================================
HEADER
=============================================*/

header {
	position: fixed;
	z-index: 2;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .1);
}


.botonera li {
	cursor: pointer;
}

/*.botonera li:hover {
		border-bottom:3px solid white;
	}*/

.menuMovil {
	display: none;
}


.botonera .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	border-bottom: 3px solid white;
	background-color: #007bff00;
}

/*=============================================
					DISEÑO HERO - CINEMAGRAPH
=============================================*/

.vistaVideo {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.filtroVideo {
	position: absolute;
	width: 100%;
	height: inherit;
	top: 0;
	left: 0;
	background: url(../img/filtro.png);
	background-repeat: repeat;
}

.vistaVideo .container {
	transform: translate(0, -128%);
}

.vistaVideo .container h1 {
	font-size: 50px !important;
	font-family: 'ARIAL';
}


.vistaVideo .container i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	width: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 40px;
}

.vistaVideo .slider {
	width: 101vw;
	min-width: 177px;
	height: 760px;
	;
	position: relative;
}

.vistaVideo .slider {
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.vistaVideo .slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	animation: cambio 20s infinite alternate linear;
}

.vistaVideo .slider li {
	width: 100%;
	list-style: none;
}

.vistaVideo .slider img {
	width: 100%;
}

@keyframes cambio {
	0% {
		margin-left: 0;
	}

	20% {
		margin-left: 0;
	}

	25% {
		margin-left: -100%;
	}

	45% {
		margin-left: -100%;
	}

	50% {
		margin-left: -200%;
	}

	70% {
		margin-left: -200%;
	}

	75% {
		margin-left: -300%;
	}

	100% {
		margin-left: -300%;
	}
}

/*=============================================
								CURSOS
=============================================*/

.cursos .row h3 {
	font-weight: bold;
}

.cursos video {
	cursor: pointer;
}


/*=============================================
NOSOTROS
=============================================*/

.nosotros {
	background: #748696;
	min-height: 95vh;
}

.nosotros i {
	width: 140px;
	line-height: 140px;
	font-size: 50px;
}

.nosotros i.fa-users {
	background: #5d7179;
}

.nosotros i.fa-graduation-cap {
	background: #a17a8c;
}

.nosotros i.fa-laptop {
	background: #c1aa92;
}

.nosotros i.fa-check {
	background: #a1b287;
}

.nosotros i.fa-book {
	background: #eca06d;
}

.nosotros i.fa-money-check-alt {
	background: #a0e9d3;
}

.nosotros i.fa-university {
	background: #f5b4df;
}

/*=============================================
							TESTIMONIOS
=============================================*/

.testimonios {
	min-height: 91vh;
}

.testimonios .row {
	margin-top: 22px;
}



/*=============================================
							PLANES
=============================================*/

.planes {
	background: #5d7179;
	min-height: 100vh;
}

.planes h1 {
	font-weight: bold;
}

.planes .decimal {
	position: relative;
	top: -15px;
	font-size: 20px;
	font-weight: bold;
}

div#leyendaMatenimiento {
	background-color: black;
	color: white;
	text-align: center;
	border-radius: 20px;
	padding: inherit;
}

h1#proxima {
	color: white;
	text-align: center;
	border-radius: 20px;
	background: linear-gradient(to right, #000, #282222, #6f636d, #000);
	background-clip: border-box;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	font-size: 18vh;
}

div#imagenProximo {
	background: url(../img/aljaba_proximamente.png);
	background-repeat: round;
	height: 72vh;
	width: 143vh;
	margin-top: 9vh;
	margin-left: 17vh;
}

/*=============================================
FAQ
=============================================*/

.faq {
	min-height: 94vh;
}

.faq ul li {
	cursor: pointer;
}

.faq .tituloFaq {
	background: #861818;
	border-radius: 20px 20px 0px 0px;
	position: relative;
	cursor: auto;
}

.faq .tituloFaq img {
	position: absolute;
	top: -29px;
	left: 34px;
}

.faq .row div {
	display: block;
}

/*=============================================
CONTACTENOS
=============================================*/

/* Secambio los valores del foder para reducir la pagina */
.contactenos {
	min-height: 84vh;
}

.contactenos input,
.contactenos textarea {
	font-weight: 100;
}

.contactenos .fomulario {
	transform: translate(0%, -5%);
}

.contactenos .visitanos {
	background: #254e6d;
	/* #103954 */
	transform: translate(0%, 6%);
	border-radius: 10px;
}

.contactenos .map-responsive {
	padding-bottom: 8%;
	bottom: 0px;
	position: relative;
	height: 0;
	padding-top: 20%;
}

.contactenos .map-responsive iframe {
	bottom: 0px;
	height: 100%;
	width: 96%;
	position: absolute;
}

footer {
	background-color: #000000;
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 28px;
	color: white;
}

/*=============================================
SCROLL UP
=============================================*/

#scrollUp {
	bottom: 20px;
	right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url(../img/flecha.jpg);
}

/*=============================================
PRELOAD
=============================================*/

#preload {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: #fff;
}

#porcentajeCarga {
	position: absolute;
	text-align: center;
	width: 100%;
	color: #333;
	top: 52%;
	font-size: 20px;
	font-weight: 100;
	padding-top: 20px;
	font-family: 'Grand Hotel', cursive !important;
}

#lineaCarga {
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#rellenoCarga {
	width: 0%;
}

/*=============================================
PÁGINA INGRESO Y REGISTRO
=============================================*/

.ladoUsuarios {
	overflow-y: scroll;
}

.fotoIngreso,
.fotoRegistro {
	/* position:relative;
		background-size: cover;
		background-position:center top;
		background-attachment:fixed; */
	height: 100vh;
}

.fotoIngreso {
	background: url(../img/fondo_sign.jpg);
}

.fotoRegistro {
	background: url(../img/038.png);
}

.fotoIngreso::before,
.fotoRegistro::before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	background: rgba(0, 0, 0, .5);
}

.ladoUsuarios .btnRegresar {
	position: absolute;
	right: 2%;
	top: 2%;
	padding: 5px 20px;
	font-size: 15px;
}

.ladoUsuarios .btnRegresar,
.ladoUsuarios .btnRegresarMovil {
	background: #811010;
}

.ladoUsuarios .btnRegresar,
.ladoUsuarios .btnRegresarMovil {
	background: #811010;
}

.ladoUsuarios .redesSociales {
	position: absolute;
	right: 2%;
	bottom: 0;
}

.ladoUsuarios .fab {
	color: #b9b4b4 !important;
}

input[type="checkbox"] {
	display: none;
}

label[for="politicas"] span {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #E9ECEF;
	vertical-align: middle;
	border-radius: 100%;
	border: 1px solid #6c6c6c;
	cursor: pointer;
}

input[type="checkbox"]:checked+label[for="politicas"] span {
	background: url(../img/check.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 1px solid #6c6c6c;
}

label[for="terminos"] span {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #E9ECEF;
	vertical-align: middle;
	border-radius: 100%;
	border: 1px solid #6c6c6c;
	cursor: pointer;
}

input[type="checkbox"]:checked+label[for="terminos"] span {
	background: url(../img/check.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 1px solid #6c6c6c;
}


.ladoUsuarios .btn-secondary {
	background-color: #202f3c;
	border-color: #141d26;
}

.ladoUsuarios .img-fluid {
	max-width: 80% !important;
}

button#show_password.btn.btn-primary {
	color: #fff;
	background-color: #811010;
	border-color: #811010;
}

div.modal-header.bg-info.text-white {
	background-color: #811010 !important;
}

::-webkit-scrollbar {
	display: none;
}


/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/

@media (max-width:1100px) and (min-width:992px) {

	header .ingresos button {
		margin-top: 0px;
		margin-right: 23px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 10px;
	}

	.vistaVideo {
		height: 100vh;
	}

	.vistaVideo .container {
		transform: translate(0, -148%);
	}


	.filtroVideo {
		position: absolute;
		width: 100%;
		height: inherit;
		top: 0;
		left: 0;
		background: url(../img/filtro.png);
		background-repeat: repeat;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 782px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: 0.5rem !important;
	}

}

/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:769px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 18px;
		padding-bottom: 5px;
	}

	.menuMovil {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: grey;
		z-index: 2;
		opacity: 95%;
	}

	.menuMovil .nav-item {
		background: #811010;
		border-bottom: 1px solid black;
	}

	.menuMovil .nav-item a {
		font-weight: 100;
		font-size: 20px;
	}

	.vistaVideo {
		height: 215vh;
	}

	.vistaVideo .container {
		transform: translate(0, 4%);
	}

	.filtroVideo {
		background: url(../img/fondo_movil.jpg);
		background-size: cover;
	}

	.filtroVideo::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		content: "";
	}

	.faq .row div {
		display: none;
	}

	.contactenos .visitanos {
		margin-top: 30px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .btnRegresarMovil {
		position: relative;
	}

	.ladoUsuarios .redesSociales {
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 0;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 0px;
		;
		position: relative;
	}

	.footer {
		height: 24px;
	}

	.contactenos .map-responsive iframe {
		bottom: 6px;
		height: 100%;
		width: 100%;
		position: absolute;
	}

}


/*-----------------------------------------------
			Reolucion de 768 continuacion
-------------------------------------------------*/

@media (max-width:768px) and (min-width:767px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}


	header .ingresos button a {
		font-size: 18px;
		padding-bottom: 5px;
	}

	.menuMovil {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: grey;
		z-index: 2;
		opacity: 95%;
	}

	.menuMovil .nav-item {
		background: #811010;
		border-bottom: 1px solid black;
	}

	.menuMovil .nav-item a {
		font-weight: 100;
		font-size: 20px;
	}

	.vistaVideo {
		height: 238vh;
	}

	.vistaVideo .container {
		transform: translate(0, -59%);
	}

	.filtroVideo {
		background: url(../img/fondo_movil.jpg);
		background-size: cover;
	}

	.filtroVideo::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		content: "";
	}

	.faq .row div {
		display: none;
	}

	.contactenos .visitanos {
		text-align: center;
		margin-top: 30px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .btnRegresarMovil {
		position: relative;
	}

	.ladoUsuarios .redesSociales {
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 0;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 0px;
		;
		position: relative;
	}

	.footer {
		height: 24px;
	}

	.contactenos .what {
		margin-left: -47px !important;
	}

	.contactenos .map-responsive iframe {
		bottom: 6px;
		height: 100%;
		width: 100%;
		position: absolute;
	}

	.testimonios .container {
		max-width: 50%;
	}


	.contactenos .direct .info .con .lead {
		margin-top: 18px;
	}
}


/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/

@media (max-width:766px) and (min-width:576px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 14px;
		padding-bottom: 5px;
	}

	.menuMovil {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: grey;
		z-index: 2;
		opacity: 95%;
	}

	.menuMovil .nav-item {
		background: #811010;
		border-bottom: 1px solid black;
		padding-right: 10px;
	}

	.menuMovil .nav-item a {
		font-weight: 100;
		font-size: 20px;
	}

	.vistaVideo {
		height: 1367px;
	}

	.vistaVideo .container {
		transform: translate(0, 5%);
	}

	.filtroVideo {
		background: url(../img/fondo_movil.jpg);
		background-size: cover;
	}

	.filtroVideo::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		content: "";
	}

	.faq .row div {
		display: none;
	}

	.contactenos .visitanos {
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .btnRegresarMovil {
		position: relative;
	}

	.ladoUsuarios .redesSociales {
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 0;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 0px;
		;
		position: relative;
	}

	.footer {
		height: 24px;
	}

	.contactenos .map-responsive iframe {
		bottom: 6px;
		height: 100%;
		width: 100%;
		position: absolute;
	}

	.cards-grid {
		display: grid !important;
		grid-gap: 80px;
		padding-bottom: 60px;
	}

}

/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/

@media (max-width:575px) and (min-width:400px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 12px;
	}

	.menuMovil {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: grey;
		z-index: 2;
		opacity: 95%;
	}

	.menuMovil .nav-item {
		background: #811010;
		border-bottom: 1px solid black;
		padding-right: 10px;
	}

	.menuMovil .nav-item a {
		font-weight: 100;
		font-size: 20px;
	}

	.vistaVideo {
		height: 1420px;
	}

	.vistaVideo .container {
		transform: translate(0, -53%);
	}

	.vistaVideo .container .row {
		width: 96%;
		height: 25%;
		margin-left: 6px;
		grid-auto-rows: 100px 100px;
	}

	.filtroVideo {
		background: url(../img/fondo_movil.jpg);
		background-size: cover;
	}

	.filtroVideo::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		content: "";
	}

	.faq .row div {
		display: none;
	}

	.contactenos .visitanos {
		text-align: center;
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .btnRegresarMovil {
		position: relative;
	}

	.ladoUsuarios .redesSociales {
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 0;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 852px;
		position: relative;
	}

	.footer {
		height: 24px;
		font-size: 10px;
	}

	.contactenos .map-responsive iframe {
		bottom: 6px;
		height: 100%;
		width: 100%;
		position: absolute;
	}

	.contactenos .what {
		margin-left: -47px !important;
	}



	.close {
		margin-top: 35px !important;
	}

	.contactenos .direct .info .con .lead {
		margin-top: 15px;
	}

	.testimonios .container {
		padding-left: 38px;
	}

	.planes .container .w-50 {
		width: 83% !important;
	}

	.cards-grid {
		display: grid !important;
		grid-gap: 80px;
		padding-bottom: 60px;
	}

}

/*-------------------------------------------------------------
				Resolucion de pantallas celulares
--------------------------------------------------------------*/
@media (max-width:399px) and (min-width:290px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 12px;
	}

	.menuMovil {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: grey;
		z-index: 2;
		opacity: 95%;
	}

	.menuMovil .nav-item {
		background: #811010;
		border-bottom: 1px solid black;
		padding-right: 10px;
	}

	.menuMovil .nav-item a {
		font-weight: 100;
		font-size: 20px;
	}

	.vistaVideo {
		height: 1530px;
	}

	.vistaVideo .container {
		transform: translate(0, -48%);
	}

	.vistaVideo .container .row {
		width: 96%;
		height: 25%;
		margin-left: 6px;
		grid-auto-rows: 100px 100px;
	}

	.filtroVideo {
		background: url(../img/fondo_movil.jpg);
		background-size: cover;
	}

	.filtroVideo::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		content: "";
	}

	.faq .row div {
		display: none;
	}

	.contactenos .visitanos {
		text-align: center;
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .formula .regis .borde {
		height: 120vh;
	}

	.ladoUsuarios .btnRegresarMovil {
		margin-top: 15px;
	}

	.ladoUsuarios .redesSociales {
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 0;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 906px;
		;
		position: relative;
	}

	.footer {
		height: 24px;
		font-size: 11px;
	}

	.contactenos .what {
		margin-left: -42px !important;
	}

	.contactenos .map-responsive iframe {
		bottom: 6px;
		height: 100%;
		width: 100%;
		position: absolute;

	}

	/*-------------------------------------------
 	Funcion para ajustar los iconos
-------------------------------------------- */
	.vistaVideo .container i {
		margin-top: 25px;
	}

	.planes .container .w-50 {
		width: 270px !important;
	}

	.contactenos .direct .info .con .lead {
		margin-top: 18px;
	}

	.magnify1 {
		display: unset;
	}

	.magnify1 .magnified1 {
		display: unset !important;
		z-index: 10;
		width: 250px;
		height: 350px;
	}

	.magnify1 .magnifier1 {
		height: 170px;
		width: 170px;
		pointer-events: none;
		display: block;
	}

	.magnify2 {
		display: unset;
	}

	.magnify2 .magnified2 {
		display: unset !important;
		z-index: 10;
		width: 250px;
		height: 350px;
	}

	.magnify2 .magnifier2 {
		height: 170px;
		width: 170px;
		pointer-events: none;
		display: block;
	}

	.magnify3 {
		display: none;
	}

	.magnify3 .magnified3 {
		display: unset !important;
		z-index: 10;
		width: 250px;
		height: 350px;
	}

	.magnify3 .magnifier3 {
		height: 170px;
		width: 170px;
		pointer-events: none;
		display: none;
	}

	.cards-grid {
		display: grid !important;
		grid-gap: 80px;
		padding-bottom: 60px;
	}

}


/*---------------------------------------------
				Pantallas mas grandes
----------------------------------------------*/

@media (max-width:1921px) and (min-width:1919px) {

	.vistaVideo .container {
		transform: translate(0, -165%) !important;
	}

	.contactenos .map-responsive iframe {
		width: 97%;
	}
}

/*------------------------------------------------
		Pantalla de menos de 3000
------------------------------------------------*/

@media (max-width:3000px) and (min-width:1440px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 14px;
		padding-bottom: 5px;
	}

	.menuMovil {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		z-index: 2;
	}

	.menuMovil .nav-item {
		background-color: #5D7179;
		border-bottom: 1px solid black;
	}

	.menuMovil .nav-item a {
		font-weight: 100;
		font-size: 20px;

	}

	/*--------------------------------------------
 		Tamaño de pantalla de nosotros
 ----------------------------------------------*/
	.nosotros {
		min-height: 95vh;
	}

	.nosotros .container {
		margin-top: 120px;
	}

	/*------------------------------------------
		Modificacion de tamaño en los iconos   
--------------------------------------------*/
	.nosotros .container i {
		width: 180px;
		line-height: 180px;
		font-size: 94px;
	}

	.vistaVideo {
		height: 940;
	}

	.vistaVideo .container {
		transform: translate(0, -142%);
	}

	.faq .row div {
		display: block;
	}

	.contactenos .visitanos {
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: auto;
	}

	.ladoUsuarios .btnRegresarMovil {
		position: relative;
	}

	.ladoUsuarios .redesSociales {
		transform: translate(40%, 0);
		bottom: 0;
		right: 3%;
	}

	.ladoUsuarios .fotoIngreso {
		background-position-x: -10px !important;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		height: 950px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: -0.5rem !important;
	}

	.vistaVideo .slider {
		width: 102vw;
		height: 1080px;
		position: relative;
	}

	.vistaVideo .slider img {
		width: 103% !important;
		height: 1077px !important;
	}


	.testimonios {
		height: 94vh;
	}

	.testimonios .container .row {
		margin-top: 17vh !important;
	}

	.planes {
		min-height: 95vh;
	}

	.planes .container {
		margin-top: 100px;
	}

	.faq .container {
		margin-top: 100px;
	}

	.contactenos {
		min-height: 90vh;
	}

	.contactenos .container {
		max-width: 1700px;
	}

	.contactenos .container .flex-lg-row {
		padding-top: 100px;
	}

	.contactenos .container .map-responsive {
		margin-top: 20px;
		padding-bottom: 15%;
	}



	.contactenos .map-responsive iframe {
		width: 97%;
	}

	div#imagenProximo {
		background: url(../img/aljaba_proximamente.png);
		background-repeat: round;
		height: 75vh !important;
		width: 147vh !important;
		margin-top: 9vh;
		margin-left: -14vh;
	}

	div#folleto {
		background: url(../img/folleto_aljaba.jpg);
		background-repeat: round;
		height: 75vh !important;
		width: 147vh !important;
		margin-top: 9vh;
		margin-left: -14vh;
	}

	/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
							Pendiente
	.ladoUsuarios {
		margin-top: 10px;
	}
	!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

}

/*---------------------------------------------------------
					Resolucion de las pantallas mas grandes 
----------------------------------------------------------*/
@media (max-width:7612px) and (min-width:3842px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}


	header .ingresos button a {
		font-size: 14px;
		padding-bottom: 5px;
	}

	.menuMovil {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		z-index: 2;
	}

	.menuMovil .nav-item {
		background-color: #5D7179;
		border-bottom: 1px solid black;
	}

	.menuMovil .nav-item a {
		font-weight: 100;
		font-size: 20px;
	}

	.vistaVideo {
		height: 706px;
	}

	.vistaVideo .container {
		transform: translate(0, -116%);
	}

	.faq .row div {
		display: none;
	}

	.contactenos .visitanos {
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .btnRegresarMovil {
		position: relative;
	}

	.ladoUsuarios .redesSociales {
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 0;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 709px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: -0.5rem !important;
	}

	.vistaVideo .slider {
		width: 101vw;
		height: 930px;
		;
		position: relative;
	}

}

/*-------------------------------------------------------
				Resoluciones mayor de 3000
--------------------------------------------------------*/
@media (max-width:3839px) and (min-width:3001px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 14px;
		padding-bottom: 5px;
	}

	.menuMovil {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		z-index: 2;
	}

	.menuMovil .nav-item {
		background-color: #5D7179;
		border-bottom: 1px solid black;
	}

	.menuMovil .nav-item a {
		font-weight: 100;
		font-size: 20px;
	}

	.vistaVideo {
		height: 706px;
	}

	.vistaVideo .container {
		transform: translate(0, -116%);
	}

	.faq .row div {
		display: none;
	}

	.contactenos .visitanos {
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .btnRegresarMovil {
		position: relative;
	}

	.ladoUsuarios .redesSociales {
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 0;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 709px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: -0.5rem !important;
	}

	.vistaVideo .slider {
		width: 101vw;
		height: 930px;
		;
		position: relative;
	}

}

/*-------------------------------------------------
		Pantalla de posible resoluciones de omar
--------------------------------------------------*/
@media (max-width:1439px) and (min-width:1401px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 14px;
		padding-bottom: 5px;
	}

	.menuMovil {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		z-index: 2;
	}

	.menuMovil .nav-item {
		background-color: #5D7179;
		border-bottom: 1px solid black;
	}

	.menuMovil .nav-item a {
		font-weight: 100;
		font-size: 20px;
	}

	.vistaVideo {
		height: 942px;
		/* 935px  */
	}

	.vistaVideo .container {
		transform: translate(0, -142%);
	}

	.contactenos .visitanos {
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .btnRegresarMovil {
		position: relative;
	}

	.ladoUsuarios .redesSociales {
		left: 0 !important;
		transform: translate(-5%, 0);
		bottom: 0;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		height: 932px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: -0.5rem !important;
	}

	.testimonios .container .row {
		margin-top: 17vh !important;
	}

	.testimonios {
		min-height: 95vh !important;
	}

	.ladoUsuarios .img-fluid {
		max-width: 85% !important;
	}

	.contactenos .map-responsive iframe {
		width: 97%;
	}

}

/*-----------------------------------------------
			Resoluciones de la pantalla del ING Gabriel
-------------------------------------------------*/
@media (max-width:1249px) and (min-width:1102px) {

	header .ingresos button {
		margin-top: 0px;
		margin-right: 23px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 10px;
	}

	.vistaVideo {
		height: 100vh;
	}

	.vistaVideo .container {
		transform: translate(0, -166%);
	}

	.filtroVideo {
		position: absolute;
		width: 100%;
		height: inherit;
		top: 0;
		left: 0;
		background: url(../img/filtro.png);
		background-repeat: repeat;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 938px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: 0.5rem !important;
	}

	.testimonios .container .row {
		margin-top: 17vh !important;
	}

	.testimonios {
		min-height: 95vh !important;
	}

}

/*---------------------------------------------------------
     Pantalla desconocida
---------------------------------------------------------*/
@media (max-width:1001px) and (min-width:1000px) {

	header .ingresos button {
		margin-top: 0px;
		margin-right: 23px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 10px;
	}

	.vistaVideo {
		height: 100vh;
	}

	.vistaVideo .container {
		transform: translate(0, -148%);
	}


	.filtroVideo {
		position: absolute;
		width: 100%;
		height: inherit;
		top: 0;
		left: 0;
		background: url(../img/filtro.png);
		background-repeat: repeat;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 906px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: 0.5rem !important;
	}

}

/*-----------------------------------------------
			Resolucion no ocupada

@media (max-width:3841px) and (min-width:3840px){

	header .ingresos button{
	 	margin-top:-10px;
	 	padding-bottom:0px;
	 }


	 header .ingresos button a{
	 	font-size:14px;
	 	padding-bottom:5px;
	 }

	 .menuMovil{		
	 	position:fixed;
	 	top:0;
	 	left:0;
	 	width:100%;
	 	height:100%;
	 	background:black;
	 	z-index:2;
	 }

	.menuMovil .nav-item{
	  	background-color: #5D7179;
	  	border-bottom:1px solid black;
	}

	.menuMovil .nav-item a{
		font-weight: 100;
		font-size:20px;

	}

	.vistaVideo{
		height:706px;
	}

	.vistaVideo .container{
		transform:translate(0, -116%);
	}

	.faq .row div{
		display:none;
	}

	.contactenos .visitanos{
		margin-top:20px;
		transform:translate(0%,0%);
	}

	.ladoUsuarios{
		overflow-y:scroll;
	}

	.ladoUsuarios .btnRegresarMovil{
		position:relative;
	}

	.ladoUsuarios .redesSociales{
		left:50%;
		transform:translate(-50%, 0);
		bottom:0;
	}
        .vistaVideo .fondoimag{
    	width: 101vw; 
    	min-width: 177px; 
    	height:709px;;
    	position: relative;
    }
    .p-sm-4{
    	padding: -0.5rem!important;
    }

 	 .vistaVideo .slider{
		width: 101vw; 
		height:739px;;
		position: relative;
	}

	.vistaVideo .slider img{
		width: 103% !important; 
		height:776px !important;
	}
}
-------------------------------------------------*/

/*---------------------------------------
			Pantalla de la sala de juntas
-----------------------------------------*/

@media (max-width: 1290px) and (min-width:1280px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}


	header .ingresos button a {
		font-size: 14px;
		padding-bottom: 5px;
	}

	.vistaVideo {
		height: 610px;
	}

	.vistaVideo .container {
		transform: translate(0, -125%);
	}

	.contactenos .visitanos {
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .btnRegresarMovil {
		position: relative;
	}

	.ladoUsuarios .redesSociales {
		right: -50px;
		transform: translate(-55%, 0);
		bottom: 0;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 709px;
		;
		position: relative;
	}

	.vistaVideo .slider {
		width: 101vw;
		height: 739px;
		;
		position: relative;
	}

	.vistaVideo .slider img {
		width: 103% !important;
		height: 776px !important;
	}

	div#imagenProximo {
		background: url(../img/aljaba_proximamente.png);
		background-repeat: round;
		height: 87vh;
		width: 174vh;
	}

}


/*----------------------------------------------  
					ESTILOS DE LIBROS 
------------------------------------------------*/



/*--------------------------------------------
			     Resolucion mas chica  
----------------------------------------------*/


@media (max-width:289px) and (min-width:200px) {

	header .ingresos button {
		margin-top: -10px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 9px;
	}

	.menuMovil {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: grey;
		z-index: 2;
		/*background: url(../img/cielo.jpg);*/
		opacity: 95%;
	}

	.menuMovil .nav-item {
		background: #811010;
		border-bottom: 1px solid black;
		padding-right: 10px;
	}

	.menuMovil .nav-item a {
		font-weight: 100;
		font-size: 20px;
	}

	.vistaVideo {
		height: 1565px;
	}

	.vistaVideo .container {
		transform: translate(0, -47%);
	}

	.vistaVideo .container .row {
		width: 105%;
		height: 25%;
		margin-left: -5px;
	}

	.filtroVideo {
		background: url(../img/fondo_movil.jpg);
		background-size: cover;
	}

	.filtroVideo::after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		content: "";
	}

	.faq .row div {
		display: none;
	}

	.contactenos .visitanos {
		text-align: center;
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .formula .regis .borde {
		height: 120vh;
	}


	.ladoUsuarios .btnRegresarMovil {
		margin-top: -12px;
	}

	.ladoUsuarios .redesSociales {
		left: 50%;
		transform: translate(-50%, 0);
		bottom: 0;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 906px;
		;
		position: relative;
	}

	.footer {
		height: 15px;
		font-size: 11px;
	}

	.contactenos .what {
		margin-left: -42px !important;
	}

	.contactenos .map-responsive iframe {
		bottom: 6px;
		height: 100%;
		width: 100%;
		position: absolute;
	}

	/* funcion para mover los iconos */
	.vistaVideo .container i {
		margin-top: 25px;
	}

	.planes .container .w-50 {
		width: 220px !important;
	}

	.contactenos .direct .info .con .lead {
		margin-top: 18px;
	}


	.footer {
		font-size: 9px;
	}

	.magnify1 {
		display: unset;
	}

	.magnify1 .magnified1 {
		display: unset !important;
		z-index: 10;
		width: 350px;
		height: 450px;
	}

	.magnify1 .magnifier1 {
		height: 170px;
		width: 170px;
		pointer-events: none;
		display: block;
	}

	.magnify2 {
		display: unset;
	}

	.magnify2 .magnified2 {
		display: unset !important;
		z-index: 10;
		width: 350px;
		height: 450px;
	}

	.magnify2 .magnifier2 {
		height: 170px;
		width: 170px;
		pointer-events: none;
		display: block;
	}

	.magnify3 {
		display: none;
	}

	.magnify3 .magnified3 {
		display: unset !important;
		z-index: 10;
		width: 350px;
		height: 450px;
	}

	.magnify3 .magnifier3 {
		height: 170px;
		width: 170px;
		pointer-events: none;
		display: none;
	}

	.cards-grid {
		display: grid !important;
		grid-gap: 80px;
		padding-bottom: 60px;
	}
}





/*------------------------------------------------------
   			 Pantalla de la sala de juntas
-----------------------------------------------------*/

@media (max-width:1290px) and (min-width:1279px) {

	header .ingresos button {
		margin-top: 0px;
		margin-right: 23px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 10px;
	}

	.vistaVideo {
		height: 100vh;
	}

	.vistaVideo .container {
		transform: translate(0, -133%);
	}

	.vision2 {
		margin-top: 50px;
	}

	.filtroVideo {
		position: absolute;
		width: 100%;
		height: inherit;
		top: 0;
		left: 0;
		background: url(../img/filtro.png);
		background-repeat: repeat;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		height: 938px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: .70rem !important;
	}

	.planes .container .py-3 {
		font-size: 120% !important;
		margin-top: -10px;
	}

	.faq .container {
		margin-top: -25px;
	}

	.contactenos .map-responsive {
		padding-bottom: 5% !important;
	}

	div#imagenProximo {
		background: url(../img/aljaba_proximamente.png);
		background-repeat: round;
		height: 82vh !important;
		width: 153vh !important;
		margin-top: 25px;
	}

}

/*---------------------------------------------------------
						Resolucion desconocida
----------------------------------------------------------*/
@media (max-width:1001px) and (min-width:1000px) {

	header .ingresos button {
		margin-top: 0px;
		margin-right: 23px;
		padding-bottom: 0px;
	}

	header .ingresos button a {
		font-size: 10px;
	}

	.vistaVideo {
		height: 100vh;
	}

	.vistaVideo .container {
		transform: translate(0, -148%);
	}

	.filtroVideo {
		position: absolute;
		width: 100%;
		height: inherit;
		top: 0;
		left: 0;
		background: url(../img/filtro.png);
		background-repeat: repeat;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		min-width: 177px;
		height: 906px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: 0.5rem !important;
	}

}


/*=============================================================================
 Estilo de libros de lupa
==============================================================================*/
.magnify1 {
	margin: 20px auto;
	display: inline-block;
	position: relative;
}

.magnify1 .magnified1 {
	display: block;
	z-index: 10;
	margin: auto;
	width: 350px;
	height: 450px;
	border: 5px solid #fff;
}

.magnify1 .magnifier1 {
	height: 170px;
	width: 170px;
	position: absolute;
	z-index: 20;
	border: 4px solid #ffffff00;
	border-radius: 50%;
	background-size: 400%;
	background-repeat: no-repeat;
	margin-left: -100px !important;
	margin-top: -100px !important;
	pointer-events: none;
	display: none;
}


.magnify2 {
	margin: 20px auto;
	display: inline-block;
	position: relative;
}

.magnify2 .magnified2 {
	display: block;
	z-index: 10;
	margin: auto;
	width: 350px;
	height: 450px;
	border: 5px solid #fff;
}

.magnify2 .magnifier2 {
	height: 170px;
	width: 170px;
	position: absolute;
	z-index: 20;
	border: 4px solid #ffffff00;
	border-radius: 50%;
	background-size: 400%;
	background-repeat: no-repeat;
	margin-left: -100px !important;
	margin-top: -100px !important;
	pointer-events: none;
	display: none;
}



.magnify3 {
	margin: 20px auto;
	display: inline-block;
	position: relative;
}

.magnify3 .magnified3 {
	display: block;
	z-index: 10;
	margin: auto;
	width: 350px;
	height: 450px;
	border: 5px solid #fff;
}

.magnify3 .magnifier3 {
	height: 170px;
	width: 170px;
	position: absolute;
	z-index: 20;
	border: 4px solid #ffffff00;
	border-radius: 50%;
	background-size: 400%;
	background-repeat: no-repeat;
	margin-left: -100px !important;
	margin-top: -100px !important;
	pointer-events: none;
	display: none;
}

/*-----------------------------------------------------------------------------------------
						Resolucion de la pantalla de carlos 1600--------------------------------------------
-------------------------------------------------------------------------------------------*/
@media (max-width:1620px) and (min-width:1590px) {

	.vistaVideo {
		height: 935px;
	}

	.vistaVideo .container {
		transform: translate(0, -180%) !important;
	}


	.contactenos .visitanos {
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.ladoUsuarios {
		overflow-y: scroll;
	}

	.ladoUsuarios .btnRegresarMovil {
		position: relative;
	}

	.ladoUsuarios .redesSociales {
		left: 970px !important;
		transform: translate(2%, 0);
		bottom: 0;
	}

	.ladoUsuarios .fotoIngreso {
		background-position-x: -89px !important;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		height: 932px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: -0.5rem !important;
	}

	header .ingresos button {
		margin-top: 0px;
		margin-right: 23px;
		padding-bottom: 0px;
	}

	.vistaVideo {
		height: 100vh;
	}

	.vistaVideo .container {
		transform: translate(0, -133%);
	}

	.vision2 {
		margin-top: 50px;
	}

	.filtroVideo {
		position: absolute;
		width: 100%;
		height: inherit;
		top: 0;
		left: 0;
		background: url(../img/filtro.png);
		background-repeat: repeat;
	}

	.vistaVideo .fondoimag {
		width: 101vw;
		height: 938px;
		;
		position: relative;
	}

	.p-sm-4 {
		padding: .70rem !important;
	}

	.planes .container .py-3 {
		font-size: 120% !important;
		margin-top: -10px;
	}

	.faq .container {
		margin-top: -25px;
	}

	.contactenos .map-responsive {
		padding-bottom: 5% !important;
	}

	.testimonios .container .row {
		margin-top: 17vh !important;
	}

	.testimonios {
		min-height: 95vh !important;
	}

	.contactenos .map-responsive iframe {
		width: 97%;
	}

}


/*---------------------------------------------------------------
                Pantalla de lap de omar
-----------------------------------------------------------------*/

@media (max-width: 1539px) and (min-width: 1518px) {

	.vistaVideo .container {
		transform: translate(0, -178%) !important;
	}

	.nosotros .container {
		margin-top: 50px !important;
	}

	.testimonios .container .row {
		margin-top: 90px !important;
	}

	.planes .container {
		margin-top: 40px !important;
	}

	.faq .container {
		margin-top: 55px !important;
	}

	.contactenos .container .flex-lg-row {
		padding-top: 5px !important;
	}

	.contactenos .container .map-responsive {
		margin-top: 20px;
		padding-bottom: 13% !important;
	}

	.contactenos {
		min-height: 88vh !important;
	}

	.ladoUsuarios .redesSociales {
		left: 92%;
		transform: translate(4%, 0);
	}

	.ladoUsuarios .fotoIngreso {
		background-position-x: -129px !important;
	}

	.contactenos .map-responsive iframe {
		width: 97%;
	}
}


.flip-card {
	width: 320px;
	height: 504px;
	perspective: 2000px;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	border-radius: 28px;
	transition: all 550ms cubic-bezier(0.1, 0.22, 0.8, 1.13);
	transform-style: preserve-3d;
}

.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 28px;
	backface-visibility: hidden;
}

.flip-card-front {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.flip-card-back {
	font-size: 1.25rem;
	text-align: center;
	display: grid;
	place-items: center;
	padding: 32px;
	background-color: #B1CFC8;
	transform: rotateY(180deg);
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(-180deg);
}

.cards-grid {
	display: flex;
	grid-gap: 80px;
	padding-bottom: 60px;
}