/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:18px;
  color:#022859;
  line-height:28px;
  font-weight:400;
  background:#ffffff;
  font-family: Montserrat, sans-serif;
  /*background-size:cover;*/
  -webkit-font-smoothing: antialiased;
}

@media (min-width:1120px) {
  .container {
    max-width: 1120px;
    padding: 0px 15px;
  }
}

.large-container{
  max-width: 1550px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}

.auto-container{
  position:static;
  max-width:1120px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 300px;
  z-index: 1;
}

#footBgHelper{
	position:absolute;
	width:100%;
	height:600px;
	bottom:0px;
	background-color:#022859;
	visibility:hidden;
	z-index:-10000;
}

a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
  color: #00E6C9;
}

input,button,select,textarea{
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 16px;
  background: transparent;
}

::-webkit-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: Montserrat, sans-serif;
  color: #022859;
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  color: #022859;
  margin: 0px;
  transition: all 500ms ease;
}

.dispNone{
	display: none;
}

.dispInherit{
	display: inherit;
}

.clickImgFamilia{
	cursor: pointer;
}

.linkImgFamilia{
	cursor: pointer;
}

#familia-acordion{
	cursor: pointer;
}

.mobileOnly{
	display:none;
}
/*
  transition-duration: 0.4s;
  cursor: pointer;
*/

/** main-header **************************************************************/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  right: 0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  
  position: relative;
  background: #fff;
  margin: 65px 0px 100px;
}

.header-top-three{
  position: relative;
}

.header-top-three .top-inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-top-three .logo-box{
  position: relative;
  padding: 0px 0px;
}

.logo img{
	width: 200px;
	border:none;
}

.nav-item{
	padding-left: 5px;
	padding-right: 5px;
}

.nav-link{
	color:#022859;
	font-size:18px;
	font-weight:500;
}

a.nav-link:hover{
	color:#00E6C9;
}

.desktop-current{
	color:#00E6C9;
}

.mobile-toggler{
	display: none;
}

/*********************************************************************************************************
*** Inicio ***********************************************************************************************
**********************************************************************************************************/

/*** connecta ************************************************************************/

.home-connecta{
	margin-top: 2px;
}

.titulo-principal{
	width: 600px;
}

.titulo-principal h1{
  font-size:40px;
  font-weight:600;
}

.parrafo-general{
	width: 577px;
	margin-top: 35px;
}

.parrafo-general p{
  font-size:18px;
  font-weight:600
}

.home-connecta .div-boton-connecta{
	margin-top: 40px;
}

#boton-connecta{
	width: 192px;
}

.div-foto-chica-home{
	min-height: 5px;
	position: relative;
}

#foto-chica-home {
	position: absolute;
	right: 0px;
	top: -340px;
	z-index: -10;
}

.div-video-mockup-home{
	min-height:5px;
	position:relative;
}

#video-mockup-home {
	/*width:372px;
	height:383px;*/
	width:520px;
	height:535px;
	position: absolute;
	right: 0px;
	top: -520px;
	z-index: -10;
}

/*** mobile menu *********************************************************************/

.offcanvas.offcanvas-top{
	background-color: #00E6C9;
	min-height: 568px;
}

.mobile-menu-link{
  color: #022859;
  font-size:18px;
  font-weight:400;
  line-height: 30px;
}

a.mobile-menu-link:hover{
	color: #022859;
}

.mobile-current{
	font-weight:600;
}

.offcanvas .offcanvas-body{
	display:flex;
	flex-flow:column wrap;
	justify-content:center;
	align-content:flex-start;
	align-items:flex-start;
}

#mobile-menu-container{
	/*margin: 72px 24px 0px 40px;*/
	margin:0px 0px 0px 56px;
	width:140px;
}

#mobile-menu-container p{
	margin-bottom: 12px;
}

#mobile-menu-logo{
	width: 130px;
	margin-top: 86px;
}

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

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

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

