/* Css Responsivo de Connecto */

@media only screen and (max-width: 576px){

	
/*********************************************************************************************************
*** Inicio *********************************************************************************************
**********************************************************************************************************/
	
	.logo img {
		width: 130px;
	}
	
	.navbar {
		display: none;
	}
	
	.main-header {
		margin: 0px 0px;
		padding: 12px 0px;
		position: fixed;
		top: 0px;
		background-color: white;
	}
	
	.offcanvas.offcanvas-top{
		height:100%;
	}
	
	.mobile-toggler{
		display: inherit;
	}
	
	.home-connecta{
		margin-top: 86px;
	}
	
	.titulo-principal{
		width: 100%;
		height: 140px;
	}
	
	.titulo-principal h1{
	  font-size:20px; /*  font-size:6.4vw; */
	  height:130px;
	}
	
	#boton-connecta{
		display: none;
	}
	
	.home-connecta .div-boton-connecta{
		margin-top:0px;
	}
	
	#boton-connecta-movil{
		display: block;
	}
	
	#foto-chica-home {
		display: none;
	}
	
	#foto-chica-home-movil{
		position: relative;
		display: block;
		float:right;
		margin-right:-15px;
		margin-top:-30px;
		z-index: -200;
	}
	
	#video-mockup-home{
		position:static;
		display: block;
		margin:0px auto;
		width:250px;
		height:257px;
		z-index: 1;
	}
	
	.home-connecta div.parrafo-general{
		order: 4;
	}
	
	.home-connecta div.div-boton-connecta{
		order: 2;
	}
	
	.home-connecta div.div-video-mockup-home{
		order: 3;
		height:250px;
	}
	
	.home-connecta .parrafo-general{
		width: 100%;
		height: 144px;
	}
	
	.parrafo-general p{
		font-size:16px;
		font-weight:500;
		line-height:24px;
	}
	
/*** contactenos mobile top ************************************************************************/

#ContactenosMobileTop.offcanvas.offcanvas-top{
	width:100%;
	height:568px;
	background-color:white;
}

#ContactenosMobileTop .btn-close{
	position:absolute;
	top:18px;
	right:18px;
}

#contacto-form-movil-top{
	font-size:14px;
	font-weight:400;
	line-height:24px;
	color:#022859;
}

#ContactenosMobileTop p.texto-verde-grande{
	margin:0px;
	font-size:18px;
	font-weight:600;
	line-height:24px;
	color:#00E6C9;
	display:block;
	height:34px;
	width:100%;
	padding:0px 0px 13px;
}

#ContactenosMobileTop .form-control::-ms-input-placeholder {
  color:#022859;
  opacity: 1;
}

#ContactenosMobileTop .form-control::placeholder {
  color:#022859;
  opacity: 1;
}

#ContactenosMobileTop .form-control{
	color:#022859;
	background-color: transparent;
	margin-bottom: 8px;
	border: 1px solid #022859;
	border-radius:3px;
}

#ContactenosMobileTop .form-control:focus{
	color:#022859;
	background-color: transparent;
	border-color:#022859;
	box-shadow:none;
}

#ContactenosMobileTop .form-select{
	color:#022859;
	background-color:white;
	margin-bottom: 8px;
	border: 1px solid #022859;
	background-image:url('../images/Iconos/chevron-down-azul.svg');
	background-size:24px 24px;
	box-shadow:none;
	border-radius:3px;
}

#ContactenosMobileTop .relative-container{
	width:1px;
	height:1px;
	position:relative;
}

#ContactenosMobileTop .checkbox-pic{
	width:24px;
	height:24px;
	position:absolute;
	left:-21px;
	top:7px;
}

#ContactenosMobileTop label.form-check-label{
	padding-left:21px;
	font-size:13px;
	line-height:16px;
	width:100%;
	height:50px;
	color:#022859;
}

#ContactenosMobileTop textarea{
	height:121px;
}

/*** logras ************************************************************************/

.home-logras{
	margin-top: 110px;
}

