p, a, h1,h2,h3,h4,h5,div,span{
  font-family: 'Source Sans Pro', sans-serif !important;
}
/* recaptcha */
.grecaptcha-badge{
  visibility: hidden;
}
#Validacion, #ValidacionSuscripcion{
  border-radius: 10px;
  margin: 0px;
  padding: 0px;
  display: none;
}
#Validacion p, #ValidacionSuscripcion p{
  margin: 0px;
  padding: 0px;
}
video{
  height: 100%;
  width: 100%;
}
/* Banner */
.mainContainer{
  overflow: hidden;
}
.contentSlider{
  height: 100vh !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.contentText {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 2rem;
}
.contentItems {
  height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mainBanner{
  margin-bottom: 1rem !important;
}
.txtTitulo{
  color: #55c9d2;
  font-size: 2rem;
  font-weight: bold;
  margin: 0px;
}
.txtMainBanner{
  color: #fff;
  font-size: 1rem;
}
.imgPartner{
  display: none !important;
}


/* Dots */
.vertical-dots
{
  right: 1rem;
  list-style: none;
  display: block;
  position: absolute;
  top: 40%;
  margin-top: -10px;
  text-align: right;
}
.vertical-dots li
{
  position: relative;
  width: 20px;
  height: 30px;
  cursor: pointer;
}
.vertical-dots li button
{
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  margin: .5rem 0px;
}
.vertical-dots li button:hover,
.vertical-dots li button:focus
{
  outline: none;
}
.vertical-dots li button:hover:before,
.vertical-dots li button:focus:before
{
  opacity: 1;
}
.vertical-dots li button:before
{
  font-family: 'slick';
  font-size: 3.2rem;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vertical-dots li.slick-active button:before
{
  opacity: 1;
  color: #fff;
}
/* Fin dots */
.btnBanner{
  background-color: transparent;
  border: solid 2px #55c9d2;
  color: #55c9d2;
  align-self: center;
  padding: .575rem .95rem;
}
.btnBanner:hover{
  background-color: #55c9d2;
  color: #fff;
}
.modal {
  top: 10vh !important;
}
.modal-dialog {
  max-width: 90vw !important;
  margin: 1.75rem auto;
}
/* Seccion 2 */
.contentHeaderS2{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.tituloTxtS2{
  color:#09204c;
  font-size: 2rem;
  font-weight: bold;
}
.subtituloTxtS2{
  color: #55c9d2;
  font-size: 1rem;
  font-weight: normal;
}
/* btns */
.imgbtnS2 {
  margin: .5rem 0px;
  -webkit-box-shadow: 4px 7px 16px 3px rgba(0,0,0,0.14);
  -moz-box-shadow: 4px 7px 16px 3px rgba(0,0,0,0.14);
  box-shadow: 4px 7px 16px 3px 
  rgba(0,0,0,0.14);
}
.imgbtnS2 img {
  width: 16rem;
}
.imgbtnS2Desactivado{
  background-color: #fff; 
}
.imgbtnS2Activo{
  background-color: #55c9d2;
}
.contentImgS2{
  display: none;
}
.contentImgS2 img{
  -webkit-box-shadow: 4px 7px 16px 3px rgba(0,0,0,0.14);
  -moz-box-shadow: 4px 7px 16px 3px rgba(0,0,0,0.14);
  box-shadow: 4px 7px 16px 3px rgba(0,0,0,0.14);
}
/* Seccion 3 */
.contentSeccion3{
  margin: 5rem 0px;
  text-align: center;
}
.txtTitulo3 {
  color: #09204c;
  font-size: 1.4rem;
  padding: 0px 1.3rem;
}

/* Taps */
.contentTabsDesk{
  display: none;
}
.contentTabsMovil{
  display: initial;
}
.btn-link, .btn-link:hover {
  font-weight: 400;
  color: #000;
  text-decoration: none;
  font-size: 1.5rem;
}
.btn-link:active, .btn-link:focus{
  color: #55c9d2;
}
/* Seccion 4 */
.cuadroAzul{
  background-color:#55c9d2;
  height: 40vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: auto;
  margin: 8px 0px;
  bottom: 0px;
  transition: bottom 1s;
  width: 100vw;
}
.txtHover{
  display: none;
}
.txtCuadrosAzules{
  display: initial;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}
.cuadroAzul:hover{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  font-size: 1.3rem;
}
.cuadroAzul:hover > .txtHover{
  display: initial;
  color:#fff;
  text-align: center;
  margin:3rem;
}
.cuadroAzul:hover > .txtCuadrosAzules{
  display: none;
}
/* Seccion 5 */
.contentSeccion5{
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  height: 100vh;
}
.contentImg{
  height: 100%;
  width: 100%;
}
.imgSECIF, .imgSECIF a{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 50vh;
  margin: 3px 3px;
}
.imgCentro{
  width: 45vw;
}
.txtSecif{
  display: none;
}
.flechasecif{
  display: none;
}
/* seccion 6 */
.contentSeccion6{
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contentNumero{
  display: flex;
  justify-content: center;
  align-content: center;
  margin-bottom: 1rem;
}
.contentNumero p{
  align-self: center;
  color: #040c17;
  font-size: 2rem;
  font-weight: bold;
  padding: 0px 5px;
  margin: 0px;
}
.numeroTxt{
  border-bottom: 1px solid #040c17;
  font-size: 4rem !important;
}
.txtContadores{
  text-align: center;
  font-size: 1.5rem;
  font-weight: lighter;
  color: #040c17;
}
.imgMicosoft{
  width: 17rem;
}
/* contentInovacionesTec */
#contentInovacionesTec{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem; 
  overflow: hidden;
}
#contentText{
  color: #011c60;
  display: none;
  font-size: 1.1rem;
}
.contentInovacionesTecAzul{
  background-color: #011c60;
  height: auto;
}
.contentInovacionesTecBlanco{
  background-color: #fff;
  height: auto;
}
.contentSliderInovacion:hover{
  background-color: #55c9d2;
}
.contentSuperior{
  display: flex;
}
.contentSuperior{
  background-color:#012c6c;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin: 1rem;
  color: #fff;
}
.contentSuperior:hover{
  background-color: #55c9d2;
}
.contentSliderInovacion{
  background-color:#012c6c;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin: 1rem;
  color: #fff;
}
.btnVerMas{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2rem;
}
#btnCerrarInovacion{
  color: #011c60;
  border: 2px solid #011c60;
  border-radius: 0px;
  padding: .3rem 2rem;
}
#btnCerrarInovacion:hover{
  background-color: #012c6c;
  color: #fff;
}
.txtTitleInovacion{
  font-size: 1.3rem;
  font-weight: bold;
}
.txtInovaciones{
  font-size: 1.1rem;
  font-weight: lighter;
}
#btnInovacionesTec{
  font-size: 1.1rem;
  color: #fff;
}
.rayaIT{
  border: 1px solid #fff;
  width: 40px;
  margin: auto 1rem;
}
.imgSliderInovacion{
  width: 100%;
}
.contentSliderInovacion .slick-track{
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Dots slider inovacion */
.contentSliderInovacion .vertical-dots{
  top: 95%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  right: initial;
  padding: .5rem 0px;
}
#slick-slide00{
  justify-content: flex-start !important;
  flex-direction: column;
}