.logras-connecto{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.logras-item{
	width:267px;
	height:452px;
	padding:24px;
	border:3px solid #00E6C9;
	border-radius:16px;
	background-color:transparent;
	color:white;
	margin:0px 4px 8px;
}
.logras-item p{color:inherit;}

.logras-item:hover{
	background-color:#00E6C9;
	color:#022859;
}

.logras-pic{
	width:219px;
	height:174px;
	margin-bottom:24px;
}

.logras-item-titulo{
	font-size:18px;
	font-weight:600;
	line-height:30px;
	margin-bottom:8px;
}

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


/*** empresas ************************************************************************/

.home-empresas{
	margin-top: 168px;
}

.home-empresas p.texto-parrafo-gigante-azul{margin-bottom:124px;}

.home-contenedor-empresas{
	position: relative;
}

#pic-empresas-carvajal{
	float: right;
	margin-right: 25px;
}

#figura-home-empresas-carvajal{
	position: absolute;
	right: 215px;
	top: 445px;
	z-index: -10;
}

#boton-empresas {
	width: 269px;
}

.texto-pre-bold-blanco {
  font-size:16px;
  font-weight:500;
  color: white;
  line-height: 24px;
}

.home-empresas p.texto-pre-bold-blanco{
	margin-top: 40px;
}

.verde-connecto {
	color: #00E6C9;
}

.texto-bold-blanco {
  font-size:20px;
  font-weight:700;
  color: white;
  line-height: 32px;
}

.home-empresas p.texto-bold-blanco{
	width: 320px;
	margin-top: 5px;
}

.texto-parrafo-blanco {
  font-size:16px;
  font-weight:400;
  color: white;
  line-height: 24px;
}

.home-empresas p.texto-parrafo-blanco{
	width: 332px;
	margin-top: 20px;
}

.home-empresas #boton-empresas{
	margin-top: 40px;
}

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

.home-empresas p.texto-parrafo-azul{
	width:332px;
	margin-top: 20px;
}

.youtubevideo{
	width:658px;
	height:367px;
}


/*** educacion ***********************************************************************/
.home-educacion{
	margin-top: 129px;
}

.home-contenedor-educacion-boton{
	float:right;
}

.home-contenedor-educacion{
	position: relative;
}

#pic-educacion-bolivar{
	float: left;
	margin-left: 25px;
}

#boton-educacion {
	width: 269px;
	margin-top: 40px;
}

.texto-pre-bold-azul {
  font-size:16px;
  font-weight:500;
  color: #022859;
  line-height: 24px;
}

.home-educacion p.texto-pre-bold-azul{
	margin-top: 45px;
}

.azul-claro-connecto {
	color: #00B8F2;
}

.texto-bold-azul {
  font-size:20px;
  font-weight:700;
  color: #022859;
  line-height: 32px;
}

.home-educacion p.texto-bold-azul{
	width: 320px;
	margin-top: 5px;
}

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

.home-educacion p.texto-parrafo-azul{
	width: 365px;
	margin-top: 20px;
}


/*** familia ***********************************************************************/

.home-familia{
	margin-top: 204px;
}

.home-familia p.texto-parrafo-gigante-azul{
	margin-bottom: 50px;
}

.texto-parrafo-gigante-azul{
  font-size:36px;
  font-weight:600;
  color: #022859;
  line-height: 50px;
}

#divisorPicsFamilia{
	height: 50px;
	width: 100%;
}