.home-logras p.texto-parrafo-gigante-azul{
	margin-bottom:38px;
}

.logras-pic{
	width:224px;
	height:138px;
	margin-bottom:24px;
}

.logras-item{
	width:272px;
	height:initial;
	padding:24px;
	border-radius:20px;
	margin:0px auto 8px;
}

.logras-item:hover{
	background-color:transparent;
	color:white;
}

.logras-item-titulo{
	font-size:16px;
	font-weight:600;
	line-height:24px;
}

	/*** empresas *****************************************************************/
	/*
	#home-empresas-contenedor-izquierda{
		order: 2;
	}
	
	#home-empresas-contenedor-derecha{
		order: 1;
	}
	*/
	.home-empresas{
		margin-top: 82px;
	}
	
	.home-contenedor-empresas{
		text-align: center;
	}
	
	#pic-empresas-carvajal{
		float: none;
		position: static;
		margin: 80px 0px 0px 0px;
		width: 209px;
		height: 378px;
	}
	
	.home-empresas p.texto-bold-blanco{
		width: 100%;
		margin-top: 5px;
	}
	
	.home-empresas p.texto-pre-bold-blanco{
		margin-top: 71px;
	}
	
	.texto-bold-blanco {
	  font-size:16px;
	  font-weight:700;
	  color: white;
	  line-height: 24px;
	}
	
	.home-empresas p.texto-bold-blanco{
		width: 100%;
		margin-top: 5px;
		height: 45px;
	}
	
	.home-empresas p.texto-parrafo-blanco{
		width: 100%;
		margin-top: 20px;
		height: 92px;
	}
	
	#boton-empresas{
		display: none;
	}
	
	#boton-empresas-movil{
		display: block;
		margin-top: 24px;
		margin-bottom: 52px;
	}
	
.home-empresas p.texto-parrafo-gigante-azul {
    margin-bottom: 30px;
}

.home-empresas p.texto-pre-bold-azul {
    margin-top: 24px;
}

.home-empresas p.texto-parrafo-azul{
	width: 100%;
}	
	