/* Seccion7 */
.contentSeccion7{
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  overflow: hidden;
}
.contentTitulo{
  text-align: center;
  margin-bottom: 2rem;
  line-height: 47px;
}
.contentTitulo p{
  color: #040c17;
  text-align: center;
  margin: 0px;
}
.contentTitulo p:first-child{
  font-size: 2rem;
  font-weight: bold;
}
.contentTitulo p:last-child{
  font-size: 1.3rem;
}
.contentSliderS7 {
  height: 82vh !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0px 1rem;
}
.contentBannerFooter{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.contentLogo img{
  width: 60vw;
  margin-top: 4rem;
}
.logoMegacable{
  width: 40vw !important;
}
.imgflechas{
  margin: 0px .5rem;
  width: 2rem;
  height: 1.2rem;
}
.imgflechas:hover{
  cursor: pointer;
}
.contentContador p{
  visibility: hidden;
  color: #fff;
  font-size: 1.3rem;
}
/* Seccion 8 */
.contentSeccion8{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contentTxtContacto{
  display: flex;
  flex-direction: column;
  align-items:center ;
  justify-content: center;
}
#txtTituloContacto{
  color: #09204c;
  font-size: 2rem;
  font-weight: bold;
  margin: 2rem 0px 0px 0px;
}
#txtContancto{
  font-size: 1.3rem;
  color: #09204c;
}
.contentContacto{
  background-color: #eebb43;
  padding: 2rem;
}
#btn-enviar, #btn-enviarSuscripcion{
  background-color: #0b417f;
  border-radius: 0px;
  color: #fff;
}
.form-control{
  outline:none !important;
  outline-width: 0 !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.inputContacto, .inputContacto:focus{
  background-color: transparent;
  border-top: hidden;
  border-left: hidden;
  border-right: hidden;
  border-bottom:2px solid #fff;
  border-radius: 0px;
  color: #fff;
  margin-bottom: 1rem;
}
.inputContacto::placeholder{
  color: #fff !important;
}
#btn-enviar{
  float: right;
}
/* Seccion 9 */
.contentSeccion9{
  background-color: #55c9d2;
}
.contentSuscripcion{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.formSuscripcion {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.inputSuscripcion{
  border-radius: 0px !important;
}
.contentTxtSuscribete{
  display: flex;
  align-items: center;
  justify-content: center;
}
.txtsuscribirse{
  color: #09204c;
  font-size: 1.3rem;
}
.txtsuscribirse span{
  font-size: 1.5rem;
}

.txtTituloBlanco{
  color: #fff;
  font-size: 2rem;
  margin: 0px;
}
/* Large devices (ipad, 768px and up) */
@media only screen and (min-width: 768px) {

  .txtTituloBlanco{
    color: #fff;
    font-size: 4rem;
    margin: 0px;
    line-height: 75px;
  }
  .txtTitulo{
    color: #55c9d2;
    font-size: 4rem;
    font-weight: bold;
    margin: 0px;
    line-height: 75px;
  }

  
  .txtMainBanner{
    font-size: 1.5rem;
    width: 85vw;
  }
  .contentSeccion2, .contentSeccion3{
    padding: 0px 1.5rem;
  }
  /* Seccion 4 */
  .contentCuadros{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .cuadroAzul {
    background-color: 
    #55c9d2;
    padding: 15vh 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: auto;
    margin: 3px;
    bottom: 0px;
    transition: bottom 1s;
    width: 100vw;
  }
  /* Seccion 5 */
  .contentSeccion5{
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    height: 80vh;
  }
  .contentImg {
  height: 40vh;
  width: 100%;
  }
  .imgSECIF, .imgSECIF a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 39vh;
    margin: 0px 3px;
}
  /* Seccion 6 */
  #contentContadores{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 2rem 0px;
    -webkit-box-shadow: 2px 7px 15px 4px rgba(0,0,0,0.14);
    -moz-box-shadow: 2px 7px 15px 4px rgba(0,0,0,0.14);
    box-shadow: 2px 7px 15px 4px rgba(0,0,0,0.14);
  }

  /* contentInovacionesTec */
  .contentSliderInovacion .vertical-dots {
    top: 90%;
  }
  .contentInovacionesTecBlanco {
    background-color: #fff;
    height: 50vh;
  }
  .imgSliderInovacion {
    width: 70%;
  }
}

.btnBannerAptean{
  transition: transform .6s;
  background-color: #fff468;
  color: #171717;
  padding: .35rem 1.95rem;
  border-radius: 10px;
  font-weight: 500!important;
}

.btnBannerAptean:hover{
  transform: scale(1.07);
  background-color: #ffe156;
  color: #ffffff;
  padding: .35rem 1.95rem;
}

/* Large devices (large laptops and desktops, 1024px and up) */
@media only screen and (min-width: 1024px) {

  /* Dots */
  .vertical-dots{
    right: 3rem !important;
    list-style: none;
    display: block;
    position: absolute;
    top: 40%;
    margin-top: -10px;
  }
  .contentText{
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 2rem;
  }
  .contentItems{
    height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .imgPartner{
    display: initial !important;
    width: 55%;
  }
  .btnBanner{
    align-self: flex-start;
  }

  
  .modal {
    top: 10vh !important;
  }
  .modal-dialog {
    max-width: 60vw !important;
    margin: 1.75rem auto;
  }

  .txtMainBanner{
    font-size: 1.5rem;
    width: 80vw;
  }
  /*Seccion 2 */
  .contentSeccion2{
    padding: 0px;
    margin-top: 2rem;
  }
  .contentSeccion3{
    padding: 0px;
    margin-top: 5rem;
  }
  .contentHeaderS2{
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
  }
  .tituloTxtS2{
    color:#09204c;
    font-size: 3.5rem;
    font-weight: bold;
  }
  .subtituloTxtS2{
    color: #55c9d2;
    font-size: 1.4rem;
    font-weight: normal;
  }
  .contentImgS2{
    display: initial;
    overflow: hidden;
  }
  .txtTitulo3{
    color: #09204c;
    font-size: 2rem;
  }
  /* btns */
  .imgbtnS2{
    padding-left: 7rem;
    margin: .5rem 0px;
    -webkit-box-shadow: 4px 7px 16px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 4px 7px 16px 3px rgba(0,0,0,0.14);
    box-shadow: 4px 7px 16px 3px rgba(0,0,0,0.14);
  }
  .imgbtnS2 img{
    width: 25rem;
  }
  /* Tabs */
  .contentTabsMovil{
    display: none;
  }
  .contentTabsDesk{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #myTabContent{
    padding: 4rem 0px;
  }
  .nav-item a{
    color: #000;
    font-weight: lighter;
  }
  .nav-tabs{
    border-bottom: none;
    font-size: 1.8rem;
    color: #000;
  }
  .nav-tabs .nav-link.active{
    color:#000;
    border-color:#fff #fff #040c17 !important;
  }
  .nav-tabs .nav-link:hover {
    border-color: transparent;
  }
  .tab-content > .active{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .txtTab{
    text-align: left;
    font-size: 1.3rem;
    font-weight: lighter;
  }
  /* Seccion 4 */
  .contentSeccion4{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  } 
  .cuadroAzul:hover{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    font-size: 1.3rem;
    bottom: 40px;
  }
  /* seccion 5 */
  .contentSeccion5{
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
  }
  a:hover{
    text-decoration: none;
  }
  .contentImg:hover > .txtSecif{
    visibility: visible;
  }
  .txtSecif{
    display: block;
    position: relative;
    color:
    #000;
    font-size: 1.2rem;
    margin-top: 1rem;
    text-align: center;
    width: 25vw;
    bottom: 43%;
    left: 26%;
    visibility: hidden;
  }
  .imgSECIF, .imgSECIF a{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 100%;
    margin: 0px 3px;
  }
  .contentImg:hover > .imgSECIF{
    opacity: .2;
  }
  .imgCentro{
    width: 25vw;
  }
  /* Seccion 6 */
  .contentSeccion6 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding:1rem;
  }
  .contentImg {
    height: 100%;
    width: 100%;
    }
  .imgMicosoft{
    margin-left: 6rem;
  }

  /* contentInovacionesTec */
  #contentInovacionesTec{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 0px; 
    overflow: hidden;
  }
  #contentText{
    color: #011c60;
    display: none;
    font-size: 1.3rem;
  }
  .contentInovacionesTecAzul{
    background-color: #011c60;
    height: auto;
  }
  .contentInovacionesTecBlanco{
    background-color: #fff;
    height: 70vh;
  }
  .contentSliderInovacion:hover{
    background-color: #55c9d2;
  }
  .contentSuperior{
    display: flex;
    padding: 2rem;
  }
  .contentSuperior, .contentSliderInovacion{
    background-color:#012c6c;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    margin: 1rem;
    color: #fff;
  }
  .paddingContentTxt{
    padding: 2rem;
  }
  #btnCerrarInovacion{
    color: #011c60;
    border: 2px solid #011c60;
    border-radius: 0px;
    padding: .3rem 2rem;
  }
  .contentSliderInovacion .slick-track{
    display: table;
  }
  .contentSliderInovacion .vertical-dots{
    top: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .txtTitleInovacion{
    font-size: 2.4rem;
    font-weight: bold;
  }
  .txtInovaciones{
    font-size: 1.2rem;
    font-weight: lighter;
  }
  #btnInovacionesTec{
    font-size: 1rem;
    color: #fff;
  }
  .btnVerMas{
    display: flex;
  }
  .rayaIT{
    border: 1px solid #fff;
    width: 35px;
    margin: auto 1rem;
  }
  .btnVerMas{
    margin-bottom: 0px;
  }
  .imgSliderInovacion{
    width: 80%;
  }
  #slick-slide00{
    flex-direction: row;
  }
  #slick-slide01, #slick-slide02, #slick-slide03, #slick-slide04{
    justify-content: flex-start !important;
  }
  /* Seccion 7 */
  .contentSliderS7 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex !important;
    flex-direction: column;
    align-items: self-start;
    justify-content: space-between;
    padding: 0px 5rem;
  }
  .contentTitulo{
    margin-left: 10rem;
  }
  .contentTitulo p{
    text-align: left;
  }
  .contentLogo img{
    width: 30vw;
    margin-top: 5rem;
  }
  .logoMegacable{
    width: 20vw !important;
  }
  .contentTitulo p:first-child{
    font-size: 3.5rem;
    font-weight: bold;
  }
  .contentTitulo p:last-child{
    font-size: 2rem;
  }
  /* Seccion 8 */
  .contentSeccion8, .contentSuscripcion{
    flex-direction: row;
  }
  .formSuscripcion {
    margin-bottom: 0px;
  }
  #txtTituloContacto{
    color: #09204c;
    font-size: 3rem;
    font-weight: bold;
    margin: 0px;
  }
  #txtContancto{
    font-size: 1.4rem;
    color: #09204c;
  }
}

/* Large devices (large laptops and desktops, 1280px and up) */
@media only screen and (min-width: 1280px) {
  /* Seccion 4 */
  .contentCuadros{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
/* Large devices (large laptops and desktops, 1366px and up) */
@media only screen and (min-width: 1366px) {
  /* Seccion 5 */
  .imgFlechaSecif{
    width: 3rem;
  }
  .contentImg:hover .imgFlechaSiven{
    display: block;
    position: relative;
    bottom: 30%;
    left: 85%;
  }
  .contentImg:hover .flechasecif{
    display: block;
    position: relative;
    bottom: 25%;
    left: 85%;
  }
}

/* Large devices (large laptops and desktops, 1440px and up) */
@media only screen and (min-width: 1440px) {
    
}

/* Extra Large devices (large laptops and desktops, 1400px and up)*/
@media only screen and (min-width: 1920px) {
   
}