.familia-pics{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.home-familia-pic{
	margin-top: 16px;
	width: 206px;
	height: 60px;
}

.home-familia-pic-big{
	margin-top: 10px;
	width: 261px;
	height: 60px;
}

.home-familia-pic-container-static{
	position: static;
}

.home-familia-pic-container-relative{
	position: relative;
}

.home-familia-mockup{
	position: absolute;
	width: 258px;
	height: 492px;
	top: 76px;
	left: -26px;
	visibility: hidden;
	z-index:1000;
}

.home-familia-mockup-big{
	position: absolute;
	width: 258px;
	height: 492px;
	top: 73px;
	left: 2px;
	visibility: hidden;
	z-index:1000;
}

/*** paises ***********************************************************************/

.paises{
	margin-top: 105px;
}

.fila-paises{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.pais-item{
	width: 150px;
	height: 100px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

.texto-paises{
  font-size:16px;
  font-weight:500;
  color: #022859;
  line-height: 24px;
  margin-top:20px;
}

/*** cotiza ***********************************************************************/

.home-cotiza{
	margin-top: 150px;
}

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

.home-cotiza p.texto-pre-parrafo-azul-cotiza{
	margin-top: 47px;
}

.home-cotiza p.texto-parrafo-gigante-azul{
	width: 793px;
	text-align: center;
}

.home-cotiza p.texto-parrafo-azul-cotiza{
	width: 549px;
	text-align: center;
	margin-bottom: 60px;
}

.texto-pre-parrafo-azul-cotiza{
  font-size:18px;
  font-weight:600;
  color: #022859;
  line-height: 30px;
}

.texto-parrafo-azul-cotiza{
  font-size:18px;
  font-weight:400;
  color: #022859;
  line-height: 30px;
}

/*** contacto ***********************************************************************/

.contacto{
	margin-top: 236px;
}

.texto-verde-grande{
  font-size:36px;
  font-weight:600;
  color: #00E6C9;
  line-height: 50px;
  margin-top: 96px;
  margin-bottom: 111px;
}

#contactoPic{
	float:left;
	margin-bottom:105px;
	margin-right:105px;
}

.texto-parrafo-blanco-contacto {
  font-size:20px;
  font-weight:600;
  color: white;
  line-height: 24px;
  margin-bottom: 24px;
}

.contacto-foot p.texto-parrafo-blanco-contacto{
	margin-top: 133px;
	margin-left: 192px;
	margin-bottom: 32px;
}

#contacto-instagram-pic{
	margin-left: 192px;
	margin-right: 22px;
}

.contacto-linea{
	height:2px;
	background-color:#00E6C9;
	margin-top:183px;
}

.footer-base-container{
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
.contacto-foot-izquierda{
  display: inline;
  font-size: 16px;
  font-weight: 500;
  color: white;
  line-height: 24px;
  margin-top: 23px;
  margin-bottom: 52px;
}

.contacto-foot-derecha{
  display: inline;
  font-size: 16px;
  font-weight: 500;
  color: white;
  line-height: 24px;
  margin-top: 23px;
  margin-bottom: 52px;
}

.contacto-foot-derecha a{
	color: white;
}

.contacto-foot-derecha a:hover{
	color: #00E6C9;
}

.contacto-derecha p.texto-verde-grande{
	margin-bottom: 60px;
}

.form-control{
	color: white;
	background-color: transparent;
	margin-bottom: 16px;
	border: 1px solid white;
}

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

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

#boton-enviar-form{
	margin-top: 44px;
}

.contacto .boton-enviar-form-desktop{
	margin-top: 44px;
}

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

.contacto .checkbox-pic{
	width:24px;
	height:24px;
	position:absolute;
	left:-28px;
	top:7px;
}

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

.contacto textarea{
	height:121px;
}

::placeholder {
  color: white;
  opacity: 1; 
}

::-ms-input-placeholder { 
 color: white;
}

input::placeholder {
  color: white;
  opacity: 1; 
}

.form-control::-ms-input-placeholder {
  color: white;
  opacity: 1;
}

.form-control::placeholder {
  color: white;
  opacity: 1;
}

/*** modal contactenos desktop ************************************************************************/
#modalContactenosDesktop .modal-dialog{
	width:1094px;
	height:804px;
}

#modalContactenosDesktop .modal-header{
	border-bottom:none;
}

#modalContactenosDesktop .btn-close{
	position:absolute;
	top:82px;
	right:74px;
}

#modalContactenosDesktop .modal-body{
	margin:147px auto 82px;
	padding:0px;
}

#modalContactenosDesktop .contacto-izquierda{
	margin:0px;
}

#modalContactenosDesktop .texto-verde-grande{
	margin:0px;
	font-size:36px;
	font-weight:700;
	line-height:40px;
}

#modalContactenosDesktop #contenedor-form-contacto-modal{
	font-size:14px;
	font-weight:300;
	line-height:15px;
	color:#022859;
}

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

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

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

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

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

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

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

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

#modalContactenosDesktop textarea{
	height:121px;
}


/*********************************************************************************************************
*** Nosotros *********************************************************************************************
**********************************************************************************************************/