.youtubevideo{
	width:100%;
	height:189px;
}
	
	/*** educacion *****************************************************************/
	#home-educacion-contenedor-izquierda{order: 2;}
	#home-educacion-contenedor-derecha{order: 1;}
	
	.home-educacion{
		margin-top: 0px;
	}
	
	.home-contenedor-educacion-boton{
		float:none;
		width: 100%;
	}
	
	.home-contenedor-educacion{
		text-align: center;
	}
	
	#pic-educacion-bolivar{
		float: none;
		position: static;
		margin: 80px 0px 0px 0px;
		width: 209px;
		height: 366px;
	}
	
	#boton-educacion{
		display: none;
	}
	
	#boton-educacion-movil {
		display: block;
		margin-top: 24px;
	}

	.home-educacion p.texto-pre-bold-azul{
		margin-top: 24px;
	}
	
	.texto-bold-azul {
	  font-size:16px;
	  font-weight:700;
	  color: #022859;
	  line-height:24px;
	}

	.home-educacion p.texto-bold-azul{
		width: 100%;
		height:45px;
		margin-top: 5px;
	}

	.home-educacion p.texto-parrafo-azul{
		width: 100%;
		height: 70px;
		margin-top: 20px;
	}
	
	/*** familia *****************************************************************/
	
	.home-familia{
		margin-top: 70px;
	}
	
	.home-familia p.texto-parrafo-gigante-azul{
		margin-bottom: 20px;
	}

	.texto-parrafo-gigante-azul{
	  font-size:20px;
	  font-weight:600;
	  color: #022859;
	  line-height: 26px;
	}
	
	.home-familia-pic-container-mobile{
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
	}
	
	.home-familia-pic-mobile{
		width:50%;
		height:47px;
		display:flex;
		flex-flow: row nowrap;
		align-items:center;
		justify-content:center;
		border: 1px solid #A7B4BF;
		border-radius:9px;
		margin:8px 4px 0px;
		padding:0px;
		text-align:center;
		background-color:transparent;
	}
	
	.home-familia-mockup-mobile{
		text-align:center;
		margin-top:6px;
	}
	
	.borde-verde{
		border-color:#00E6C9;
	}
	
	
	/*** paises *****************************************************************/
	
	.paises{
		margin-top: 96px;
	}
	
	.pais-item{
		display: none;
	}
	
	#pic-paises-mobile{
		display:block;
	}
	
	/*** cotiza *****************************************************************/
	
	.home-cotiza{
		margin-top: 88px;
	}
	
	.cotiza-content{
		justify-content: flex-start;
	}
	
	.home-cotiza p.texto-parrafo-gigante-azul{
		width: 100%;
		height: 129px;
		text-align: left;
	}
		
	.home-cotiza p.texto-pre-parrafo-azul-cotiza{
		margin-top: 24px;
		height: 48px;
		text-align: left;
		width: 100%;
	}
	
	.home-cotiza p.texto-parrafo-azul-cotiza{
		width: 100%;
		height: 105px;
		text-align: left;
		margin-bottom: 32px;
	}
	
	.texto-pre-parrafo-azul-cotiza{
	  font-size:16px;
	  font-weight:500;
	  color: #022859;
	  line-height: 24px;
	}
	
	.texto-parrafo-azul-cotiza{
	  font-size:16px;
	  font-weight:400;
	  color: #022859;
	  line-height: 24px;
	}
	
	#boton-cotiza{
		display: none;
	}
	
	#boton-cotiza-movil{
		display: block;
		align-self: flex-start;
	}
	
	.home-cotiza .cotiza-content a{
		width:100%;
	}
	
	/*** contacto ***********************************************************************/

	.contacto{
		margin-top: 164px;
	}
	
	.texto-verde-grande{
	  font-size:18px;
	  font-weight:600;
	  color: #00E6C9;
	  line-height: 24px;
	  margin-top: 0px;
	  margin-bottom: 27px;
	}
	
	#contactoPic{
		float:none;
		display:block;
		margin-bottom:32px;
		width:48px;
		height:34px;
	}
	
	.texto-parrafo-blanco-contacto {
	  font-size:16px;
	  font-weight:600;
	  color: white;
	  line-height: 24px;
	  margin-bottom: 12px;
	}
	
	.contacto-foot{
		display:none;
	}
	
	.contacto-foot-mobile{
		display: block;
		width:100%;
		text-align:left;
	}

	.contacto-foot-mobile p.texto-parrafo-blanco-contacto{
	  margin: 27px 0px 12px;
	  font-size:16px;
	  font-weight:600;
	  color: white;
	  line-height: 24px;
	}
		
	#contacto-instagram-pic{
		margin-left: 0px;
		margin-right: 17px;
	}
	
	.contacto-linea{
		margin-top:47px;
	}
	
	.footer-base-container{
		display: block;
		width:100%;
	}
	
	.contacto-foot-izquierda{
	  display: block;
	  width:100%;
	  text-align: center;
	  font-size: 14px;
	  font-weight: 500;
	  color: white;
	  line-height: 26px;
	  margin-top: 14px;
	  margin-bottom: 0px;
	}

	.contacto-foot-derecha{
	  display: block;
	  width:100%;
	  text-align: center;
	  font-size: 14px;
	  font-weight: 500;
	  color: white;
	  line-height: 26px;
	  margin-top: 0px;
	  margin-bottom: 30px;
	}
	
	
	
	
	#boton-hablemos-form-movil{
		display:block;
		margin-bottom:25px;
		margin-top:15px;
	}
	
	#boton-enviar-form{
		margin-top: 44px;
		display:none;
	}

	.boton-enviar-form-movil{
		display:block;
		width:100%;
		height:54px;
		font-size:18px;
		font-weight:500;
		line-height:30px;
		display:flex;
		flex-flow: row nowrap;
		align-items:center;
		justify-content:center;
		border: 2px solid #00E6C9;
		border-radius:16px;
		color:#00E6C9;
		margin:0px auto;
		padding:0px;
		text-align:left;
		background-color:transparent;
	}
	
	.boton-enviar-form-movil:hover{
		background-color:#00E6C9;
		color:white;
	}
	
	.contacto-icon-boton-enviar{
		margin-left:20px;
		width:24px;
		height:24px;
	}
	
	.boton-hablemos-form-movil{
		display:block;
		width:100%;
		height:54px;
		font-size:18px;
		font-weight:500;
		line-height:30px;
		display:flex;
		flex-flow: row nowrap;
		align-items:center;
		justify-content:center;
		border: 2px solid #00E6C9;
		border-radius:16px;
		color:#00E6C9;
		margin:15px auto 25px;
		padding:0px;
		text-align:left;
		background-color:transparent;
	}
	
	.contacto-icon-boton-hablemos{
		margin-left:15px;
		width:16px;
		height:16px;
	}
	
	#contenedor-form-contacto{
		text-align:center;
	}
	
	.contacto-derecha p.texto-verde-grande{
		display:none;
	}
	
	#contacto-form-abajo{
		/*display:none;*/
	}
	
.contacto .checkbox-pic{
	left:-28px;
	top:4px;
}

.contacto label.form-check-label{
	padding-left:24px;
	text-align:left;
}

.form-control{
	margin-bottom:8px;
}

.form-select{
	margin-bottom:8px;
}


	
/*********************************************************************************************************
*** Nosotros *********************************************************************************************
**********************************************************************************************************/
	
/*** somos ************************************************************************/

	.nosotros-somos{
		margin-top: 120px;
	}
	
	.nosotros-somos .flex-column{
		/*display:block;*/
		align-items: center;
		height:772px;
	}
	
	#foto-nosotros{
		display:none;
	}
	
	#foto-nosotros-movil{
		display:block;
		position:static;
		margin:0px auto;
	}
	
	.nosotros-somos .titulo-principal{
		height:initial;
		margin:17px 0px 10px;
	}
	
	.nosotros-somos .titulo-principal h1{
		height:initial;
	}
	
	.nosotros-somos .texto-parrafo-azul p {
		width: 100%;
		height:initial;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		margin: 0px 0px;
	}

	.nosotros-somos .parrafo-general{
	  width:100%;
	  height:72px;
	  margin-top:17px;
	}

	.nosotros-somos .parrafo-general p{
		font-weight:400;
	}
	
/*** figuras ************************************************************************/
	
	.nosotros-figuras{
		margin-top:77px;
	}
		
	.nosotros-figuras p.texto-parrafo-gigante-blanco {
		width:100%;
		height:155px;
		text-align:center;
		margin:0px auto 8px ;
		font-size: 20px;
		line-height: 26px;
	}

	.nosotros-figuras-container{
		display:flex;
		flex-flow: column wrap;
		align-items: flex-start;
		justify-content:inherit;
		width:100%;
		height:1100px;
		margin:0px auto 0px;
	}

	.nosotros-figura-item{
		width:100%;
		min-height:208px;
		margin:48px auto 0px;
	}

	.nosotros-figuras p.texto-parrafo-bold-blanco{
		margin:15px 0px 15px;
		font-size: 16px;
		font-weight: 700;
	}

/*** comunicacion ************************************************************************/

.nosotros-comunicacion{
	margin-top: 60px;
}

#pic-nosotros-colombina{
	display:none;
}

#pic-nosotros-colombina-movil{
	display: block;
	margin: 0px auto;
}

.nosotros-comunicacion p.texto-pre-bold-azul{
	margin: 53px 0px 14px;
}

.nosotros-comunicacion p.texto-parrafo-azul span{
	font-weight:500;
}

.nosotros-comunicacion p.texto-parrafo-azul{
	margin: 29px 0px 0px;
}

/*** porque ************************************************************************/

.nosotros-porque{
	margin-top: 118px;
}

.nosotros-porque p.texto-parrafo-gigante-azul{
	height:75px;
}