/*** somos ************************************************************************/

.nosotros-somos{
	margin-top: 243px;
}

.nosotros-somos .titulo-principal{
  width: 100%;
}

.nosotros-somos .texto-parrafo-azul p{
  width:500px;
  font-size:18px;
  font-weight:400;
  line-height: 30px;
  margin: 17px 0px 15px;
}

.nosotros-somos .parrafo-general{
  width:500px;
  margin-top:17px;
}

.div-foto-nosotros{
	min-height: 5px;
	position: relative;
}

#foto-nosotros {
	position: absolute;
	right: -50px;
	top: -140px;
	z-index: -10;
}

/*** figuras ************************************************************************/

.nosotros-figuras{
	margin-top: 480px;
}

.nosotros-figuras-titulo{
	width:100%;
	text-align:center;
}

.texto-parrafo-gigante-blanco{
  font-size:36px;
  font-weight:600;
  color: white;
  line-height: 50px;
}

.texto-parrafo-bold-blanco{
  font-size:20px;
  font-weight:600;
  color: white;
  line-height:24px;
}

.nosotros-figuras p.texto-parrafo-bold-blanco{
	margin:20px 0px 25px;
}

.nosotros-figuras p.texto-parrafo-gigante-blanco{
	width:875px;
	height:161px;
	text-align:center;
	margin:0px auto 93px ;
}

.nosotros-figuras-container{
	display:flex;
	flex-flow: row wrap;
	justify-content:space-between;
	width:856px;
	margin:0px auto 0px;
}

.nosotros-figura-item{
	width:386px;
	height:208px;
	margin-bottom:64px;
}

.pic-nosotros-figura{
	width:60px;
	height:60px;
}


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

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

#pic-nosotros-colombina{
	float: right;
	margin-right: 121px;
}

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

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

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

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

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

.nosotros-porque-titulo{
	text-align:center;
}

.nosotros-porque p.texto-parrafo-gigante-azul{
	text-align:center;
	height:60px;
	width:100%;
}

.nosotros-porque .nosotros-porque-titulo p.texto-parrafo-azul-18-600-30{
	text-align:center;
	height:75px;
	width:735px;
	margin:30px auto 70px;
}

.nosotros-fila-porque{
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.nosotros-porque-item{
	position:relative;
	width:493px;
	margin-bottom:38px;
}

.nosotrosIconosPic{
	position:absolute;
	top:0px;
	left:0px;
}

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

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

.numeros{
	margin-top: 210px;
}

.fila-numeros{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.numeros-item{
	position:relative;
	width: 254px;
	height: 263px;
	display: block;
	text-align:center;
	margin:0px 20px;
}

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

.numerosPic{
	position:absolute;
	bottom:0px;
	left:43px;
}


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

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

.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:536px;
	text-align: center;
}

.nosotros-lugar p.texto-parrafo-gigante-azul{
	width: 100%;
	text-align: center;
}

.nosotros-lugar p.texto-parrafo-azul-18-600-30{
	margin: 0px;
	width:536px;
	text-align: center;
}

.texto-parrafo-azul-18-600-30{
  font-size:18px;
  font-weight:600;
  color: #022859;
  line-height: 30px;
}

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


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

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

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

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

#imagen-empresas-como {
	position: static;
	margin:0px auto 48px;
}

.empresas-como .texto-parrafo-azul{
  width: 628px;
  height: 121px;
  margin:0px auto 58px;
}

.empresas-como .texto-parrafo-azul p{
  font-size:18px;
  font-weight:400;
  line-height: 30px;
  margin:0px auto 58px;
}

#empresas-boton-como-funciona{
	width:396px;
	height:74px;
	font-size:24px;
	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;
	/*background: transparent url('../images/Iconos/play-circle azul.svg') no-repeat right center;
	background-position:324px 50%;*/
}

#empresas-boton-como-funciona:hover{
	background-color:#022859;
	color:white;
	/*background-image:url('../images/Iconos/play-circle blanco.svg');*/
}

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


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

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

.empresas-transforma p.texto-parrafo-gigante-blanco{
	width:918px;
	height:99px;
	text-align:center;
	margin:0px auto 56px;
}