.nosotros-porque .nosotros-porque-titulo p.texto-parrafo-azul-18-600-30{
	text-align:left;
	height:125px;
	width:100%;
	margin:0px auto 24px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.nosotros-fila-porque{
	display:flex;
	flex-flow: column wrap;
	justify-content:inherit;
	align-items: flex-start;
}

.nosotros-porque-item{
	position:relative;
	width:100%;
	margin-bottom:16px;
}

.nosotrosIconosPic{
	position:absolute;
	top:4px;
	left:0px;
	width:24px;
	height:24px;
}

.nosotros-porque-item p{
	margin:0px 0px 0px 40px;
}

.nosotros-porque .nosotros-porque-item p.texto-parrafo-azul-18-600-30{
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

/*** numeros ************************************************************************/

.numeros{
	margin-top: 64px;
}

.fila-numeros{
	display: flex;
	flex-flow: column wrap;
	justify-content: inherit;
	align-items: flex-start;
}

.numeros-item{
	position:relative;
	width: 100%;
	height: 68px;
	display: block;
	text-align:center;
	margin:0px 0px 28px;
}

.texto-verde-36-600-50{
  font-size:20px;
  font-weight:600;
  color: #00E6C9;
  line-height:26px;
}

.numerosPic{
	display:none;
}

/*** lugar ************************************************************************/

.nosotros-lugar{
	margin-top: 92px;
}

.nosotros-lugar-content{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

.nosotros-lugar p.texto-parrafo-azul-18-400-30{
	margin: 40px 0px 30px;
	width:100%;
	text-align: left;
	font-size:16px;
	line-height: 24px;
}


.nosotros-lugar p.texto-parrafo-azul-18-600-30{
	margin: 0px;
	width:100%;
	text-align: left;
	font-size:16px;
	font-weight:500;
	line-height: 24px;
}



/*********************************************************************************************************
*** Empresas *********************************************************************************************
**********************************************************************************************************/

/*** como ************************************************************************/

.empresas-como{
	margin-top:146px;
}

.empresas-como-container{
	display:block;
	text-align:center;
	width:100%;
	height:357px;
}

.titulo-verde-empresas-educacion{
  font-size:24px;
  line-height:30px;
  font-weight:700;
  color:#00E6C9;
}

p.titulo-verde-empresas-educacion{
  margin:0px 0px 14px;
  width:100%;
  text-align:left;
  float:left;
  left:0px;
}

#imagen-empresas-como {
	position: static;
	margin:0px auto 32px;
	width:193px;
	height:31px;
}

.empresas-como .texto-parrafo-azul{
  width: 100%;
  height: 192px;
  margin:0px auto 32px;
}

.empresas-como .texto-parrafo-azul p{
  font-size:16px;
  font-weight:400;
  line-height:24px;
  margin:0px auto 32px;
  text-align:left;
}

.empresas-como span.texto-parrafo-azul-18-600-30{
  font-size:16px;
  font-weight:600;
  line-height:24px;
}

#empresas-boton-como-funciona{
	width:100%;
	height:54px;
	font-size:18px;
	font-weight:500;
	line-height:30px;
	text-decoration:none;
	display:flex;
	flex-flow: row nowrap;
	align-items:center;
	justify-content:center;
	border: 2px solid #022859;
	border-radius:16px;
	color:#022859;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background-color:transparent;
}

#empresas-boton-como-funciona:hover{
	background-color:#022859;
	color:white;
}

#empresas-icon-boton-como-funciona{
	margin-left:12px;
	width:24px;
	height:24px;
}



/*** transforma ************************************************************************/

.empresas-transforma{
	margin-top: 129px;
}

.empresas-transforma p.texto-parrafo-gigante-blanco{
	width:100%;
	height:112px;
	text-align:center;
	margin:0px auto 24px;
	font-size:20px;
	line-height:26px;
}

.empresas-transforma-container{
	display:flex;
	flex-flow: column wrap;
	justify-content:center;
	align-items: center;
	width:100%;
	height:initial;
	margin:0px auto;
	min-height:520px;
}

.empresas-transforma-item{
	height:initial;
	width:100%;
	min-height:48px;
	margin:0px 0px 8px;
	border: 1px solid #00E6C9;
	padding:16px 18px;
	border-radius: 24px;
	text-align:center;
  font-size:14px;
  font-weight:500;
  line-height:16px;
}

.botonMorado{
	color:#AE86D6;
	border-color:#AE86D6;
}

.botonNaranja{
	color:#F28883;
	border-color:#F28883;
}

.botonAzul{
	color:#00B8F2;
	border-color:#00B8F2;
}


/*** descubre ************************************************************************/

.empresas-descubre{
	margin-top: 104px;
}

#empresas-descubre-contenedor-izquierda{
	display:flex;
	justify-content:center;
	align-items: center;
}

#pic-empresas-descubre-movil{
	margin:0px;
	display:block;
	width:206px;
	height:383px;
}

#empresas-descubre-contenedor-derecha{
	margin-top:48px;
}

.empresas-descubre p.texto-parrafo-gigante-azul{
	text-align:center;
	margin:0px auto 45px;
	width:100%;
	height:84px;
}

.empresas-descubre p.texto-parrafo-azul{
	margin: 8px 0px 24px;
}


/*** incluidos ************************************************************************/

.empresas-incluidos{
	margin-top: 0px;
}

.empresas-incluidos p.texto-parrafo-gigante-azul{
	height:initial;
	width:100%;
	padding-top:0px;
	margin-bottom:8px;
	text-align:left;
	font-size:16px;
	font-weight:700;
	line-height:24px;
}

.empresas-incluidos-botones{
	display:flex;
	flex-flow: column wrap;
	justify-content:center;
	align-items:center;
	height:initial;
	margin-top:24px;
}

.empresas-incluidos-botones p{
	margin:16px 0px 24px;
}

.boton-modulos-incluidos{
	width:100%;
	height:66px;
	font-size:14px;
	font-weight:500;
	line-height:16px;
	display:flex;
	flex-flow: row nowrap;
	align-items:center;
	justify-content:flex-start;
	border: 1px solid #AE86D6;
	border-radius:14px;
	color:#022859;
	margin:0px 0px 8px;
	padding:14px 20px;
	text-align:left;
	background-color:transparent;
}

.boton-modulos-incluidos2{
	width:100%;
	height:66px;
	font-size:14px;
	font-weight:500;
	line-height:16px;
	display:flex;
	flex-flow: row nowrap;
	align-items:center;
	justify-content:flex-start;
	border: 1px solid #AE86D6;
	border-radius:14px;
	color:#022859;
	margin:0px 0px 8px;
	padding:14px 20px;
	text-align:left;
	background-color:#AE86D6;
	pointer-events:none;
}


/*** plus ************************************************************************/

.empresas-plus{
	margin-top: 16px;
}

.empresas-plus p.texto-parrafo-gigante-azul{
	text-align:left;
	height:initial;
	padding-top:0px;
	margin-bottom:8px;
	text-align:left;
	font-size:16px;
	font-weight:700;
	line-height:24px;
}

.empresas-plus-botones{
	display:flex;
	flex-flow: column wrap;
	justify-content:center;
	align-items:center;
	height:initial;
	margin-top:24px;
}

.empresas-plus-botones p{
	margin:16px 0px 24px;
}

.boton-modulos-plus{
	width:100%;
	height:66px;
	font-size:14px;
	font-weight:500;
	line-height:16px;
	display:flex;
	flex-flow: row nowrap;
	align-items:center;
	justify-content:flex-start;
	border: 1px solid #F28883;
	border-radius:14px;
	color:#022859;
	margin:0px 0px 8px;
	padding:14px 20px;
	text-align:left;
	background-color:transparent;
}