.empresas-transforma-container{
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
	width:970px;
	height:290px;
	margin:0px auto;
}

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

.empresas-transforma-item{
	height:62px;
	margin:0px 7px 14px;
	border: 1px solid #00E6C9;
	padding:16px 18px;
	border-radius: 25px;
}

.hoverMorado:hover{
	color:#AE86D6;
	border-color:#AE86D6;
}

.hoverNaranja:hover{
	color:#F28883;
	border-color:#F28883;
}

.hoverAzul:hover{
	color:#00B8F2;
	border-color:#00B8F2;
}


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

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

#pic-empresas-descubre{
	float: right;
	margin-right: 60px;
}

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

.empresas-descubre p.texto-parrafo-gigante-azul{
	text-align:center;
	margin:0px auto 77px;
	width:840px;
}

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

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

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

.empresas-incluidos p.texto-parrafo-gigante-azul{
	text-align:center;
	height:99px;
	width:100%;
	padding-top:30px;
	margin-bottom:56px;
}

.empresas-incluidos-botones{
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
	height:362px;
	margin:0px auto;
}

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

.boton-modulos-incluidos{
	min-width:50px;
	height:66px;
	font-size:14px;
	font-weight:500;
	line-height:31px;
	display:flex;
	flex-flow: row nowrap;
	align-items:center;
	justify-content:center;
	border: 1px solid #AE86D6;
	border-radius:14px;
	color:#022859;
	margin:0px 4px 8px;
	padding:17px 26px;
	text-align:center;
	background-color:transparent;
}

.boton-modulos-incluidos:hover{
	background-color:#AE86D6;
}

.icon-boton-modulos{
	margin-right:17px;
	width:38px;
	height:38px;
}

.boton-modulos-incluidos2{
	min-width:50px;
	height:66px;
	font-size:14px;
	font-weight:500;
	line-height:31px;
	display:flex;
	flex-flow: row nowrap;
	align-items:center;
	justify-content:center;
	border: 1px solid #AE86D6;
	border-radius:14px;
	color:#022859;
	margin:0px 4px 8px;
	padding:17px 26px;
	text-align:center;
	background-color:#AE86D6;
	pointer-events:none;
}

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

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

.empresas-plus p.texto-parrafo-gigante-azul{
	text-align:center;
	height:99px;
	width:100%;
	padding-top:30px;
	margin-bottom:56px;
}

.empresas-plus-botones{
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
	height:214px;
	margin:0px auto;
}

.empresas-plus-item{
	height:66px;
	margin:0px 4px 8px;
}

.empresas-plus-info{
	display:flex;
	flex-flow: row wrap;
	align-items: center;
}

.boton-modulos-plus{
	min-width:50px;
	height:66px;
	font-size:14px;
	font-weight:500;
	line-height:31px;
	display:flex;
	flex-flow: row nowrap;
	align-items:center;
	justify-content:center;
	border: 1px solid #F28883;
	border-radius:14px;
	color:#022859;
	margin:0px 4px 8px;
	padding:17px 26px;
	text-align:center;
	background-color:transparent;
}

.boton-modulos-plus:hover{
	background-color:#F28883;
}

.boton-modulos-plus2{
	min-width:50px;
	height:66px;
	font-size:14px;
	font-weight:500;
	line-height:31px;
	display:flex;
	flex-flow: row nowrap;
	align-items:center;
	justify-content:center;
	border: 1px solid #F28883;
	border-radius:14px;
	color:#022859;
	margin:0px 4px 8px;
	padding:17px 26px;
	text-align:center;
	background-color:#F28883;
	pointer-events:none;
}

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

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

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

.empresas-mas p.texto-parrafo-azul-18-400-30{
	margin: 40px 0px 0px;
	padding:0px;
	width:725px;
	text-align: center;
}

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

.empresas-mas p.texto-parrafo-gigante-azul{
	width: 100%;
	text-align: center;
}

.boton-cotiza{
	width:440px;
	height:62px;
	font-size:24px;
	font-weight:500;
	line-height:30px;
	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;
}

.boton-cotiza:hover{
	background-color:#022859;
	color:white;
}

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

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

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

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

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