.boton-modulos-plus2{
	width:100%;
	height:66px;
	font-size:14px;
	font-weight:500;
	line-height:16px;
	display:flex;
	flex-flow: row nowrap;
	align-items:center;
	justify-content:flex-start;
	border: 1px solid #F28883;
	border-radius:14px;
	color:#022859;
	margin:0px 0px 8px;
	padding:14px 20px;
	text-align:left;
	background-color:#F28883;
	pointer-events:none;
}

/*** mas ************************************************************************/

.empresas-mas{
	margin-top: 145px;
}

.empresas-mas p.texto-parrafo-azul-18-400-30{
	margin: 24px 0px 0px;
	padding:0px;
	width:100%;
	text-align:left;
	font-size:16px;
	line-height:24px;
}

#padding30{
	padding-left:0px;
	padding-right:0px;
}

.empresas-mas span.texto-parrafo-azul-18-600-30{
	font-size:16px;
	font-weight:500;
	line-height:24px;
}

.empresas-mas .empresas-mas-content a{
	width:100%;
}

.boton-cotiza{
	width:100%;
	height:54px;
	font-size:18px;
}

.icon-flecha-derecha{
	margin-left:12px;
	width:24px;
	height:24px;
}

.empresas-mas .boton-cotiza{
	margin-top:38px;
}


/*********************************************************************************************************
*** Educacion ********************************************************************************************
**********************************************************************************************************/

/*** como ************************************************************************/

.educacion-como{
	margin-top:146px;
}

.educacion-como-container{
	height:357px;
}

#imagen-educacion-como {
	position: static;
	margin:0px auto 32px;
	width:193px;
	height:30px;
}

.educacion-como .texto-parrafo-azul{
  width: 100%;
  height: 216px;
  margin:0px auto 32px;
}

.educacion-como .texto-parrafo-azul p{
  font-size:16px;
  font-weight:400;
  line-height:24px;
  margin:0px auto 32px;
  text-align:left;
}

.educacion-como span.texto-parrafo-azul-18-600-30{
  font-size:16px;
  font-weight:600;
  line-height:24px;
}

/*** transforma ************************************************************************/

.educacion-transforma{
	margin-top: 106px;
}

.educacion-transforma p.texto-parrafo-gigante-blanco{
	width:100%;
	height:112px;
	text-align:center;
	margin:0px auto 24px;
	font-size:20px;
	line-height:26px;
}

.educacion-transforma p.texto-blanco-18-400-30{
	width:100%;
	margin:0px auto 50px;
}

.educacion-transforma p.texto-blanco-18-600-30{
  font-size:16px;
  font-weight:500;
  line-height:24px;
}

#educacion-transforma-parra2{
	width:100%;
}

.educacion-transforma-container{
	display:flex;
	flex-flow: column wrap;
	justify-content:center;
	align-items:center;
	width:100%;
	height:initial;
	margin:6px auto 0px;
}

.educacion-transforma-item{
	width:168px;
	height:152px;
	margin:0px auto 40px;
	text-align:center;
}

/*** descubre ************************************************************************/

.educacion-descubre{
	margin-top: 104px;
}

#educacion-descubre-contenedor-izquierda{
	display:flex;
	justify-content:center;
	align-items: center;
}

#pic-educacion-descubre-movil{
	margin:0px;
	display:block;
	width:209px;
	height:385px;
}

#educacion-descubre-contenedor-derecha{
	margin-top:45px;
}

.educacion-descubre p.texto-parrafo-gigante-azul{
	text-align:center;
	margin:0px auto 45px;
	width:100%;
	height:84px;
}

.educacion-descubre p.texto-parrafo-azul{
	margin: 8px 0px 24px;
}


/*** incluidos ************************************************************************/

.educacion-incluidos{
	margin-top:0px;
}

.educacion-incluidos p.texto-parrafo-gigante-azul{
	height:initial;
	width:100%;
	padding-top:0px;
	margin-bottom:8px;
	text-align:left;
	font-size:16px;
	font-weight:700;
	line-height:24px;
}

.educacion-incluidos-botones{
	display:flex;
	flex-flow: column wrap;
	justify-content:center;
	align-items:center;
	height:initial;
	margin-top:24px;
}

.educacion-incluidos-info{
	display:flex;
	flex-flow: row wrap;
	align-items: center;
}

.educacion-incluidos-botones p{
	margin:16px 0px 24px;
}

/*** plus ************************************************************************/

.educacion-plus{
	margin-top:16px;
}

.educacion-plus p.texto-parrafo-gigante-azul{
	text-align:left;
	height:initial;
	padding-top:0px;
	margin-bottom:8px;
	text-align:left;
	font-size:16px;
	font-weight:700;
	line-height:24px;
}

.educacion-plus-botones{
	display:flex;
	flex-flow: column wrap;
	justify-content:center;
	align-items:center;
	height:initial;
	margin-top:24px;
}

.educacion-plus-botones p{
	margin:16px 0px 24px;
}


/*********************************************************************************************************
*** Testimonios ******************************************************************************************
**********************************************************************************************************/

/*** slider ************************************************************************/

.testimonios-slider{
	margin: 96px 0px 0px;
}

.testimonios-slider p.texto-parrafo-gigante-azul{
	width:100%;
}

#connectoSlider{
	width:100%;
	height:initial;
	min-height:607px;
	margin:24px auto 0px;
	border: 2px solid #022859;
}

.testimonios-video{
	width:100%;
	position:static;
	display:block;
	margin:0px auto;
	padding:0px;
	right:initial;
	top:initial;
}

.carousel-control-next{
	right:30%;
	bottom:-60px;
	border-color:#022859;
}

.carousel-control-prev{
	left:30%;
	bottom:-60px;
	border-color:#022859;
}

.carousel-control-next:hover, .carousel-control-prev:hover{
	background-color:transparent;
}

.texto-azul-14-500-20{
  font-size:14px;
  font-weight:500;
  color: #022859;
  line-height: 20px;
}

.testimonios-info{
	width:100%;
	height:100%;
	display:flex;
	flex-flow:column wrap;
	align-content:center;
	align-items:center;
}

p.testimonios-nombre{
	width:100%;
	height:84px;
	margin:46px 0px 63px;
	text-align:center;
	font-size:14px;
	line-height:16px;
	padding:0px 24px;
}

.testimonios-info p.testimonios-nombre span{
  font-size:16px;
  font-weight:700;
  line-height: 24px;
}

p.testimonios-testimonio{
  font-size:14px;
  font-weight:500;
  line-height:16px;
  width:100%;
  height:initial;
  text-align:center;
  margin:20px auto 0px;
  padding:0px 30px;
}

p.testimonios-comilla-arriba {
  font-size:54px;
  font-weight:500;
  line-height: 20px;
  width:272px;
  height:1px;
  text-align:center;
  margin:0px auto 20px;
}

p.testimonios-comilla-abajo {
  font-size:54px;
  font-weight:500;
  line-height: 20px;
  width:272px;
  height:54px;
  text-align:center;
  margin:0px auto 0px;
  position:relative;
  bottom:-50px;
  z-index:500;
}


/*********************************************************************************************************
*** Politica *********************************************************************************************
**********************************************************************************************************/

/*** politica ************************************************************************/

.politica{
	margin:98px 0px 50px 0px;
}

.texto-azul-48-600-62{
  font-size:20px;
  font-weight:600;
  line-height:26px;
  width:100%;
}

.texto-azul-16-400-30{
  font-size:16px;
  font-weight:400;
  color: #022859;
  line-height:24px;
}

#politica-encabezado{
	width:100%;
	margin:34px 0px 70px;
}

.politica span{
	font-weight:600;
}

ol.lista-politica li{
	list-style:initial;
	list-style-type: decimal;
}

ol.lista-politica{
	list-style-type: decimal;
}

#privacidad-encabezado{
	width:100%;
	margin:20px 0px;
	text-align:left;
}



/***********************************************************************/
	
.desktopOnly{display:none;}
.mobileOnly{display:initial;}
.colorAzulClaro{color:#00B8F2;}