.educacion-como-container{
	display:block;
	text-align:center;
	width:100%;
}

#imagen-educacion-como {
	position: static;
	margin:0px auto 48px;
}

.educacion-como .texto-parrafo-azul{
  width: 628px;
  height: 121px;
  margin:0px auto 58px;
}

.educacion-como .texto-parrafo-azul p{
  font-size:18px;
  font-weight:400;
  line-height: 30px;
  margin: 0px auto 58px;
}

#educacion-boton-como-funciona{
	width:396px;
	height:74px;
	font-size:24px;
	font-weight:500;
	line-height:30px;
	text-decoration:underline;
	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;
}

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

#educacion-icon-boton-como-funciona{
	margin-left:24px;
}


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

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

.texto-blanco-18-400-30{
  font-size:18px;
  font-weight:400;
  color: white;
  line-height: 30px;
}

.texto-blanco-18-600-30{
  font-size:18px;
  font-weight:600;
  color: white;
  line-height: 30px;
}

.educacion-transforma p.texto-parrafo-gigante-blanco{
	width:700px;
	height:99px;
	text-align:center;
	margin:0px auto 56px;
}

.educacion-transforma p.texto-blanco-18-400-30{
	width:844px;
	text-align:center;
	margin:0px auto 50px;
}

#educacion-transforma-parra2{
	width:600px;
}

.educacion-transforma-container{
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
	width:844px;
	height:152px;
	margin:100px auto 0px;
}

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

.pic-educacion-transforma{
	margin:0px auto 32px;
}

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

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

#pic-educacion-descubre{
	float: right;
	margin-right: 60px;
}

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

.educacion-descubre p.texto-parrafo-gigante-azul{
	text-align:center;
	margin:0px auto 77px;
	width:840px;
}

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

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

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

.educacion-incluidos p.texto-parrafo-gigante-azul{
	text-align:center;
	height:99px;
	width:100%;
	padding-top:30px;
	margin-bottom:56px;
}

.educacion-incluidos-botones{
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
	height:362px;
	margin:0px auto;
}

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


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

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

.educacion-plus p.texto-parrafo-gigante-azul{
	text-align:center;
	height:99px;
	width:100%;
	padding-top:30px;
	margin-bottom:56px;
}

.educacion-plus-botones{
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
	height:140px;
	margin:0px auto;
}

.educacion-plus-item{
	height:66px;
	margin:0px 4px 8px;
}

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


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

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

.testimonios-slider{
	margin: 133px 0px 400px;
}

.testimonios-slider p.texto-parrafo-gigante-azul{
	width:700px;
}

#connectoSlider{
	width:100%;
	height:398px;
	margin:94px auto 0px;
	border: 2px solid #022859;
}

.testimonios-video{
	width:700px;
	position:absolute;
	right:0px;
	top:0px;
}

.carousel-control-next, .carousel-control-prev{
	width:45px;
	height:45px;
	top:initial;
	bottom:-80px;
	right:initial;
	left:initial;
	opacity:1;
	transition:initial;
	border:2px solid #00E6C9;
	border-radius:12px;
}

.carousel-control-next{
	right:45%;
}

.carousel-control-prev{
	left:45%;
}

.carousel-control-next:hover, .carousel-control-prev:hover{
	background-color:#00E6C9;
}

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

.testimonios-info{
	width:371px;
	height:478px;
	display:flex;
	flex-flow:column wrap;
	align-content:space-between;
	align-items:center;
}

p.testimonios-nombre{
	width:285px;
	height:84px;
	margin:58px 0px 0px 49px;
	text-align:center;
	font-size:16px;
}

.testimonios-info p.testimonios-nombre span{
  font-size:17px;
  font-weight:700;
  line-height: 20px;
  text-transform:uppercase;
}

p.testimonios-testimonio{
  font-size:17px;
  font-weight:500;
  line-height: 20px;
  width:272px;
  height:120px;
  text-align:center;
  margin-left:49px;
}

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

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


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

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

.politica{
	margin:216px 0px 194px 0px;
}

.texto-azul-48-600-62{
  font-size:48px;
  font-weight:600;
  line-height:62px;
  width:890px;
}

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

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

.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:center;
}