body {
  overflow: visible;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  position: static;
  left: auto;
  top: 508px;
  display: block;
  margin: 0px auto;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 19px;
  line-height: 33px;
  font-weight: 400;
  text-align: center;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}

p {
  position: relative;
  top: -96px;
  display: block;
  margin: 0px auto 5px;
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 19px;
  text-align: center;
}

.button {
  position: relative;
  left: 0px;
  top: -25px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 280px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 17px;
  border-radius: 6px;
  background-color: #22a2dc;
  box-shadow: 1px 1px 3px 0 #000;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.button.w--current {
  top: 399px;
}

.button._2 {
  left: -8px;
  top: 110px;
}

.button._2.w--current {
  left: -9px;
  top: -17px;
}

.button.contacto {
  top: 22px;
  width: 250px;
  padding-right: 25px;
  padding-left: 25px;
}

.button.contacto:hover {
  background-color: #23aae8;
  box-shadow: 1px 1px 3px 0 #000, 0 0 15px 2px #fff;
}

.button.m {
  top: -67px;
}

.button.m.llamado {
  top: 77px;
}

.button.m.p {
  top: 369px;
}

.button.boton-equipo {
  top: -60px;
  z-index: 2;
  width: 282px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  line-height: 25px;
  font-weight: 400;
}

.button.boton-equipo:hover {
  background-color: #23aae8;
  box-shadow: 1px 1px 3px 0 #000, 0 0 18px 1px hsla(0, 0%, 100%, .49);
}

.button.boton-equipo.eq {
  z-index: 5;
  width: 220px;
  margin-top: -146px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.button.botonservicios {
  top: -77px;
  width: 220px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button.botonservicios:hover {
  background-color: #23aae8;
  box-shadow: 1px 1px 3px 0 #000, 0 0 4px 1px rgba(34, 162, 220, .8);
}

.button.botonservicios.sec-1 {
  top: 10%;
  width: 350px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 19px;
  line-height: 26px;
}

.button.botonmisiones {
  top: 1349px;
  width: 250px;
  background-color: #22a2dc;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button.botonmisiones:hover {
  background-color: #23aae8;
  box-shadow: 1px 1px 3px 0 #000, 0 0 18px 1px hsla(0, 0%, 100%, .5);
}

.button.botonmisiones.w--current {
  top: -76px;
}

.button.botonmisiones.w--current:hover {
  box-shadow: 1px 1px 3px 0 #000, 0 0 6px 0 hsla(0, 0%, 100%, .3);
}

.button.aventura {
  top: 204px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button.aventura:hover {
  background-color: #23aae8;
  box-shadow: 1px 1px 3px 0 #000, 0 0 18px 1px hsla(0, 0%, 100%, .43);
}

.button._3434 {
  top: 29px;
  margin-top: 0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.button._3434:hover {
  background-color: #23aae8;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.button._3434.w--current {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.button._3454 {
  top: 180px;
  width: 323px;
}

.button.proceso-boton {
  top: 689px;
  width: 280px;
}

.button.casos {
  width: 322px;
}

.button.hhh {
  top: 147px;
  width: 270px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button.hhh.w--current {
  width: 270px;
}

.button.boton-servicios {
  top: 311px;
  z-index: 6;
  padding: 13px 22px;
}

.button.boton-servicios.w--current {
  z-index: 5;
}

.button.proceso-button {
  top: 80px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.button.proceso-utton {
  top: 483px;
  z-index: 7;
}

.button.botonoptin {
  top: 20px;
  width: 307px;
  padding-right: 25px;
  padding-left: 25px;
}

.button.proyectos {
  top: 30px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.button.proyectos.botonhsm {
  top: -14px;
}

.button.proyectos.boton-mmb {
  top: -18px;
}

.header {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 14;
  height: 81px;
  background-color: #fff;
}

.llamado-a-la-accion {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  display: block;
  overflow: hidden;
  height: 650px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  float: none;
  background-color: #fff;
  background-image: url('../images/546d7af7833566ed2bfa4972_fondo-aventura.jpg');
  background-position: 0% 52%;
  background-size: cover;
  background-repeat: no-repeat;
}

.llamado-a-la-accion._2 {
  height: 670px;
  background-color: #fff;
  background-image: url('../images/fondo-sec-1.png');
  background-position: 0% 122%;
  background-size: contain;
}

.logo {
  position: relative;
  left: -123px;
  top: 1px;
  width: 150px;
  margin-left: 124px;
}

.seccion2 {
  display: block;
  height: 800px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  background-image: url('../images/serviciosse.png');
  background-position: 291px 42px;
  background-size: 600px;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.seccion2.m {
  overflow: hidden;
  height: 705px;
  background-color: transparent;
  background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1.png'), -webkit-linear-gradient(270deg, #000, #002a4d);
  background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1.png'), linear-gradient(180deg, #000, #002a4d);
  background-position: 0% 0%, 50% 61%, 0% 0%;
  background-size: auto, cover, auto;
  background-repeat: repeat, no-repeat, repeat;
  background-attachment: fixed, scroll, scroll;
}

.cont-hero {
  margin-top: -311px;
  padding-top: 0px;
}

.responsive {
  position: relative;
  top: 75px;
  margin-top: 153px;
}

.section3 {
  background-color: rgba(0, 0, 0, .81);
}

.navbar {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 55px;
  padding-top: 0px;
  background-color: hsla(0, 0%, 100%, .95);
  box-shadow: none;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #0e6f96;
}

.sec1 {
  height: 55px;
  padding-top: 19px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  font-family: 'Alegreya Sans', sans-serif;
  color: rgba(0, 0, 0, .52);
  font-size: 17px;
  font-weight: 400;
}

.sec1:hover {
  height: 55px;
  border-bottom: 3px none #22a2dc;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #fff;
  box-shadow: none;
  color: #22a2dc;
  text-decoration: none;
}

.sec1.w--current {
  height: 55px;
  padding-top: 19px;
  border-top: 4px none #22a2dc;
  border-bottom: 3px solid #22a2dc;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, .15);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #22a2dc;
}

.sec1.w--current:hover {
  border-radius: 0px;
  background-color: #fff;
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .44);
  color: #22a2dc;
  text-decoration: none;
}

.sec1.w--current:active {
  background-color: rgba(47, 67, 74, .29);
  box-shadow: inset 0 0 6px 0 #d1cfcf;
}

.sec1._1 {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 500;
}

.sec1._2.w--current {
  color: #693bb3;
}

.sec1.contacto {
  border-style: none;
  border-width: 1px 1px 0px;
  border-color: #000 #000 #fff;
  background-color: rgba(34, 162, 220, .74);
  background-image: -webkit-linear-gradient(270deg, #22a2dc, #5bbae5 35%, #22a2dc 86%, #088cc9 98%);
  background-image: linear-gradient(180deg, #22a2dc, #5bbae5 35%, #22a2dc 86%, #088cc9 98%);
  color: #fff;
}

.sec1.contacto:hover {
  box-shadow: none;
  color: #fff;
}

.sec1.contacto:active {
  box-shadow: none;
  color: #fff;
}

.nav-menu {
  color: #0e6f96;
}

.navl2 {
  color: #0e6f96;
}

.container1 {
  position: relative;
  top: 36px;
  height: 610px;
}

.container1.cont-llamado {
  top: 7px;
}

.titulopag {
  position: relative;
  top: 264px;
  z-index: 2;
  display: block;
  overflow: visible;
  margin: auto;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 38px;
  line-height: 48px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .74);
}

.titulopag._67 {
  position: absolute;
  left: 0px;
  top: 107px;
  right: 0px;
  bottom: auto;
  z-index: 4;
  display: block;
  overflow: visible;
  margin-top: -8px;
  margin-right: auto;
  padding-top: 2px;
  float: none;
  clear: none;
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 38px;
  font-weight: 300;
}

.titulopag._67.con-una {
  top: 362px;
  font-size: 45px;
}

.titulopag._67.empresa {
  top: 298px;
  font-family: Oswald, sans-serif;
  font-size: 57px;
  font-weight: 400;
}

.titulopag._67.empresa.estrategia {
  top: 424px;
  font-size: 57px;
  line-height: 62px;
  font-weight: 400;
}

.titulopag._67.avent {
  top: 179px;
  z-index: 13;
  font-size: 47px;
  line-height: 47px;
  font-weight: 300;
}

.text2 {
  position: relative;
  top: 250px;
  z-index: 2;
  display: block;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 73px;
  line-height: 83px;
  font-weight: 400;
  text-align: center;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, .73);
}

.text2._2 {
  position: absolute;
  top: auto;
  z-index: 2;
  margin-top: 1px;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 57px;
  line-height: 57px;
  font-weight: 400;
}

.text2._2.light {
  font-weight: 300;
}

.marca {
  top: 6px;
}

.imf-fondo {
  position: relative;
  left: 0px;
  top: 74px;
  right: -127px;
  z-index: 1;
  display: block;
  overflow: visible;
  width: 500px;
  margin-top: 7px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: none;
  opacity: 0.56;
}

.imf-fondo.logodig {
  position: absolute;
  left: -572px;
  top: 115px;
  z-index: 0;
  display: block;
  width: 300px;
  opacity: 0.85;
}

.seccion-contacto {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 6;
  height: 25px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(270deg, rgba(18, 82, 116, .6), rgba(15, 103, 150, .6));
  background-image: linear-gradient(180deg, rgba(18, 82, 116, .6), rgba(15, 103, 150, .6));
}

.cel-1 {
  position: relative;
  left: 485px;
  top: 3px;
  right: 537px;
  bottom: 0px;
  display: block;
  width: 140px;
  margin-right: 0px;
  float: none;
  clear: none;
  font-family: 'Alegreya Sans', sans-serif;
  color: #f5f7f7;
  font-size: 14px;
  font-weight: 300;
}

.cel-1.cel-2 {
  position: relative;
  left: 378px;
  top: -15px;
  right: 17px;
  bottom: 2px;
  float: none;
}

.cel-1.correo {
  position: relative;
  left: 317px;
  top: -17px;
  right: auto;
  bottom: auto;
  width: 170px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #f5f7f7;
}

.col-flag {
  position: relative;
  left: 0px;
  top: -16px;
  right: 0px;
  bottom: 0px;
  width: 19px;
  float: right;
}

.cont-contacto {
  position: static;
  top: 0px;
  right: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1px;
}

.div-contact {
  position: relative;
  left: 0px;
  display: block;
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  float: right;
}

.phone {
  position: relative;
  left: -140px;
  top: -15px;
  right: 74px;
  bottom: -15px;
  width: 22px;
  float: right;
}

.phone.peque-tel {
  left: -100px;
  width: 21px;
}

.mail {
  position: relative;
  left: 284px;
  top: -38px;
  width: 24px;
}

.dise-o {
  position: absolute;
  left: 418px;
  top: 1368px;
  z-index: 1;
  display: inline-block;
  margin-top: 0px;
}

.mercadeo {
  position: absolute;
  left: 609px;
  top: 1368px;
  z-index: 1;
}

.programacion {
  position: static;
  left: 802px;
  top: 569px;
  right: 0px;
  z-index: 1;
  margin-top: -31px;
  margin-left: 277px;
  padding-top: 0px;
}

.mapa-servicios {
  position: relative;
  top: 113px;
  right: 0px;
  z-index: 2;
  display: block;
  overflow: visible;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
}

.scroll {
  position: absolute;
  left: 0px;
  top: 494px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}

.scroll-tablet.tablet {
  width: 73px;
}

.img-scroll {
  display: block;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: none;
}

.img-scroll.mobile {
  position: relative;
  left: 0px;
  margin-top: 0px;
  box-shadow: none;
}

.link-scroll {
  position: absolute;
  left: 422px;
  top: 660px;
  right: 422px;
  bottom: 0px;
  display: block;
  overflow: hidden;
  margin-top: -94px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 183px;
}

.seccion-proceso {
  position: static;
  overflow: hidden;
  height: 920px;
  background-color: transparent;
  background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1.png'), -webkit-linear-gradient(270deg, #002a4d, #22a2dc);
  background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1.png'), linear-gradient(180deg, #002a4d, #22a2dc);
  background-position: 0% 0%, 0% 0%, 0% 0%;
  background-size: auto, cover, auto;
  background-repeat: repeat, repeat, repeat;
  background-attachment: scroll, fixed, scroll;
}

.seccion-paso {
  height: 100px;
  background-color: #f6ece1;
}

.seccion-misiones {
  overflow: hidden;
  height: 1600px;
  background-color: transparent;
  background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1-copy.png'), -webkit-linear-gradient(270deg, #22a2dc, #cee8fc 99%);
  background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1-copy.png'), linear-gradient(180deg, #22a2dc, #cee8fc 99%);
  background-position: 50% 502px, 0% 0%, 0% 0%;
  background-repeat: no-repeat, repeat, repeat;
  background-attachment: scroll, fixed, scroll;
}

.seccion-contactanos {
  overflow: hidden;
  height: 675px;
  background-color: #fff3e9;
  background-image: url('../images/fondo-contactenos.png');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.enfocate {
  position: relative;
  left: 0px;
  top: 3px;
  display: block;
  overflow: visible;
  margin-top: 27px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 37px;
  line-height: 35px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}

.enfocate.misiones {
  top: 42px;
  margin-top: 24px;
  margin-bottom: 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #fff;
  font-size: 37px;
  line-height: 60px;
}

.texto-sec-2 {
  position: relative;
  left: 0px;
  top: 3px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid hsla(0, 0%, 100%, .29);
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 37px;
  line-height: 60px;
  text-align: center;
}

.enfocate2 {
  position: relative;
  left: auto;
  top: 58px;
  width: auto;
  border-top-style: solid;
  border-top-width: 1px;
  font-family: Oswald, sans-serif;
  color: #22a2dc;
  font-size: 34px;
  line-height: 46px;
  text-align: center;
}

.seccion-equipo {
  overflow: hidden;
  height: 768px;
  margin-top: -10px;
  float: none;
  background-image: url('../images/estrellas2_1.png'), url('../images/example-bg.png'), -webkit-linear-gradient(270deg, #22a2dc, #cce8ff);
  background-image: url('../images/estrellas2_1.png'), url('../images/example-bg.png'), linear-gradient(180deg, #22a2dc, #cce8ff);
  background-position: 0% 0%, 0% 0%, 0% 0%;
  background-size: cover, cover, auto;
  background-repeat: repeat, repeat, repeat;
  background-attachment: scroll, fixed, scroll;
}

.prueba-port {
  position: relative;
  top: 556px;
}

.prueba-testimonio {
  position: relative;
  top: 43px;
}

.iconos-proceso {
  position: relative;
  top: 225px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.acompa-ar {
  position: relative;
  left: 3px;
  top: 19px;
  right: 3px;
  bottom: 78px;
  z-index: 10;
  display: block;
  width: auto;
  height: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .29);
  border-radius: 0px;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 37px;
  line-height: 60px;
  font-weight: 400;
  text-align: center;
  text-shadow: 2px 2px 4px #000;
}

.acompa-ar.logrado {
  margin-top: -6px;
  margin-bottom: 63px;
}

.acompa-ar.especializada {
  top: 10px;
}

.herram {
  top: 159px;
  line-height: 38px;
  text-shadow: -1px 4px 5px #000;
}

.aventura2 {
  position: relative;
  top: -184px;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 104px;
  line-height: 61px;
  text-align: center;
  text-shadow: 2px 2px 4px #000;
}

.row-testiminios {
  position: relative;
  top: -106px;
}

.col1 {
  left: 2px;
  top: -24px;
  height: 250px;
}

.col2 {
  margin-top: 0px;
}

.video-1 {
  width: 100%;
}

.cont-test {
  height: 120px;
  border-radius: 20px;
  background-image: url('../images/estesi.png');
}

.trabajos {
  position: static;
  overflow: hidden;
  height: 384px;
  background-color: transparent;
  background-image: url('../images/estrellas2_1.png'), url('../images/example-bg.png'), -webkit-linear-gradient(270deg, #0e5290, #22a2dc), url('../images/example-bg.png');
  background-image: url('../images/estrellas2_1.png'), url('../images/example-bg.png'), linear-gradient(180deg, #0e5290, #22a2dc), url('../images/example-bg.png');
  background-position: 0% 0%, 0% 0%, 50% 89%, 0% 0%;
  background-repeat: repeat, repeat, no-repeat, repeat;
  background-attachment: fixed, scroll, scroll, scroll;
}

.testimonio {
  position: relative;
  top: 81px;
  z-index: 1;
  padding-right: 82px;
  padding-left: 83px;
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 22px;
  text-align: left;
}

.slider-testi {
  top: 168px;
  height: 101px;
  background-color: transparent;
}

.slider-nav {
  position: absolute;
  top: 550px;
  z-index: 3;
}

.arrow1 {
  position: relative;
  top: 0px;
  z-index: 2;
  margin-top: 0px;
  margin-left: -6px;
}

.arrow2 {
  left: -27px;
  top: 0px;
  right: -83px;
  margin-top: 0px;
}

.coments {
  position: relative;
  left: -27px;
  top: -69px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.nombre-test {
  position: relative;
  left: 141px;
  top: -68px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  text-align: left;
}

.cont-boton {
  position: relative;
  top: 58px;
}

.expande {
  position: relative;
  top: 105px;
  margin-top: 1px;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 37px;
  line-height: 44px;
  font-weight: 400;
  text-align: center;
  text-shadow: 0 4px 0 #000;
}

.expande.aterr {
  position: absolute;
  left: 0px;
  top: 49px;
  right: 0px;
  display: block;
  margin: 0px auto;
  color: #fff;
  font-size: 47px;
  text-shadow: #000 0px 4px 0px;
}

.incrementar {
  position: relative;
  top: 265px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-bottom-style: none;
  border-bottom-width: 1px;
  font-family: Oswald, sans-serif;
  color: #595959;
  font-size: 37px;
  line-height: 50px;
  font-weight: 400;
  text-align: center;
}

.esyt {
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-family: Oswald, sans-serif;
  font-size: 40px;
  line-height: 44px;
  text-align: center;
}

.video-ventas {
  position: relative;
  left: -5px;
  top: 27px;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  font-size: 14px;
}

.asesoria {
  position: relative;
  top: 22px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 37px;
  line-height: 60px;
  text-align: center;
}

.contactanos {
  position: relative;
  top: 13px;
  width: auto;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-family: Oswald, sans-serif;
  color: #595959;
  font-size: 35px;
  line-height: 45px;
  text-align: center;
}

.contactanos.boton {
  top: 13px;
  border-bottom-style: none;
  font-size: 28px;
  line-height: 30px;
}

.logo-tri {
  position: relative;
  left: 705px;
  top: 258px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  opacity: 0.7;
}

.resalta-t-tulo {
  color: #81758b;
}

.nube {
  position: absolute;
  left: 0px;
  top: 4071px;
  right: 0px;
  bottom: 96px;
  z-index: 5;
  overflow: hidden;
  opacity: 0.27;
}

.nube._2 {
  left: 523px;
  top: 4041px;
  z-index: 2;
  overflow: hidden;
  opacity: 0.5;
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
}

.nube._3 {
  left: 328px;
  top: 2883px;
  z-index: 0;
  overflow: hidden;
  opacity: 0.58;
}

.nube._3.n {
  position: absolute;
  left: 350px;
  top: 2844px;
  right: auto;
  bottom: 3863px;
  z-index: 11;
  overflow: hidden;
  margin-top: 364px;
  opacity: 0.26;
}

.nube._3._5 {
  left: 436px;
  top: 2407px;
  z-index: 0;
  opacity: 0.31;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.nube._3.otra-nube {
  left: 467px;
  top: 3290px;
}

.nube._4 {
  left: 251px;
  top: 2924px;
  opacity: 0.23;
  -webkit-transform: scale(0.67);
  -ms-transform: scale(0.67);
  transform: scale(0.67);
}

.nube._4._55 {
  left: 428px;
  top: 3316px;
}

.nube._6 {
  left: 440px;
  top: 2951px;
  opacity: 0.36;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.vid-slider {
  left: 14px;
  top: -5px;
  right: 5px;
  width: 90%;
  height: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.tabs {
  top: 11px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.tab-link {
  height: 150px;
  background-color: transparent;
  opacity: 0;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}

.tab-link.w--current {
  left: 0px;
  top: 0px;
  background-color: transparent;
}

.tab-link.w--current:active {
  top: 20px;
}

.tab-link._2 {
  top: 242px;
}

.tab-link.ao {
  position: absolute;
  left: auto;
  top: auto;
  margin: 0px;
}

.tab-link.ao.w--current {
  left: auto;
}

.tab-link.vm {
  position: absolute;
  left: auto;
  display: block;
  margin-right: 0px;
  margin-left: 0px;
}

.tab-link.vm.w--current {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  z-index: 4;
  margin: 0px;
}

.tab-link.aw {
  position: absolute;
  left: auto;
  top: auto;
  overflow: visible;
  margin: 0px;
  padding-left: 30px;
}

.tab-link.dw {
  position: absolute;
  margin: 0px;
}

.tab-link.dw.w--current {
  position: absolute;
}

.tab-link.emm {
  position: absolute;
  left: auto;
  margin: 0px;
}

.titulo-tab {
  position: relative;
  left: -47px;
  top: 24px;
  width: 630px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  text-align: left;
}

.tab-1 {
  position: relative;
  left: 185px;
  top: 67px;
  color: #fff;
}

.contenido-tabs {
  top: -49px;
  height: 400px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.tab-pane {
  left: 26px;
  top: 83px;
  width: 900px;
  height: 300px;
  margin-right: 60px;
  margin-left: 60px;
  padding-right: 46px;
  padding-left: 46px;
  border-radius: 40px;
  background-color: hsla(0, 0%, 100%, 0);
}

.img-desarrollo-web {
  position: fixed;
  left: 0px;
  top: 30px;
  right: 8px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.img-desarrollo-web:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.img-desarrollo-web.webnopress {
  position: static;
}

.texto-tabs-servicios {
  position: relative;
  top: 52px;
  background-color: transparent;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 19px;
  font-weight: 100;
}

.texto-tabs-servicios.dw {
  position: relative;
  top: -10px;
  display: block;
  width: 150px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: transparent;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}

.tab-menu {
  position: relative;
  left: 0px;
  top: 24px;
  right: 0px;
  display: block;
  height: 131px;
  margin: 0px auto 11px;
  border: 2px solid rgba(34, 162, 220, .2);
  border-radius: 20px;
  background-color: rgba(34, 162, 220, .09);
}

.lista-beneficios {
  display: block;
  margin-top: 60px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #7cd0f7;
  font-size: 40px;
  font-style: normal;
  text-align: center;
}

.item-lista {
  position: relative;
  left: -28px;
  top: 1px;
  width: 400px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px none #fff;
  color: #fff;
  font-size: 22px;
  line-height: 24px;
  font-weight: 100;
  text-align: left;
}

.flecha {
  position: absolute;
  left: 0px;
  top: 100px;
  right: 3px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.linea1 {
  position: fixed;
  left: 332px;
  top: -118px;
  overflow: hidden;
}

.slide1 {
  top: 90px;
  height: 140%;
}

.mask-slider {
  top: -8px;
  height: 500px;
}

.flecha-derecha {
  left: 647px;
  top: -45px;
  right: -20px;
}

.cont-slider {
  position: relative;
  height: 1200px;
}

.cont-slider.cont-fila-1 {
  height: 400px;
}

.slider-exito {
  top: 24px;
  background-color: transparent;
}

.slide-nav {
  top: 380px;
  bottom: -51px;
  padding-top: 0px;
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

.bocadillo {
  position: relative;
  left: 70px;
  top: 3px;
}

.video {
  left: -57px;
  top: 21px;
  right: -11px;
  display: block;
  width: auto;
  margin-top: -5px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.flecha-izquierda {
  left: 122px;
  top: -49px;
  opacity: 1;
}

.texto-bocadillo {
  position: relative;
  left: 11px;
  top: -172px;
  display: block;
  width: 310px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 23px;
}

.texto-bocadillo.leonardo {
  left: 129px;
  top: -119px;
  font-size: 19px;
  line-height: 19px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

.texto-bocadillo.leonardo.infoleo {
  top: -124px;
}

.texto-bocadillo.texto-perfil-1 {
  position: relative;
  left: 0px;
  top: -233px;
  right: 0px;
  display: block;
  width: 220px;
  height: 26px;
  margin-right: auto;
  margin-left: auto;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 26px;
  text-align: center;
}

.texto-bocadillo.texto-perfil-2 {
  position: relative;
  left: -5px;
  top: -232px;
  display: block;
  width: 220px;
  height: 26px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid #fff;
  font-size: 26px;
  text-align: center;
}

.texto-bocadillo.texto-perfil-3 {
  left: 0px;
  top: 9px;
  display: block;
  width: 220px;
  height: 26px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid #fff;
  font-size: 26px;
  text-align: center;
}

.texto-bocadillo.descripcion-perfil {
  left: 0px;
  top: -228px;
  display: block;
  width: 290px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 300;
  text-align: center;
}

.texto-bocadillo.testimonio-templo {
  left: 11px;
  top: -171px;
  width: 309px;
  font-size: 20px;
  line-height: 23px;
  font-weight: 400;
  text-shadow: 0 2px 1px rgba(0, 0, 0, .11);
}

.leo-foto {
  position: relative;
  left: -223px;
  top: 138px;
}

.mask-slide {
  top: -62px;
  height: 350px;
}

.filas-equipo {
  position: relative;
  top: -27px;
  margin-top: 0px;
}

.nombre {
  position: relative;
  display: block;
  width: 450px;
  height: 40px;
  margin-right: auto;
  margin-left: auto;
  background-color: hsla(35, 41%, 72%, .59);
  box-shadow: inset 0 2px 3px 0 rgba(71, 41, 41, .55);
  font-family: 'Alegreya Sans', sans-serif;
  color: #999;
  font-size: 18px;
  line-height: 20px;
}

.nombre.mensaje {
  position: relative;
  top: 0px;
  height: 120px;
}

.nombre.nombreoptin {
  top: 10px;
  width: 100%;
}

.nombre.correooptin {
  top: 9px;
  width: 100%;
}

.form {
  position: relative;
  top: -39px;
  margin-top: 0px;
}

.tel {
  position: relative;
  left: -31px;
  top: 1px;
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 21px;
  line-height: 25px;
  font-weight: 300;
  text-align: right;
}

.tel.skype-text {
  left: -54px;
  top: 13px;
  font-weight: 300;
}

.tel.mail-text {
  left: -82px;
  top: 13px;
  font-weight: 300;
}

.cont-info {
  position: relative;
  top: 15px;
  margin-top: 10px;
}

.colombia {
  position: relative;
  left: 81px;
  top: -47px;
  width: 30px;
  font-family: Oswald, sans-serif;
  color: #878686;
  font-size: 25px;
  text-align: center;
}

.colombia.sabias {
  left: 0px;
  width: auto;
}

.skype {
  position: relative;
  left: 30px;
  top: -16px;
  overflow: visible;
  width: 35px;
}

.mail-icon {
  position: relative;
  left: -23px;
  top: -13px;
  right: -8px;
  width: 30px;
}

.fa-y-ga {
  font-weight: 400;
}

.resaltado {
  font-weight: 500;
}

.logos {
  position: relative;
  top: 89px;
}

.hedaga-black {
  position: relative;
  top: -14px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.templo-black {
  position: relative;
  left: 41px;
  top: -13px;
  right: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.optica-black {
  position: relative;
  left: 21px;
  right: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.mmb-black {
  position: relative;
  top: 26px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.mmb-black.mmb-color {
  left: 2px;
  top: -46px;
  opacity: 0;
}

.column-3 {
  left: -16px;
}

.column-4 {
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.row {
  height: 121px;
  margin-top: -75px;
  padding-top: 28px;
  border: 2px solid hsla(0, 0%, 100%, .38);
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, .09);
}

.mediamcolor {
  position: relative;
  left: 2px;
  top: -28px;
  z-index: 1;
  display: block;
  margin-right: auto;
  margin-left: auto;
  opacity: 0.01;
}

.link-mmb {
  position: absolute;
  left: 55px;
  top: 15px;
  z-index: 3;
  width: 212px;
  height: 88px;
}

.link-optica {
  position: absolute;
  left: 48px;
  z-index: 2;
  width: 268px;
  height: 63px;
}

.oa-color {
  position: absolute;
  left: 19px;
  width: auto;
}

.oa-gris {
  position: relative;
  left: 44px;
  top: 4px;
}

.color-optica {
  position: relative;
  left: 44px;
  top: -53px;
  opacity: 0;
}

.link-tdj {
  position: absolute;
  top: -13px;
  right: 6px;
  width: 178px;
  height: 96px;
}

.tdj-color {
  position: relative;
  left: -3px;
  right: -21px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: none 0ms ease;
  transition: none 0ms ease;
}

.link-hedaga {
  position: absolute;
  left: 757px;
  top: 40px;
  z-index: 9;
  width: 136px;
}

.hedaga-color {
  position: relative;
  left: 51px;
  top: -92px;
  right: 12px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
}

.profile {
  position: relative;
  display: block;
  width: 239px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.profile.m {
  width: 239px;
}

.profile.m.sonrie {
  top: -240px;
  opacity: 0;
}

.profile.c.sonrie {
  top: -240px;
  opacity: 0;
}

.cont-profile {
  position: relative;
  top: 22px;
}

.cont-form {
  position: relative;
}

.estadistica1 {
  position: absolute;
  left: 220px;
  top: -19px;
}

.estadistica2 {
  position: absolute;
  left: 275px;
  top: -25px;
}

.alberto-pardo {
  position: relative;
  top: 158px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #adadad;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
}

.img {
  display: block;
  margin-top: 74px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.video-cierre {
  position: relative;
  left: 0px;
  top: -236px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: auto;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: scale(0.45);
  -ms-transform: scale(0.45);
  transform: scale(0.45);
}

.row-video {
  position: relative;
  top: 101px;
  height: 81%;
}

.div-titulo {
  position: relative;
  top: -382px;
}

.azul-titulo {
  color: #fff;
  font-style: normal;
  font-weight: 800;
}

.imagen-grande {
  position: relative;
  left: 38px;
  top: 82px;
  -webkit-transform: scale(1.39);
  -ms-transform: scale(1.39);
  transform: scale(1.39);
}

.textweb {
  position: relative;
  left: -46px;
  top: 51px;
  width: 490px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 23px;
  font-style: normal;
  font-weight: 400;
}

.textweb.textads {
  top: 52px;
  font-size: 21px;
  font-weight: 300;
}

.textweb.textvideomarketing {
  top: 52px;
  font-weight: 300;
}

.link4pilares {
  position: relative;
  color: #268de0;
  font-weight: 300;
  text-decoration: none;
}

.listaweb {
  position: relative;
  left: -34px;
  top: -215px;
}

.item1web {
  position: relative;
  left: -31px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}

.webseleccionado {
  position: absolute;
  left: 0px;
  top: 30px;
  right: 7px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.adsnopress {
  position: absolute;
  left: 0px;
  top: 30px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.videonopress {
  position: absolute;
  left: 0px;
  top: 30px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.analiticanopress {
  position: absolute;
  left: 0px;
  top: 30px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.emailnopress {
  position: absolute;
  left: 0px;
  top: 30px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.adspress {
  position: fixed;
  left: 0px;
  top: 30px;
  right: 0px;
  bottom: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.clicads {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 32px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 15px;
  text-align: center;
}

.clicweb {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 32px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.webclic {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 32px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 15px;
  text-align: center;
}

.clicvideo {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 32px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 15px;
  text-align: center;
}

.clicanalitica {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 32px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 15px;
  text-align: center;
}

.clicmail {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 32px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}

.videofullstore {
  left: -44px;
  top: 29px;
}

.emprendimiento {
  font-family: Oswald, sans-serif;
  font-size: 27px;
}

.columna-video {
  top: 9px;
  height: 360px;
}

.los-4-pilares {
  top: 1px;
  display: block;
  border-radius: 0px;
  box-shadow: 0 0 7px 1px hsla(0, 0%, 100%, .51);
}

.section-1 {
  display: block;
  height: 700px;
  background-image: url('../images/estrellas2.png'), url('../images/estrellas.png'), -webkit-linear-gradient(270deg, #002a4d, #000);
  background-image: url('../images/estrellas2.png'), url('../images/estrellas.png'), linear-gradient(180deg, #002a4d, #000);
  background-attachment: fixed, scroll, scroll;
}

.section-1.section1hsm {
  height: 5028px;
  background-image: url('../images/estrellas2.png'), url('../images/estrellas.png'), -webkit-linear-gradient(270deg, #083e5b, #010c12 14%, #01121c 25%, #0f608d 47%, #22a2dc 74%, #cee8fc);
  background-image: url('../images/estrellas2.png'), url('../images/estrellas.png'), linear-gradient(180deg, #083e5b, #010c12 14%, #01121c 25%, #0f608d 47%, #22a2dc 74%, #cee8fc);
}

.section-1.section1hsm.mmbkk {
  height: 5314px;
}

.section-1.section1hsm.hedagas {
  height: 5347px;
}

.section-1.section1hsm.rocaa {
  height: 6510px;
}

.section-1.section1hsm.hsmm {
  height: 8297px;
}

.section-1.section1hsm.hsmm.sectionroca {
  height: 6542px;
}

.section-1.section1hsm.sectemplo {
  height: 6886px;
}

.section-1.section1hsm.secfull {
  position: relative;
  height: 704px;
  background-image: url('../images/estrellas2.png'), url('../images/estrellas.png'), -webkit-linear-gradient(270deg, #04273b, #167eb3 48%, #cee8fc);
  background-image: url('../images/estrellas2.png'), url('../images/estrellas.png'), linear-gradient(180deg, #04273b, #167eb3 48%, #cee8fc);
}

.img-procesos {
  position: relative;
  left: 0px;
  top: 54px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.scrollll {
  font-style: italic;
}

.seccion-beneficios {
  height: 700px;
  background-color: #131e36;
}

.flechab1 {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.flechab1.f1 {
  position: relative;
  top: 63px;
}

.haz-scr {
  position: relative;
  left: 209px;
  top: 100px;
  display: block;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
}

.haz-scr._1111 {
  left: -210px;
  top: 71px;
  display: block;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
}

.haz-scr.abajo {
  left: 0px;
  top: 70px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.mauroserio {
  display: block;
  width: 239px;
  margin-right: auto;
  margin-left: auto;
}

.maurosonrie {
  position: relative;
  top: -240px;
  display: block;
  width: 239px;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.carlossonrie {
  position: relative;
  top: -238px;
  z-index: 13;
  display: block;
  width: 239px;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.carlosserio {
  position: relative;
  z-index: 12;
  display: block;
  width: 239px;
  margin-right: auto;
  margin-left: auto;
}

.cofund {
  font-weight: 500;
}

.iconslider {
  top: 211px;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.iconslider._2 {
  top: -14px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.templodj {
  position: relative;
  top: -70px;
  height: 330px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .29);
}

.templodj.tercerafila-porta {
  top: -9px;
}

.templodj.segunda-fila-port {
  top: -108px;
  height: 400px;
}

.segunda-fila-portafolio {
  position: relative;
  top: 122px;
}

.segunda-fila-portafolio.cuarta-fila-portafolio {
  top: -10px;
}

.tercera-fila-portfolio {
  position: relative;
  top: 48px;
}

.page1 {
  width: 459px;
  height: 258px;
  background-image: url('../images/1_1.png');
  box-shadow: 0 0 6px 0 #fff;
}

.page1:hover {
  background-image: url('../images/1_1.png');
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.portafolio-texto {
  color: #fff;
}

.texto-pagina-1 {
  top: -235px;
}

.texto-pag-1 {
  position: relative;
  left: auto;
  top: -188px;
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  text-shadow: 1px 1px 4px #000;
}

.boton-pagina-1 {
  position: relative;
  left: 0px;
  top: -101px;
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 22px;
  border-radius: 6px;
  background-color: #22a2dc;
  box-shadow: 0 1px 3px 0 #000;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
}

.bg-pagina-1 {
  height: 258px;
}

.title-hsm {
  top: -368px;
  bottom: 65px;
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 40px;
  font-weight: 500;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, .54);
}

.title-hsm.title-templo {
  position: absolute;
  left: 0px;
  top: -8px;
  right: 0px;
  bottom: 268px;
  display: block;
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.title-hsm.titulo-templo {
  top: -291px;
}

.bg-pagina-2 {
  width: 300px;
  height: 222px;
}

.page-2 {
  background-image: url('../images/MMB.png');
}

.texto-pag-2 {
  font-size: 25px;
  font-weight: 500;
}

.col-2-hsm {
  top: 42px;
  height: 280px;
}

.col-1-hsm {
  top: 42px;
  height: 280px;
}

.mmb {
  position: relative;
  left: 0px;
  top: 165px;
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
}

.pagedos {
  background-image: url('../images/optica.png');
}

.bg-pagina-dos {
  height: 258px;
}

.texto-pag-dos {
  top: -214px;
  font-size: 25px;
  font-weight: 400;
}

.boton-pagina-dos {
  position: relative;
  top: -179px;
  z-index: 3;
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 22px;
  border-radius: 6px;
  background-color: #22a2dc;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
}

.segunda-fila-port {
  position: relative;
  top: 30px;
  height: 365px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .29);
}

.page-dois {
  width: 459px;
  height: 258px;
  background-image: url('../images/2_1.png');
  box-shadow: 0 0 6px 0 #fff;
}

.bg-pagina-dois {
  height: 258px;
}

.boton-pagina-dois {
  position: relative;
  top: -101px;
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 22px;
  border-radius: 6px;
  background-color: #22a2dc;
  box-shadow: 0 1px 3px 0 #000;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
}

.texto-page-dois {
  position: relative;
  left: auto;
  top: -188px;
  font-size: 20px;
  line-height: 27px;
  text-shadow: 1px 1px 4px #000;
}

.mmbwhite {
  position: relative;
  top: auto;
  display: block;
  width: 180px;
  margin-right: auto;
  margin-left: auto;
}

.page3 {
  width: 459px;
  height: 258px;
  background-image: url('../images/3_1.png');
  box-shadow: 0 0 6px 0 #fff;
}

.bg-pagina-3 {
  position: relative;
  height: 258px;
}

.texto-page-3 {
  position: relative;
  left: auto;
  top: -188px;
  font-size: 20px;
  text-shadow: 1px 1px 4px #000;
}

.boton-pagina-3 {
  position: relative;
  top: -80px;
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 22px;
  border-radius: 6px;
  background-color: #22a2dc;
  box-shadow: 0 1px 3px 0 #000;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
}

.logo-hedaga {
  position: relative;
  top: 0px;
  display: block;
  width: 90px;
  margin-right: auto;
  margin-left: auto;
}

.col-iz-fila-3 {
  position: static;
  top: 7px;
  height: 280px;
}

.fila-3-portafolio {
  position: relative;
  top: 70px;
  height: 290px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .29);
}

.page4 {
  width: 459px;
  height: 258px;
  background-image: url('../images/4_1.png');
  box-shadow: 0 0 6px 0 #fff;
}

.bg-pagina-4 {
  height: 258px;
}

.texto-page-4 {
  position: relative;
  left: auto;
  top: -188px;
  font-size: 20px;
  text-shadow: 1px 1px 4px #000;
}

.boton-pagina-4 {
  position: relative;
  top: -80px;
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 22px;
  border-radius: 6px;
  background-color: #22a2dc;
  box-shadow: 0 1px 3px 0 #000;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
}

.col-iz-fila-4 {
  top: -462px;
}

.contenedor-fila-2 {
  position: relative;
  top: -17px;
  height: 401px;
}

.col-1-mmb {
  top: -4px;
  height: 350px;
}

.col-comment {
  position: static;
  top: 10px;
  height: 280px;
}

.col-hedaga {
  top: -4px;
  height: 350px;
}

.cont-fila-3 {
  position: relative;
  top: 82px;
  height: 360px;
}

.cuarta-fila {
  position: relative;
  top: 20px;
  height: 290px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .29);
}

.col-leo {
  height: 280px;
}

.col-templo {
  height: 280px;
}

.row-cuarta {
  position: relative;
  top: 1px;
}

.cont-fila-4 {
  position: relative;
  top: 49px;
  height: 360px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .29);
}

.page5 {
  width: 459px;
  height: 258px;
  background-image: url('../images/5.png');
}

.bg-pagina-5 {
  height: 258px;
}

.boton-pagina-5 {
  position: relative;
  top: -80px;
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 22px;
  border-radius: 6px;
  background-color: #22a2dc;
  box-shadow: 0 1px 3px 0 #000;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
}

.page6 {
  width: 459px;
  height: 258px;
  background-image: url('../images/6.png');
}

.boton-pagina-6 {
  position: relative;
  top: -80px;
  display: block;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding: 13px 22px;
  border-radius: 6px;
  background-color: #22a2dc;
  box-shadow: 0 1px 3px 0 #000;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
}

.texto-page-5 {
  position: relative;
  left: auto;
  top: -188px;
  font-size: 20px;
  text-shadow: 1px 1px 4px #000;
}

.bg-pagina-6 {
  height: 258px;
}

.texto-page-6 {
  position: relative;
  left: auto;
  top: -188px;
  font-size: 20px;
  text-shadow: 1px 1px 4px #000;
}

.logo-roca {
  position: relative;
  top: auto;
  display: block;
  width: 90px;
  margin-right: auto;
  margin-left: auto;
}

.logo-fullstore {
  position: relative;
  top: auto;
  display: block;
  width: 180px;
  margin-right: auto;
  margin-left: auto;
}

.arrow-final {
  position: relative;
  top: 94px;
  z-index: 3;
  display: block;
  width: 45px;
  margin-right: auto;
  margin-left: auto;
}

.estrategias-boton {
  position: relative;
  top: 6px;
  font-family: Oswald, sans-serif;
  font-size: 26px;
  font-weight: 400;
}

.columnas-procesos {
  position: relative;
  left: 0px;
  top: 53px;
  margin-right: 0px;
  margin-left: 0px;
  padding-bottom: 37px;
  border: 2px solid rgba(168, 221, 230, .38);
  border-radius: 26px;
}

.columna-proceso {
  top: 18px;
}

._1-a-y-d {
  display: block;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  padding-left: 0px;
}

._2-pe-e {
  display: block;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  padding-left: 0px;
}

._3-i {
  position: static;
  display: block;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  padding-left: 0px;
}

._4-my-o {
  display: block;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  padding-left: 0px;
}

.texto-procesos {
  position: relative;
  padding: 10px;
  border-radius: 10px;
  background-color: hsla(0, 0%, 100%, .09);
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}

.texto-procesos._2 {
  top: -5px;
}

.texto-procesos._3 {
  top: -5px;
}

.texto-procesos._4 {
  top: -5px;
}

.tabs-servicios {
  top: -8px;
}

.tab-panel {
  height: 470px;
}

.tab-link-1 {
  width: 15%;
  height: 130px;
  margin-left: 4.1%;
  padding-right: 10px;
  padding-left: 10px;
  background-color: transparent;
  opacity: 1;
}

.tab-link-1.w--current {
  width: 15%;
  height: 130px;
  background-color: transparent;
  opacity: 1;
}

.menu-tabs {
  top: 28px;
  display: block;
  width: 100%;
  height: 135px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid rgba(34, 162, 220, .2);
  border-radius: 20px;
  background-color: rgba(34, 162, 220, .09);
}

.row-col-desarrollo-web {
  height: 350px;
}

.col-iz-desarrollo {
  height: 359px;
}

.col-der-desarrollo-web {
  height: 359px;
}

.imagen-desarrollo-web {
  display: block;
  margin-top: 53px;
  margin-right: auto;
  margin-left: auto;
}

.titulo-tabs {
  position: relative;
  top: 65px;
  margin-left: 30px;
  font-size: 30px;
  font-weight: 700;
  text-align: left;
}

.texto-tabs-services {
  position: relative;
  top: 103px;
  margin-left: 30px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  font-weight: 300;
}

.texto-tabs-services.tabanuncios {
  top: 99px;
}

.cont-proceso {
  height: 890px;
}

.container-tabs {
  position: relative;
  top: -33px;
  height: 580px;
}

.title-servicios {
  position: relative;
  top: 7px;
  display: block;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.imagen-web {
  position: relative;
  top: 13px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.imagen-anuncios {
  position: relative;
  top: 13px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.imagen-videos {
  position: relative;
  top: 13px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.imagen-analitica {
  position: relative;
  top: 13px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.imagen-email {
  position: relative;
  top: 13px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clic-web {
  position: relative;
  top: 18px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.clic-anuncios {
  position: relative;
  top: 18px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.clic-video {
  position: relative;
  top: 18px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.clic-analitixa {
  position: relative;
  top: 18px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.clic-email {
  position: relative;
  top: 18px;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.link-los-4-pilares {
  color: #22a2dc;
  text-decoration: none;
}

.flecha-abajo {
  position: relative;
  top: 9px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
}

.numero-proceso {
  font-family: Oswald, sans-serif;
}

.analis-y-diag {
  position: relative;
  top: -14px;
  font-size: 20px;
}

.implem {
  position: relative;
  top: -13px;
  font-size: 20px;
}

.medicion {
  position: relative;
  top: -8px;
  font-size: 20px;
}

.plan {
  position: relative;
  top: -14px;
  font-size: 20px;
}

.link-ver-mas-proceso {
  color: #fff;
  font-weight: 500;
}

.boldbotonproceso {
  font-family: Oswald, sans-serif;
  font-size: 29px;
  font-weight: 400;
}

.copyright {
  position: relative;
  top: -24px;
  display: block;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.succes-message {
  position: relative;
  top: 79px;
  height: 100px;
  margin-top: 0px;
  background-color: transparent;
  font-weight: 400;
}

.error-message {
  position: relative;
  top: 31px;
  background-color: transparent;
}

.serviciosboton {
  position: relative;
  top: 488px;
  z-index: 5;
  display: block;
  width: 247px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 13px 22px;
  border-radius: 6px;
  background-color: #22a2dc;
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
}

.tabs-content {
  top: 11px;
}

.servicios-texto {
  font-style: normal;
}

.gratis {
  color: #f68a2f;
}

.col-pilares {
  top: 12px;
}

.div-pilares {
  width: 380px;
  height: 536px;
  margin-top: 21px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 18px;
  padding-bottom: 26px;
  padding-left: 18px;
  border-radius: 32px;
  background-color: hsla(0, 0%, 100%, .4);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
}

.video-pilares {
  top: 27px;
  width: auto;
  margin-top: 28px;
}

.fondo-boton {
  position: relative;
  top: -216px;
  display: block;
  width: 341px;
  height: 101px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px;
}

.boton-4-pilares {
  position: relative;
  top: -8px;
  z-index: 5;
  display: block;
  height: 110px;
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto;
}

.cometa1 {
  position: absolute;
  left: 37px;
  top: 371px;
  z-index: 5;
}

.cometa2 {
  position: absolute;
  left: 99px;
  top: 475px;
  z-index: 2;
}

.heading-boton1 {
  position: relative;
  left: 0px;
  top: -113px;
  z-index: 1;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
}

.descubre {
  position: relative;
  left: 0px;
  top: 30px;
  bottom: 1px;
  z-index: 2;
  font-family: Oswald, sans-serif;
  color: #de7e3e;
  font-size: 25px;
  line-height: 25px;
  text-decoration: none;
}

.comletamente {
  position: relative;
  left: 0px;
  top: -121px;
  z-index: 3;
  font-family: Oswald, sans-serif;
  font-size: 27px;
}

.col-iz-contacto {
  top: 14px;
}

.subtitle-4pilares {
  position: relative;
  top: 22px;
  display: block;
  height: 27px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px none #595959;
  font-family: 'Alegreya Sans', sans-serif;
  color: #595959;
  font-size: 22px;
  line-height: 23px;
  text-align: center;
}

.contoptin {
  position: relative;
  top: -12px;
}

.form-optin {
  position: relative;
  top: 31px;
}

.resaltartest {
  padding-right: 6px;
  padding-left: 6px;
  background-color: transparent;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

.error-desktop {
  top: -143px;
}

.celleo {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

.div-video {
  position: relative;
  top: 108px;
  display: block;
  width: 630px;
  margin-right: auto;
  margin-left: auto;
}

.iz {
  width: 167px;
  height: 55px;
  border-right: 1px none rgba(14, 111, 150, .4);
  border-left: 1px none rgba(14, 111, 150, .4);
  font-family: 'Alegreya Sans', sans-serif;
  color: rgba(0, 0, 0, .52);
  font-size: 17px;
  text-align: center;
}

.iz:hover {
  color: #22a2dc;
}

.iz.w--current {
  width: 70px;
  height: 55px;
  border-left: 1px solid rgba(0, 0, 0, .52);
  background-image: url('../images/izquier.png');
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat;
}

.de {
  width: 167px;
  height: 55px;
  border-right: 1px none rgba(14, 111, 150, .4);
  border-left: 1px none rgba(14, 111, 150, .4);
  font-family: 'Alegreya Sans', sans-serif;
  color: rgba(0, 0, 0, .52);
  font-size: 17px;
  text-align: center;
}

.de:hover {
  color: #22a2dc;
}

.volver {
  box-shadow: none;
  font-family: 'Alegreya Sans', sans-serif;
  color: rgba(0, 0, 0, .52);
  font-size: 17px;
}

.volver:hover {
  box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, .15);
  color: #22a2dc;
}

.tituloportafolio {
  position: relative;
  top: 21px;
  height: 47px;
  margin-top: 20px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .45);
  font-family: Oswald, sans-serif;
  font-size: 35px;
}

.slidermmb {
  top: 51px;
  display: block;
  width: 850px;
  height: 357px;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
}

.mmbimg1 {
  position: relative;
  display: block;
  width: 420px;
  margin-right: auto;
  margin-left: auto;
}

.mmbimg1.rocaimg1 {
  width: 420px;
}

.mmbimg1.rocaimg1.rocascreen {
  width: 420px;
}

.mmbimg1.rocaimg1.img2roca {
  width: 697px;
}

.mmbimg1.screen1hsm {
  width: 700px;
}

.mmbimg1.screen1hsm.img1roca {
  width: 420px;
}

.parrafodesmmb {
  top: -442px;
}

.parrafoportafolio {
  top: 15px;
  width: 643px;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
}

.parrafoportafolio.parrafo-fullstore {
  top: 34px;
  width: 717px;
}

.parrafoportafolio.parrafohsm2 {
  width: 681px;
}

.parrafoportafolio.parrafoslide4hsm {
  width: 717px;
}

.parrafoportafolio.parrafohedaga {
  width: 717px;
}

.parrafoportafolio.parrafoport1hedaga {
  width: 717px;
}

.parrafoportafolio.parrafo-1-tdj {
  width: 717px;
}

.parrafoportafolio.parrafohsm5 {
  width: 648px;
}

.parrafoportafolio.parrafo-3-tdh {
  width: 737px;
}

.parrafoportafolio.parrafo-slide-6-tdj {
  width: 717px;
}

.parrafoportafolio.parrafo-1-roca {
  width: 717px;
}

.parrafoportafolio.parrafo-slide-2-roca {
  width: 717px;
}

.parrafoportafolio.portafolio-slide-3-roca {
  width: 717px;
}

.parrafoportafolio.parrafo-1-mmb {
  width: 717px;
}

.parrafoportafolio.parrafoslide-3-hsm {
  width: 717px;
}

.flechaizportafolio {
  top: -143px;
}

.cont-info-portafolio {
  position: relative;
  top: -121px;
}

.cont-info-portafolio.contfullstore {
  top: -100px;
}

.cont-info-portafolio.continfohsm {
  top: -96px;
}

.cont-info-portafolio.continfohsm.continforoca {
  top: -78px;
}

.col-link {
  left: -72px;
  height: 70px;
}

.col-cliente-portafolio {
  left: 13px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.title-cliente-portafolio {
  position: relative;
  left: -38px;
  top: -24px;
  display: block;
  width: 150px;
  margin-right: auto;
  margin-left: auto;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 19px;
  font-weight: 300;
}

.title-cliente-portafolio.title-tipo-proyecto {
  left: -16px;
  top: 24px;
  display: block;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  font-family: Oswald, sans-serif;
  font-weight: 300;
}

.spm {
  position: relative;
  left: 49px;
  top: 10px;
  display: block;
  width: 174px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 15px;
  border: 1px solid hsla(0, 0%, 100%, .2);
  border-radius: 10px;
  background-color: hsla(0, 0%, 100%, .09);
  font-family: 'Alegreya Sans', sans-serif;
  color: #fff;
  font-size: 19px;
  text-align: center;
}

.div-iconos-portafolio {
  position: relative;
  left: 138px;
  top: -20px;
  display: block;
  width: 329px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.iconodesarrollo {
  position: static;
  left: 7px;
  top: -2px;
  margin-right: 7px;
}

.contacto-portafolio {
  font-style: normal;
}

.link-logo-hedaga {
  position: relative;
  top: -54px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.link-logo-mmb {
  position: relative;
  top: -72px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.link-logo-roca {
  position: relative;
  top: -58px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.link-logo-fullstore {
  position: relative;
  top: -48px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.icono-dise-o {
  position: relative;
  left: 8px;
  top: 3px;
}

.icono-dise-o.doptica {
  left: -3px;
}

.mask {
  top: -14px;
}

.negrita {
  font-size: 20px;
  font-weight: 300;
}

.porttest {
  position: relative;
  display: block;
  margin: 0px auto 80px;
}

.cont-screenshots {
  position: relative;
  top: -84px;
}

.cont-screenshots.contscreenshotshsm {
  top: -44px;
}

.nav-puntos {
  top: 303px;
  clear: none;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}

.nav-puntos.nav-fullstore {
  top: 342px;
}

.nav-puntos.nabmmb {
  opacity: 0;
}

.nav-puntos.navhsm {
  top: 343px;
}

.nav-puntos.nav-hedaga {
  opacity: 0;
}

.text-bot {
  font-family: Oswald, sans-serif;
  font-size: 31px;
  line-height: 38px;
}

.imagen-c {
  display: block;
  width: 420px;
  margin-right: auto;
  margin-left: auto;
}

.imagen-c.imagen3roca {
  width: 420px;
}

.imagen-c.imagen-2-hsm {
  width: 700px;
}

.imagen-c.sllide-3-hsm {
  width: 700px;
}

.imagen-c.slide4hsm {
  width: 700px;
}

.imagen-c.imagenslide5-hsm {
  width: 420px;
}

.imagen-c.slide2tdj {
  width: 700px;
}

.imagen-c.img-slider-3-tdj {
  width: 697px;
}

.imagen-c.img-slide-4-tdj {
  width: 700px;
}

.imagen-c.img-slide-5-tdj {
  width: 700px;
}

.video-de-fullstore {
  position: relative;
  top: 8px;
  display: block;
  width: 463px;
  margin-right: auto;
  margin-left: auto;
}

.leftmmb {
  opacity: 0;
}

.rightmmb {
  opacity: 0;
}

.left-hedaga {
  opacity: 0;
}

.right-hedaga {
  opacity: 0;
}

.resaltar {
  font-weight: 400;
}

.div-chat {
  position: fixed;
  top: 88%;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  width: 348px;
  float: right;
  background-color: transparent;
  font-size: 16px;
}

.textchat {
  position: relative;
  left: 16px;
  top: 11px;
  z-index: 30;
  margin-right: 5px;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 27px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  text-shadow: 1px 1px 2px #000;
}

.flechachat {
  position: relative;
  left: 51px;
  top: -18px;
}

.flechachat.flechachat2 {
  left: 225px;
  top: -15px;
  margin-left: 33px;
}

html.w-mod-js *[data-ix="aparicion-en-cascada"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-en-cascada-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-en-cascada-3"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-en-cascada-4"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-en-cascada-5"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="new-interaction-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="new-interaction-3"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="new-interaction-4"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="juntos-nos-encarg"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-logo"] {
  opacity: 0.19;
}

html.w-mod-js *[data-ix="mov-nube-pq"] {
  -webkit-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}

html.w-mod-js *[data-ix="color"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="new-interaction-8"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="emprendamos-la-aventura"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="mov-nube-3"] {
  -webkit-transform: scale(0.77, 0.77);
  -ms-transform: scale(0.77, 0.77);
  transform: scale(0.77, 0.77);
}

html.w-mod-js *[data-ix="mov-nube-4"] {
  -webkit-transform: scale(0.45, 0.45);
  -ms-transform: scale(0.45, 0.45);
  transform: scale(0.45, 0.45);
}

html.w-mod-js *[data-ix="titulo-1"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="sabemos-que-tus-ideas"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="titulo-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="como-aterrizarlas"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="mov-nube-pq-2"] {
  -webkit-transform: scale(0.65, 0.65);
  -ms-transform: scale(0.65, 0.65);
  transform: scale(0.65, 0.65);
}

html.w-mod-js *[data-ix="sabemos-que-tus-ideas-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-procesos"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-procesos-con-espera"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="titulo-3"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="titulo-4"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="hover-page-1"] {
  opacity: 0.99;
}

html.w-mod-js *[data-ix="aparce-texto-pagina-1"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparce-boton-pag-1"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-bg-pag-1"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="hover-page-2"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="aparece-texto-pagina-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-boton-pag-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-bg-pag-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="hover-page-3"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="aparece-texto-pagina-3"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-boton-pag-3"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-bg-pagina-3"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="hover-page-4"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="aparece-texto-pagina-4"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-boton-pagina-4"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-bg-pagina-4"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="hover-page-5"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="aparece-texto-page-5"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-boton-pagina-5"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-bg-pagina-5"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="hover-page-6"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="aparece-texto-pagina-6"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-boton-pagina-6"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparece-bg-pagina-6"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-procesos-con-espera-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-procesos-con-espera-3"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-procesos-con-espera-4"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="aparicion-procesos-con-espera-5"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="cometa1"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="cometa-2"] {
  opacity: 0;
}

@media (max-width: 991px) {
  h1 {
    font-size: 16px;
  }
  p {
    top: 185px;
  }
  .button {
    top: -15px;
    z-index: 5;
  }
  .button.w--current {
    top: 428px;
  }
  .button._2 {
    top: 192px;
    margin-top: -116px;
  }
  .button.m.p {
    margin-top: -73px;
  }
  .button.boton-equipo {
    top: 133px;
    margin-top: -15px;
  }
  .button.boton-equipo.w--current {
    top: 146px;
  }
  .button.boton-equipo.eq {
    top: -40px;
  }
  .button.botonservicios {
    top: -97px;
  }
  .button.botonservicios.sec-1 {
    left: 0px;
    top: auto;
    right: 0px;
    bottom: -80px;
    margin-top: auto;
  }
  .button.botonservicios.sec-1.w--current {
    top: 22%;
  }
  .button.botonmisiones {
    top: 700px;
  }
  .button.aventura {
    top: 113px;
  }
  .button._3434 {
    top: 5px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .button._3434.w--current {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .button._3454 {
    top: 129px;
  }
  .button.proceso-boton {
    top: 734px;
  }
  .button.casos {
    top: 751px;
  }
  .button.hhh {
    top: 97px;
  }
  .button.boton-servicios {
    top: 469px;
  }
  .button.proceso-button {
    top: 157px;
  }
  .button.proceso-utton.w--current {
    position: static;
  }
  .button.proyectos {
    top: 1px;
  }
  .button.proyectos.boton-mmb {
    top: -22px;
  }
  .llamado-a-la-accion {
    overflow: hidden;
    height: 570px;
    float: none;
    clear: none;
    background-size: 1279px;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .logo {
    left: -82px;
    top: 0px;
    width: 129px;
    margin-left: 86px;
  }
  .seccion2 {
    height: 1071px;
    margin-left: -106px;
    background-position: 67% 40%;
  }
  .seccion2.m {
    position: static;
    height: 671px;
    margin-left: auto;
  }
  .responsive {
    margin-top: 157px;
  }
  .navbar {
    height: 48px;
    background-color: #fff;
  }
  .sec1 {
    top: auto;
    height: 48px;
    margin-top: 0px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
  }
  .sec1:hover {
    top: auto;
    height: 48px;
    box-shadow: none;
  }
  .sec1.w--current {
    top: auto;
    height: 48px;
    margin-top: 0px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
  }
  .sec1.w--current:hover {
    height: 48px;
    box-shadow: none;
  }
  .sec1.contacto {
    top: auto;
    height: 48px;
    margin-top: 0px;
    padding-top: 15px;
  }
  .nav-menu {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    height: 48px;
  }
  .container1 {
    top: 16px;
    overflow: visible;
    padding-bottom: 156px;
  }
  .container1.cont-llamado {
    top: -69px;
  }
  .titulopag {
    top: -71px;
    font-size: 36px;
  }
  .titulopag._67 {
    top: 124px;
  }
  .titulopag._67.con-una {
    top: 367px;
  }
  .titulopag._67.empresa {
    top: 307px;
  }
  .titulopag._67.empresa.estrategia {
    top: 434px;
  }
  .titulopag._67.avent {
    top: 193px;
    z-index: 9;
  }
  .text2 {
    top: -81px;
    font-size: 65px;
  }
  .text2._2 {
    top: -344px;
    font-size: 55px;
  }
  .imf-fondo {
    top: 23px;
    z-index: 3;
    margin-top: 52px;
    opacity: 0.41;
  }
  .div-contact {
    float: none;
  }
  .programacion {
    margin-top: -439px;
  }
  .mapa-servicios {
    left: 0px;
    margin-right: 190px;
    margin-left: 190px;
  }
  .scroll {
    top: 549px;
    z-index: 0;
    margin-right: auto;
    margin-left: auto;
  }
  .scroll-tablet {
    padding: 0px;
  }
  .scroll-tablet.tablet {
    margin-top: 66px;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
  .img-scroll {
    box-shadow: none;
  }
  .img-scroll.mobile {
    margin-right: 18px;
    margin-left: 18px;
    box-shadow: none;
  }
  .link-scroll {
    left: 314px;
    top: 659px;
  }
  .seccion-proceso {
    height: 1045px;
  }
  .seccion-misiones {
    background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1-copy.png'), -webkit-linear-gradient(270deg, #22a2dc 36%, #cee8fc 99%);
    background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1-copy.png'), linear-gradient(180deg, #22a2dc 36%, #cee8fc 99%);
  }
  .seccion-contactanos {
    height: 1509px;
    background-size: 816px;
  }
  .titular-sec2 {
    font-family: Oswald, sans-serif;
    font-style: italic;
  }
  .enfocate {
    top: -3px;
    font-size: 35px;
    line-height: 53px;
  }
  .texto-sec-2 {
    top: -15px;
    font-size: 35px;
  }
  .iconos-proceso {
    top: 214px;
  }
  .acompa-ar {
    top: 56px;
    font-size: 35px;
    line-height: 55px;
  }
  .acompa-ar.logrado {
    top: 17px;
  }
  .herram {
    top: 164px;
  }
  .aventura2 {
    top: -147px;
    font-size: 96px;
  }
  .col1 {
    position: absolute;
    left: -11px;
    top: 25px;
  }
  .col2 {
    left: 200px;
  }
  .expande {
    top: 111px;
    margin-bottom: 4px;
    padding-bottom: 20px;
    font-size: 35px;
  }
  .expande.aterr {
    top: 60px;
  }
  .video-ventas {
    top: 144px;
    -webkit-transform: scale(0.51);
    -ms-transform: scale(0.51);
    transform: scale(0.51);
  }
  .asesoria {
    font-size: 35px;
  }
  .contactanos {
    top: 13px;
    font-size: 35px;
    line-height: 44px;
  }
  .contactanos.boton {
    position: relative;
    left: -19px;
    top: 21px;
    right: auto;
    bottom: auto;
    display: block;
    width: 628px;
    margin-right: auto;
    margin-left: auto;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
  }
  .logo-tri {
    position: relative;
    left: 561px;
    top: 388px;
    -webkit-transform: scale(0.73);
    -ms-transform: scale(0.73);
    transform: scale(0.73);
  }
  .nube {
    left: -181px;
    top: 3978px;
    z-index: 2;
    opacity: 0.61;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .nube._2 {
    left: 336px;
    overflow: hidden;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }
  .nube._3 {
    left: 52px;
    -webkit-transform: scale(0.47);
    -ms-transform: scale(0.47);
    transform: scale(0.47);
  }
  .nube._3._5 {
    left: 143px;
  }
  .nube._3.otra-nube {
    left: 120px;
    top: 3108px;
  }
  .nube._4 {
    left: -55px;
    opacity: 0.14;
  }
  .nube._4._67 {
    opacity: 0.04;
  }
  .nube._4._55 {
    left: 21px;
  }
  .nube._6 {
    left: 237px;
  }
  .tabs {
    top: 64px;
  }
  .tab-link {
    opacity: 1;
  }
  .tab-link.w--current {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  }
  .tab-link.aw {
    margin-left: 111px;
  }
  .titulo-tab {
    top: -126px;
  }
  .contenido-tabs {
    top: -182px;
    height: 300px;
  }
  .tab-pane {
    position: relative;
    left: 0px;
    top: 69px;
    z-index: 5;
    display: block;
    width: 680px;
    height: 260px;
    margin-right: auto;
    margin-left: auto;
  }
  .img-desarrollo-web {
    max-width: 80px;
  }
  .texto-tabs-servicios.dw {
    font-size: 23px;
  }
  .tab-menu {
    top: -145px;
    height: auto;
    margin-top: 78px;
    margin-right: auto;
    margin-left: auto;
  }
  .lista-beneficios {
    margin-top: 33px;
  }
  .item-lista {
    margin-top: 0px;
    margin-bottom: 6px;
    font-size: 17px;
    line-height: 21px;
  }
  .flecha-derecha {
    left: 585px;
  }
  .slider-exito {
    top: 45px;
  }
  .slide-nav {
    top: 350px;
  }
  .bocadillo {
    left: 11px;
  }
  .video {
    left: 10px;
    top: 1px;
  }
  .flecha-izquierda {
    left: 54px;
  }
  .texto-bocadillo {
    left: auto;
    top: -263px;
    display: block;
    width: 265px;
    margin-right: auto;
    margin-left: auto;
    font-weight: 300;
  }
  .texto-bocadillo.leonardo {
    left: 87px;
    top: -216px;
    font-weight: 400;
  }
  .texto-bocadillo.leonardo.infoleo {
    left: 134px;
    top: -203px;
  }
  .texto-bocadillo.descripcion-perfil {
    width: 228px;
  }
  .texto-bocadillo.testimonio-templo {
    left: 5px;
    top: -246px;
  }
  .leo-foto {
    left: 48px;
    top: 2px;
  }
  .leo-foto.fotoleoo {
    left: 84px;
  }
  .nombre {
    position: relative;
    width: 358px;
  }
  .nombre.nombreoptin {
    width: 358px;
  }
  .nombre.correooptin {
    width: 358px;
  }
  .tel {
    left: 21px;
    width: 180px;
    font-size: 20px;
  }
  .tel.skype-text {
    left: 12px;
    font-size: 20px;
  }
  .tel.mail-text {
    left: 13px;
    font-size: 20px;
  }
  .cont-info {
    top: 250px;
    height: 141px;
  }
  .colombia {
    left: 22px;
    top: -599px;
    display: block;
  }
  .skype {
    left: -14px;
  }
  .mail-icon {
    left: -26px;
  }
  .logos {
    top: 143px;
  }
  .mmb-black {
    top: -64px;
  }
  .mmb-black.mmb-color {
    left: 2px;
    top: -43px;
  }
  .column-3 {
    left: 205px;
  }
  .mediamcolor {
    top: -119px;
  }
  .link-mmb {
    left: 12px;
    top: -83px;
  }
  .tdj-color {
    left: 34px;
  }
  .link-hedaga {
    right: 15px;
  }
  .estadistica1 {
    left: 109px;
  }
  .img {
    margin-top: 17px;
  }
  .video-cierre {
    top: -162px;
    -webkit-transform: scale(0.76);
    -ms-transform: scale(0.76);
    transform: scale(0.76);
  }
  .row-video {
    top: 167px;
    margin-top: 0px;
  }
  .imagen-grande {
    position: relative;
    left: -141px;
    top: 111px;
  }
  .textweb {
    left: -93px;
    top: 82px;
    padding-right: 106px;
    font-size: 20px;
    font-weight: 300;
  }
  .textweb.textads {
    left: -70px;
    top: 91px;
  }
  .videofullstore {
    left: -236px;
    top: 49px;
    -webkit-transform: scale(0.8) scale(0.78);
    -ms-transform: scale(0.8) scale(0.78);
    transform: scale(0.8) scale(0.78);
  }
  .colimgads {
    position: relative;
    display: block;
  }
  .columna-video {
    top: -82px;
    margin-top: -41px;
    padding-right: 97px;
    padding-left: 97px;
  }
  .los-4-pilares {
    top: auto;
    margin-bottom: 8%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .section-1 {
    height: 750px;
  }
  .img-procesos {
    top: 137px;
    display: block;
    margin-top: -51px;
  }
  .haz-scr {
    left: 0px;
    top: 122px;
    z-index: 7;
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    clear: none;
  }
  .haz-scr.abajo {
    left: 0px;
  }
  .col3 {
    position: absolute;
    top: 352px;
  }
  .iconslider {
    top: 234px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .iconslider._2 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .texto-pag-1 {
    left: auto;
    font-size: 20px;
  }
  .texto-page-dois {
    left: auto;
    font-size: 20px;
  }
  .texto-page-3 {
    left: auto;
    font-size: 20px;
  }
  .logo-hedaga {
    top: auto;
  }
  .texto-page-4 {
    position: relative;
    left: auto;
    top: -188px;
    font-size: 20px;
  }
  .texto-page-5 {
    font-size: 20px;
  }
  .texto-page-6 {
    font-size: 20px;
  }
  .arrow-final {
    top: 135px;
    z-index: 5;
  }
  .columnas-procesos {
    top: 137px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  ._1-a-y-d {
    padding-left: 22px;
  }
  ._2-pe-e {
    padding-left: 30px;
  }
  ._3-i {
    padding-left: 32px;
  }
  ._4-my-o {
    padding-left: 11px;
  }
  .texto-procesos {
    top: 16px;
  }
  .texto-procesos._2 {
    top: 15px;
  }
  .texto-procesos._3 {
    top: 16px;
  }
  .tab-link-1 {
    width: 15%;
    opacity: 1;
  }
  .tab-link-1.w--current {
    width: 15%;
    opacity: 1;
  }
  .imagen-desarrollo-web {
    position: relative;
    top: -18px;
  }
  .titulo-tabs {
    top: 42px;
  }
  .texto-tabs-services {
    top: 69px;
    font-weight: 300;
  }
  .texto-tabs-services.tabanuncios {
    top: 60px;
  }
  .cont-proceso {
    display: block;
    height: 850px;
    margin-right: auto;
    margin-left: auto;
  }
  .title-servicios {
    left: 0px;
    width: 96.8%;
    font-size: 13px;
  }
  .analis-y-diag {
    font-size: 18px;
  }
  .implem {
    font-size: 18px;
  }
  .medicion {
    font-size: 18px;
    line-height: 27px;
  }
  .plan {
    font-size: 18px;
  }
  .copyright {
    top: 208px;
  }
  .serviciosboton {
    top: 487px;
    z-index: 5;
    width: 247px;
    padding: 13px 22px;
    border-radius: 6px;
    background-color: #22a2dc;
  }
  .tabs-content {
    top: 30px;
  }
  .col-pilares {
    top: 480px;
  }
  .div-pilares {
    display: block;
    width: 700px;
    height: 697px;
    min-height: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  .fondo-boton {
    height: 131px;
  }
  .cometa1 {
    left: 22px;
    top: 431px;
  }
  .cometa2 {
    left: 40px;
    top: 524px;
  }
  .heading-boton1 {
    left: 0px;
    top: -108px;
    font-size: 23px;
  }
  .descubre {
    left: 11px;
    top: -106px;
    font-size: 24px;
  }
  .comletamente {
    left: 0px;
    top: -102px;
    font-size: 28px;
  }
  .subtitle-4pilares {
    top: 28px;
    font-size: 24px;
  }
  .contoptin {
    position: relative;
    top: 3px;
    height: 300px;
  }
  .row-info {
    position: relative;
    top: -551px;
  }
  .div-video {
    top: 105px;
  }
  .iz {
    height: 48px;
    padding-top: 15px;
  }
  .de {
    height: 48px;
    padding-top: 15px;
  }
  .volver {
    height: 48px;
    padding-top: 15px;
    box-shadow: none;
  }
  .tituloportafolio {
    font-size: 30px;
  }
  .slidermmb {
    left: -26px;
    overflow: visible;
    width: 772px;
    clear: both;
  }
  .mmb-slide1 {
    position: relative;
    display: block;
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .mmb-slide1.slider-principalroca {
    overflow: hidden;
    clear: none;
  }
  .mmbimg1.rocaimg1.img2roca {
    z-index: 5;
    float: none;
    clear: none;
  }
  .parrafoportafolio {
    top: 13px;
  }
  .cont-info-portafolio.contfullstore {
    top: -109px;
  }
  .cont-info-portafolio.continfohsm.continforoca {
    top: -111px;
  }
  .col-link {
    left: -104px;
  }
  .col-cliente-portafolio {
    left: -34px;
  }
  .title-cliente-portafolio {
    left: -33px;
    font-size: 18px;
  }
  .title-cliente-portafolio.title-tipo-proyecto {
    left: 3px;
    font-size: 18px;
  }
  .spm {
    left: 47px;
  }
  .div-iconos-portafolio {
    left: 135px;
    text-align: center;
  }
  .mask {
    overflow: hidden;
    height: 471px;
  }
  .cont-screenshots.contscreenshotshsm.contscreenroca {
    top: -67px;
  }
  .nav-puntos {
    overflow: hidden;
    clear: none;
  }
  .nav-puntos.navhsm {
    top: 326px;
  }
  .imagen-c {
    position: relative;
    left: 0px;
    top: 123px;
    display: block;
    margin-right: auto;
    margin-bottom: 124px;
    margin-left: auto;
  }
  .slide2 {
    left: 773px;
    top: -593px;
  }
  .flecha-derecha-hsm {
    left: 655px;
  }
  .flecha-iizquierda-js {
    left: 21px;
  }
  .textchat {
    left: 33px;
    margin-right: 38px;
  }
}

@media (max-width: 767px) {
  h1 {
    top: -42px;
    margin-left: -282px;
  }
  p {
    top: -21px;
  }
  .button {
    top: -159px;
  }
  .button.w--current {
    top: 367px;
  }
  .button._2 {
    left: -5px;
    top: 254px;
  }
  .button._2.w--current {
    left: 0px;
    top: auto;
    right: 0px;
    bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .button.contacto {
    top: 4px;
  }
  .button.m {
    top: -29px;
  }
  .button.m.llamado {
    top: 189px;
  }
  .button.boton-equipo {
    top: -448px;
    width: 230px;
    height: 57px;
    padding-top: 0px;
    font-size: 15px;
  }
  .button.boton-equipo.w--current {
    top: 14px;
    z-index: 3;
  }
  .button.boton-equipo.eq {
    top: -265px;
  }
  .button.botonservicios {
    top: -354px;
  }
  .button.botonservicios.sec-1 {
    top: 9%;
  }
  .button.botonservicios.sec-1.w--current {
    top: -36%;
  }
  .button.botonmisiones {
    top: 745px;
  }
  .button.botonmisiones.w--current {
    top: 16px;
  }
  .button.aventura {
    top: 164px;
    width: 300px;
  }
  .button._3434 {
    top: 110px;
    margin-right: -31px;
    margin-left: -31px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .button._3434.w--current {
    left: -9px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .button._3454 {
    top: 199px;
  }
  .button._3454.w--current {
    position: absolute;
    top: 665px;
  }
  .button.casos {
    position: absolute;
    top: 2253px;
    padding-bottom: 36px;
  }
  .button.hhh {
    top: -42px;
    margin-top: 0px;
  }
  .button.boton-servicios {
    top: 307px;
  }
  .button.boton-servicios.w--current {
    top: 0px;
    padding-top: 13px;
  }
  .button.proceso-button {
    left: 0px;
    top: -58px;
    right: auto;
    bottom: auto;
    width: 279px;
    margin-top: 282px;
    margin-bottom: auto;
  }
  .button.proyectos.w--current {
    top: 0px;
  }
  .button.proyectos.boton-fullstore {
    top: 95px;
  }
  .llamado-a-la-accion {
    padding-right: 14px;
    padding-left: 14px;
  }
  .logo {
    width: 128px;
  }
  .seccion2 {
    margin-left: 0px;
    background-image: url('../images/servicios-mobil.png');
    background-position: 146px 109px;
    background-size: auto 800px;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .seccion2.m {
    height: 556px;
    margin-left: auto;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  }
  .sec1 {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    margin-top: 0px;
    padding-top: 15px;
    padding-bottom: 0px;
    background-color: #fff;
    color: rgba(54, 54, 54, .52);
  }
  .sec1.w--current {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    margin-top: auto;
  }
  .sec1.contacto {
    position: relative;
    left: auto;
    top: 0px;
    right: auto;
    margin-top: auto;
  }
  .sec1.proceso-drop {
    position: relative;
    top: 0px;
    margin-top: auto;
    background-color: #fff;
  }
  .sec1.exito-drop {
    position: relative;
    top: 0px;
    margin-top: auto;
    background-color: #fff;
  }
  .nav-menu {
    position: static;
    left: 0px;
    top: 0px;
    right: auto;
  }
  .container1 {
    top: 18px;
    z-index: 5;
    height: 480px;
    margin-top: auto;
    margin-bottom: 0px;
    padding-bottom: 264px;
  }
  .titulopag {
    top: -20px;
    font-size: 35px;
  }
  .titulopag._67 {
    top: -279px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    font-size: 35px;
  }
  .titulopag._67.con-una {
    top: 359px;
    font-size: 35px;
  }
  .titulopag._67.empresa.estrategia {
    top: 412px;
  }
  .titulopag._67.avent {
    top: 203px;
    font-size: 34px;
  }
  .text2 {
    top: -22px;
    display: block;
    font-family: Oswald, sans-serif;
    font-size: 70px;
    font-weight: 400;
  }
  .text2._2 {
    top: -277px;
    font-family: Oswald, sans-serif;
    font-size: 54px;
  }
  .imf-fondo {
    top: 137px;
    z-index: 4;
    width: 421px;
    margin-top: -11px;
    margin-left: auto;
    opacity: 0.56;
  }
  .cel-1 {
    left: 402px;
  }
  .cel-1.correo {
    left: 227px;
  }
  .col-flag {
    left: -53px;
  }
  .phone.peque-tel {
    left: -181px;
  }
  .mail {
    left: 198px;
  }
  .programacion {
    margin-top: -558px;
    margin-left: 522px;
  }
  .mapa-servicios {
    margin-right: auto;
    margin-left: auto;
    padding-right: 38px;
    padding-left: 38px;
    background-image: url('../images/servicios.png');
  }
  .scroll {
    top: 604px;
    margin-right: auto;
    margin-left: auto;
  }
  .scroll-tablet.tablet {
    display: block;
    width: 69px;
    margin-right: auto;
    margin-left: auto;
  }
  .img-scroll {
    position: static;
    left: auto;
    top: auto;
    margin-top: 81px;
    box-shadow: none;
  }
  .img-scroll.mobile {
    position: relative;
    top: -48px;
    margin-top: 147px;
    box-shadow: none;
  }
  .link-scroll {
    left: 223px;
    top: 544px;
    right: 223px;
    bottom: 144px;
    overflow: hidden;
  }
  .menu {
    position: relative;
    top: -5px;
  }
  .seccion-proceso {
    height: 1528px;
    padding-top: 9px;
  }
  .seccion-misiones {
    height: 2931px;
    background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1-copy.png'), -webkit-linear-gradient(270deg, #22a2dc 25%, #cee8fc 99%);
    background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1-copy.png'), linear-gradient(180deg, #22a2dc 25%, #cee8fc 99%);
  }
  .seccion-contactanos {
    height: 1370px;
  }
  .enfocate {
    top: -7px;
    width: 460px;
    font-size: 25px;
    line-height: 43px;
  }
  .texto-sec-2 {
    top: -15px;
    width: 460px;
    font-size: 25px;
  }
  .enfocate2 {
    top: 46px;
  }
  .seccion-equipo {
    height: 932px;
  }
  .iconos-proceso {
    width: 548px;
  }
  .acompa-ar {
    left: 2px;
    top: 55px;
    margin-left: 0px;
    font-size: 31px;
    text-align: center;
  }
  .aventura2 {
    top: -90px;
    font-size: 75px;
  }
  .col1 {
    left: -118px;
    height: auto;
  }
  .col2 {
    left: 240px;
    top: -3px;
  }
  .expande {
    top: 78px;
    font-size: 25px;
  }
  .expande.aterr {
    top: 40px;
    font-size: 33px;
  }
  .video-ventas {
    left: auto;
    top: 198px;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }
  .contactanos {
    top: 39px;
    display: block;
    width: 529px;
    margin-right: auto;
    margin-left: auto;
    font-size: 32px;
    line-height: 41px;
  }
  .contactanos.boton {
    left: -1px;
    top: 23px;
    width: 442px;
    font-size: 20px;
  }
  .logo-tri {
    left: 398px;
    top: 454px;
    -webkit-transform: scale(0.55);
    -ms-transform: scale(0.55);
    transform: scale(0.55);
  }
  .nube {
    left: -36px;
    top: 3892px;
    z-index: 2;
    overflow: scroll;
    opacity: 0.73;
  }
  .nube._3 {
    left: -110px;
    top: 4069px;
  }
  .nube._3.n {
    left: 177px;
    top: 3685px;
  }
  .nube._4 {
    top: 3339px;
    opacity: 0.31;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .nube._4._67 {
    left: 52px;
    top: 3050px;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }
  .nube._4._55 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .nube._6 {
    left: 51px;
    top: 3800px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .tab-link.aw {
    margin-left: 89px;
  }
  .titulo-tab {
    top: -234px;
    font-size: 19px;
  }
  .contenido-tabs {
    height: 450px;
  }
  .tab-pane {
    height: 301px;
  }
  .texto-tabs-servicios.dw {
    position: relative;
    font-size: 17px;
  }
  .tab-menu {
    margin-left: 0px;
  }
  .lista-beneficios {
    margin-left: 0px;
  }
  .item-lista {
    font-size: 16px;
    line-height: 16px;
  }
  .flecha-derecha {
    left: 476px;
  }
  .slide-nav {
    top: 324px;
  }
  .bocadillo {
    left: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .video {
    top: -244px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .flecha-izquierda {
    left: -11px;
  }
  .texto-bocadillo {
    left: 7px;
    top: -264px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .texto-bocadillo.leonardo {
    left: 105px;
    top: -220px;
  }
  .texto-bocadillo.leonardo.infoleo {
    left: 125px;
  }
  .texto-bocadillo.texto-perfil-1 {
    font-size: 20px;
  }
  .texto-bocadillo.texto-perfil-2 {
    font-size: 20px;
  }
  .texto-bocadillo.descripcion-perfil {
    font-size: 14px;
  }
  .texto-bocadillo.testimonio-templo {
    left: 3px;
  }
  .leo-foto {
    left: -77px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .leo-foto.fotoleoo {
    left: -58px;
  }
  .filas-equipo {
    width: auto;
    float: none;
  }
  .form {
    top: -136px;
  }
  .tel {
    left: -87px;
    top: 25px;
    display: block;
    width: 272px;
    margin-right: auto;
    margin-left: auto;
    font-size: 19px;
    text-align: left;
  }
  .tel.skype-text {
    left: 180px;
    top: -16px;
    width: 170px;
    font-size: 19px;
  }
  .tel.mail-text {
    left: 37px;
    top: -31px;
    width: 200px;
    font-size: 19px;
  }
  .cont-info {
    top: 288px;
    height: 101px;
  }
  .colombia {
    left: -238px;
    top: -765px;
    width: 28px;
    margin-right: auto;
    margin-left: auto;
  }
  .skype {
    left: 70px;
    top: -44px;
    display: block;
    width: 30px;
    margin-right: auto;
    margin-left: auto;
  }
  .mail-icon {
    left: -83px;
    top: -56px;
    display: block;
    width: 27px;
    margin-right: auto;
    margin-left: auto;
  }
  .logos {
    top: 118px;
  }
  .mmb-black.mmb-color {
    top: -46px;
  }
  .column-3 {
    left: -42px;
    top: 34px;
  }
  .column-4 {
    position: relative;
    left: 123px;
    top: -154px;
  }
  .row {
    height: 200px;
  }
  .color-optica {
    left: -193px;
    top: 4px;
  }
  .link-tdj {
    right: 159px;
  }
  .tdj-color {
    right: -26px;
  }
  .link-hedaga {
    left: 209px;
    top: -6px;
    right: 114px;
  }
  .hedaga-color {
    left: 216px;
  }
  .profile {
    width: 111px;
  }
  .cont-profile {
    top: 12px;
  }
  .cont-form {
    margin-bottom: 37px;
  }
  .estadistica1 {
    left: 13px;
  }
  .alberto-pardo {
    top: 116px;
  }
  .img {
    margin-top: -19px;
  }
  .row-video {
    top: 53px;
  }
  .imagen-grande {
    left: 39px;
  }
  .textweb {
    left: -93px;
    top: 73px;
    padding-right: 0px;
  }
  .textweb.textads {
    left: -93px;
    top: 73px;
  }
  .textweb.textvideomarketing {
    left: -97px;
    top: 73px;
  }
  .videofullstore {
    left: -3px;
    top: -258px;
    -webkit-transform: scale(0.18);
    -ms-transform: scale(0.18);
    transform: scale(0.18);
  }
  .col1web {
    left: 91px;
  }
  .columna {
    top: 20px;
    height: auto;
    margin-bottom: 17px;
  }
  .columna._2 {
    top: -208px;
  }
  .columna-video {
    top: 50px;
    padding-right: 44px;
    padding-left: 44px;
  }
  .los-4-pilares {
    top: auto;
    margin: 100px auto 8%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .section-1 {
    height: 586px;
    background-image: url('../images/estrellas2.png'), -webkit-linear-gradient(270deg, #002a4d, #000);
    background-image: url('../images/estrellas2.png'), linear-gradient(180deg, #002a4d, #000);
    background-position: 50% 47%, 0% 0%;
    background-attachment: fixed, scroll;
  }
  .section-1.section1hsm {
    height: 3730px;
    background-image: url('../images/estrellas2.png'), -webkit-linear-gradient(270deg, #083e5b, #010c12 13%, #01121c 25%, #0f608d 52%, #22a2dc 75%, #cee8fc);
    background-image: url('../images/estrellas2.png'), linear-gradient(180deg, #083e5b, #010c12 13%, #01121c 25%, #0f608d 52%, #22a2dc 75%, #cee8fc);
  }
  .section-1.section1hsm.mmbkk {
    height: 3891px;
  }
  .section-1.section1hsm.hedagas {
    height: 3916px;
  }
  .section-1.section1hsm.rocaa {
    height: 4686px;
  }
  .section-1.section1hsm.hsmm {
    height: 5961px;
  }
  .section-1.section1hsm.hsmm.sectionroca {
    height: 4760px;
  }
  .section-1.section1hsm.sectemplo {
    height: 5022px;
  }
  .section-1.section1hsm.secfull {
    height: 800px;
    background-image: url('../images/estrellas2.png'), -webkit-linear-gradient(270deg, #083e5b, #0f608d 52%, #22a2dc 75%, #cee8fc 90%);
    background-image: url('../images/estrellas2.png'), linear-gradient(180deg, #083e5b, #0f608d 52%, #22a2dc 75%, #cee8fc 90%);
  }
  .img-procesos {
    top: 229px;
    width: 540px;
    margin-top: -161px;
    -webkit-transform: scale(0.86);
    -ms-transform: scale(0.86);
    transform: scale(0.86);
  }
  .haz-scr {
    left: 0px;
    top: -13px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .haz-scr.abajo {
    left: 0px;
    top: 104px;
  }
  .iconslider {
    top: 238px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .templodj {
    height: 650px;
  }
  .page1 {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .texto-pag-1 {
    position: relative;
    left: auto;
    top: -184px;
    margin-left: auto;
  }
  .boton-pagina-1 {
    top: -101px;
  }
  .col-2-hsm {
    top: 86px;
  }
  .col-1-hsm {
    top: 56px;
  }
  .segunda-fila-port {
    top: -268px;
    height: 710px;
  }
  .page-dois {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .boton-pagina-dois {
    top: -101px;
  }
  .texto-page-dois {
    position: relative;
    left: auto;
    top: -181px;
    margin-left: auto;
  }
  .mmbwhite {
    top: auto;
  }
  .page3 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .texto-page-3 {
    position: relative;
    left: auto;
    top: -185px;
    margin-left: auto;
  }
  .boton-pagina-3 {
    top: -80px;
  }
  .page4 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .texto-page-4 {
    position: relative;
    left: auto;
    top: -183px;
    margin-left: auto;
  }
  .boton-pagina-4 {
    top: -80px;
  }
  .contenedor-fila-2 {
    top: 329px;
    height: 800px;
  }
  .col-1-mmb {
    position: relative;
    top: -21px;
  }
  .col-hedaga {
    top: -12px;
  }
  .cuarta-fila {
    top: 261px;
    height: 615px;
  }
  .col-leo {
    top: -4px;
  }
  .col-templo {
    top: 25px;
  }
  .row-cuarta {
    top: -164px;
  }
  .cont-fila-4 {
    top: 262px;
    height: 714px;
  }
  .col-roca {
    top: 18px;
  }
  .page5 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .boton-pagina-5 {
    top: -80px;
  }
  .col-fullstore {
    top: -19px;
  }
  .page6 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .boton-pagina-6 {
    top: -80px;
  }
  .texto-page-5 {
    position: relative;
    left: 0px;
    top: -188px;
    width: 526px;
    margin-left: auto;
  }
  .texto-page-6 {
    position: relative;
    left: auto;
    top: -180px;
    margin-left: auto;
  }
  .cont-menu {
    height: 48px;
  }
  .menu-boton {
    height: 48px;
  }
  .menu-boton.w--open {
    background-color: #0e6f96;
  }
  .columnas-procesos {
    position: relative;
    left: auto;
    top: 202px;
    display: block;
    overflow: visible;
    width: 100%;
    height: 907px;
    margin-right: auto;
    margin-left: auto;
  }
  .columna-proceso._1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .columna-proceso._2 {
    top: -66px;
  }
  .columna-proceso._3 {
    top: -144px;
  }
  .columna-proceso._4 {
    top: -193px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  ._1-a-y-d {
    position: relative;
    left: -141px;
    top: 36px;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  ._2-pe-e {
    position: relative;
    left: -141px;
    top: 65px;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  ._3-i {
    position: relative;
    left: -141px;
    top: 62px;
    margin-left: auto;
    padding-left: 0px;
  }
  ._4-my-o {
    position: relative;
    left: -141px;
    top: 29px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
  }
  .texto-procesos {
    left: 72px;
    top: -127px;
    display: block;
    width: 241px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    font-size: 16px;
  }
  .texto-procesos._2 {
    left: 72px;
    top: -113px;
    width: 241px;
  }
  .texto-procesos._3 {
    left: 72px;
    top: -119px;
    width: 240px;
  }
  .texto-procesos._4 {
    left: 72px;
    top: -143px;
    width: 240px;
  }
  .tabs-servicios {
    top: 36px;
    height: 400px;
  }
  .tab-link-1 {
    width: 33.3%;
    height: 100px;
    opacity: 0.98;
  }
  .tab-link-1.w--current {
    width: 33.3%;
    opacity: 0.99;
  }
  .menu-tabs {
    position: relative;
    left: 0px;
    top: -31px;
    z-index: 4;
    display: block;
    width: 390px;
    height: 343px;
    margin-right: auto;
    margin-bottom: 12px;
    margin-left: auto;
    text-align: center;
  }
  .col-iz-desarrollo {
    height: 270px;
  }
  .titulo-tabs {
    top: 20px;
    text-align: center;
  }
  .texto-tabs-services {
    top: 29px;
    margin-right: 30px;
    margin-left: 30px;
    text-align: center;
  }
  .cont-proceso {
    position: relative;
    top: -48px;
    display: block;
    height: 1576px;
    margin-right: 15px;
    margin-left: 14px;
  }
  .container-tabs {
    position: relative;
    top: 7px;
    height: 520px;
  }
  .title-servicios {
    left: 0px;
    font-size: 16px;
  }
  .flecha-abajo {
    opacity: 0;
  }
  .analis-y-diag {
    left: 0px;
    top: -154px;
    margin-left: auto;
    font-size: 24px;
  }
  .implem {
    top: -147px;
    margin-left: auto;
    font-size: 24px;
  }
  .medicion {
    top: -177px;
    margin-left: auto;
    font-size: 22px;
  }
  .plan {
    top: -143px;
    margin-left: auto;
    font-size: 24px;
  }
  .row-fla-4-portafolio {
    position: relative;
    top: -133px;
  }
  .boton-de-proceso.w--current {
    position: relative;
    z-index: 6;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 13px 22px;
    background-color: #ad9292;
    text-align: center;
  }
  .copyright {
    top: -20px;
  }
  .succes-message {
    top: 190px;
  }
  .error-message {
    top: -131px;
  }
  .serviciosboton {
    top: 431px;
  }
  .col-pilares {
    top: 458px;
  }
  .div-pilares {
    display: block;
    width: 470px;
    height: 631px;
    margin-right: auto;
    margin-left: auto;
  }
  .video-pilares {
    top: 38px;
  }
  .cometa1 {
    left: 10%;
    top: 74%;
  }
  .cometa2 {
    left: 13%;
    top: 91%;
  }
  .heading-boton1 {
    left: 81%;
    top: 74%;
    font-size: 31px;
  }
  .descubre {
    left: 68%;
    top: 81%;
    font-size: 32px;
  }
  .comletamente {
    left: 71%;
    top: 88%;
    font-size: 31px;
  }
  .subtitle-4pilares {
    top: 27px;
    width: 429px;
    font-size: 21px;
  }
  .contoptin {
    top: -25px;
  }
  .row-info {
    top: -641px;
  }
  .form-optin {
    top: 53px;
  }
  .error-desktop {
    top: -6px;
  }
  .div-video {
    top: -33px;
    width: 450px;
  }
  .iz {
    width: auto;
    background-color: #fff;
  }
  .de {
    width: auto;
    background-color: #fff;
  }
  .volver {
    background-color: #fff;
    box-shadow: none;
  }
  .tituloportafolio {
    left: -1px;
    width: 475px;
    margin-left: auto;
    font-size: 28px;
  }
  .tituloportafolio.t-tulotdj {
    width: 505px;
    font-size: 25px;
  }
  .tituloportafolio.titule-fullstore {
    height: 74px;
  }
  .tituloportafolio.title-phone-hsm {
    top: 29px;
    width: 473px;
    font-size: 23px;
  }
  .tituloportafolio.titlemmb {
    top: 22px;
    font-size: 20px;
  }
  .tituloportafolio.titlemmb.titlehedaga {
    font-size: 28px;
  }
  .slidermmb {
    left: -3px;
    width: 498px;
    height: 371px;
  }
  .slidermmb.sliderfullstore {
    top: 47px;
  }
  .mmb-slide1 {
    top: -8px;
    height: 317px;
  }
  .mmbimg1 {
    left: 2px;
    top: 7px;
    width: 382px;
  }
  .mmbimg1.rocaimg1.rocascreen {
    width: 382px;
  }
  .mmbimg1.screen1hsm {
    width: 486px;
  }
  .parrafoportafolio {
    left: 5px;
    top: 20px;
    width: 482px;
    font-size: 16px;
  }
  .parrafoportafolio.parrafo-fullstore {
    top: 17px;
    width: 483px;
  }
  .parrafoportafolio.parrafohsm2 {
    width: 482px;
  }
  .parrafoportafolio.parrafoslide4hsm {
    width: 483px;
    height: 73px;
  }
  .parrafoportafolio.parrafohedaga {
    width: 482px;
  }
  .parrafoportafolio.parrafo-1-tdj {
    width: 482px;
  }
  .parrafoportafolio.parrafohsm5 {
    width: 482px;
  }
  .parrafoportafolio.parrafo-3-tdh {
    width: 482px;
  }
  .parrafoportafolio.parrafo-slide-6-tdj {
    width: 482px;
  }
  .parrafoportafolio.parrafo-1-roca {
    width: 482px;
  }
  .parrafoportafolio.parrafo-1-mmb {
    width: 483px;
  }
  .parrafoportafolio.parrafoslide-3-hsm {
    width: 482px;
  }
  .flechaizportafolio {
    top: -170px;
    width: 43px;
  }
  .flechaizportafolio.flechader100a-os {
    left: -51px;
    top: 255px;
  }
  .flechaizportafolio.flechader100a-os.flecha2roca {
    top: 293px;
  }
  .flechaizportafolio.flecha-iz-100a-so {
    left: 51px;
    top: 255px;
  }
  .flechaizportafolio.flecha-iz-100a-so.flecha1roca {
    top: 293px;
  }
  .flechaizportafolio.flechaiztdj {
    left: 4px;
  }
  .cont-info-portafolio {
    top: -78px;
  }
  .cont-info-portafolio.contfullstore {
    top: -76px;
  }
  .cont-info-portafolio.continfohsm {
    top: 1px;
  }
  .cont-info-portafolio.continfohsm.continforoca {
    top: -10px;
  }
  .cont-info-portafolio.cont-info-hedaga {
    top: -44px;
  }
  .cont-info-portafolio.continfotdj {
    top: -28px;
  }
  .col-link {
    left: -72px;
    top: 29px;
  }
  .col-link.colfullstore {
    top: 82px;
  }
  .col-link.collinkhsm {
    top: 40px;
  }
  .col-link.collinkroca {
    top: 36px;
  }
  .col-cliente-portafolio {
    left: auto;
    top: 29px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .col-cliente-portafolio.colclientefull {
    top: 84px;
  }
  .title-cliente-portafolio {
    left: -45px;
  }
  .spm {
    left: 38px;
  }
  .div-iconos-portafolio {
    text-align: center;
  }
  .mask {
    height: 371px;
  }
  .negrita {
    font-size: 16px;
  }
  .porttest {
    width: 486px;
    margin-bottom: 50px;
  }
  .cont-screenshots {
    top: -18px;
  }
  .cont-screenshots.contscreenshotshsm {
    top: 86px;
  }
  .cont-screenshots.contscreenshotshsm.contscreenroca {
    top: 55px;
  }
  .cont-screenshots.cont-screenshots-hedaga {
    top: 30px;
  }
  .cont-screenshots.contscreentdj {
    top: 43px;
  }
  .nav-puntos {
    top: 266px;
  }
  .nav-puntos.navhsm {
    top: 257px;
  }
  .nav-puntos.navhsm.naroca {
    top: 298px;
  }
  .nav-puntos.nav-hedaga {
    top: 241px;
  }
  .imagen-c {
    position: relative;
    left: -3px;
    top: 29px;
    width: 382px;
    margin-bottom: 22px;
  }
  .imagen-c.imagenslide5-hsm {
    width: 382px;
  }
  .slide2 {
    left: 502px;
    top: -347px;
  }
  .flecha-derecha-hsm {
    left: 456px;
  }
  .flecha-iizquierda-js {
    left: -33px;
  }
}

@media (max-width: 479px) {
  body {
    overflow: scroll;
  }
  h1 {
    left: 137px;
    top: -176px;
  }
  p {
    top: 139px;
  }
  .button {
    top: -27px;
    z-index: 1;
    overflow: hidden;
    width: auto;
    margin-right: 23px;
    margin-bottom: 63px;
    margin-left: 23px;
    font-size: 20px;
  }
  .button.w--current {
    top: 451px;
  }
  .button._2 {
    top: 118px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .button.contacto {
    width: 263px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 60px;
    padding-left: 60px;
    font-size: 20px;
  }
  .button.m {
    top: -47px;
  }
  .button.m.llamado {
    top: 181px;
  }
  .button.boton-equipo {
    top: -406px;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
  }
  .button.boton-equipo.eq {
    top: -227px;
  }
  .button.botonservicios {
    top: -319px;
    width: 268px;
    margin-top: 247px;
    margin-right: auto;
    margin-left: auto;
  }
  .button.botonservicios.sec-1 {
    left: 0px;
    top: 66px;
    right: 0px;
    bottom: -75%;
    width: 299px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 16px;
  }
  .button.botonmisiones {
    top: -36px;
    margin-right: auto;
    margin-left: auto;
  }
  .button.aventura {
    left: 0px;
    top: 136px;
    right: -5px;
    bottom: 118px;
    width: auto;
    margin-right: 13px;
    margin-left: 13px;
  }
  .button._3434 {
    left: 0px;
    top: 82px;
    margin-right: 13px;
    margin-left: 13px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .button._3434.w--current {
    position: relative;
    left: 0px;
    top: 77px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .button._3454 {
    position: absolute;
    top: 650px;
    width: 304px;
    margin: -209px auto 273px;
    padding-bottom: 37px;
    font-size: 19px;
  }
  .button.proceso-boton {
    top: 833px;
  }
  .button.casos {
    position: absolute;
    left: -5px;
    top: 2612px;
    width: 287px;
  }
  .button.hhh {
    left: 0px;
    top: -36px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  .button.boton-servicios {
    top: 726px;
  }
  .button.proceso-button {
    top: -7px;
    margin: 0px auto;
  }
  .button.botonoptin {
    left: auto;
    top: 10px;
    right: auto;
    bottom: auto;
    overflow: visible;
    width: 263px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 19px;
  }
  .button.proyectos {
    width: 282px;
    margin-right: auto;
    margin-left: auto;
  }
  .button.proyectos.w--current {
    top: 2px;
  }
  .button.proyectos.boton-fullstore {
    top: -20px;
  }
  .button.proyectos.botonhsm {
    top: 19px;
  }
  .button.proyectos.boton-mmb {
    top: 0px;
  }
  .llamado-a-la-accion {
    height: 420px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .llamado-a-la-accion.heroes {
    overflow: visible;
  }
  .llamado-a-la-accion._2 {
    background-image: none;
  }
  .logo {
    left: -17px;
    margin-left: 22px;
  }
  .seccion2 {
    background-image: url('../images/servicios-mobil.png');
    background-position: 29px 109px;
    background-size: auto 800px;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  .seccion2.m {
    height: 864px;
    margin-left: auto;
  }
  .section3 {
    overflow: visible;
  }
  .sec1.contacto {
    text-align: center;
  }
  .nav-menu {
    position: relative;
    left: auto;
    top: 13px;
  }
  .container1 {
    top: 65px;
    overflow: hidden;
    height: 432px;
    margin-top: 0px;
    padding-bottom: 0px;
  }
  .container1.cont-llamado {
    height: 478px;
  }
  .titulopag {
    top: -9px;
    font-size: 28px;
    line-height: 39px;
  }
  .titulopag._67 {
    top: -189px;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 28px;
  }
  .titulopag._67.con-una {
    top: 321px;
    font-size: 28px;
  }
  .titulopag._67.empresa {
    top: 275px;
    font-size: 41px;
  }
  .titulopag._67.empresa.estrategia {
    top: 363px;
    font-size: 41px;
    line-height: 46px;
  }
  .titulopag._67.avent {
    top: 196px;
    font-size: 28px;
    line-height: 39px;
  }
  .text2 {
    top: -16px;
    margin-left: auto;
    font-size: 39px;
    font-weight: 400;
  }
  .text2._2 {
    top: -186px;
    font-size: 37px;
    line-height: 37px;
  }
  .imf-fondo {
    top: 134px;
    overflow: hidden;
    width: 420px;
    margin-top: -11px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: scale(0.94);
    -ms-transform: scale(0.94);
    transform: scale(0.94);
  }
  .cel-1 {
    left: 409px;
    font-size: 11px;
  }
  .cel-1.correo {
    left: 268px;
    font-size: 11px;
  }
  .col-flag {
    left: -64px;
  }
  .div-contact {
    margin-left: -235px;
  }
  .phone.peque-tel {
    left: -171px;
  }
  .mail {
    left: 239px;
  }
  .scroll {
    top: 699px;
    width: 24px;
    margin-top: -78px;
    margin-right: auto;
    margin-left: auto;
  }
  .scroll-tablet.tablet {
    width: 72px;
  }
  .img-scroll {
    left: auto;
    top: auto;
    box-shadow: none;
  }
  .img-scroll.mobile {
    top: -66px;
    margin-top: 72px;
    padding-top: 0px;
    padding-bottom: 0px;
    box-shadow: none;
  }
  .link-scroll {
    left: 112px;
    top: 696px;
    right: 112px;
    bottom: 85px;
    overflow: hidden;
    width: auto;
    height: auto;
  }
  .link-scroll.w--current {
    left: 113px;
  }
  .seccion-proceso {
    position: static;
    height: 1780px;
    background-attachment: fixed, scroll, scroll;
  }
  .seccion-misiones {
    height: 2720px;
    background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1-copy.png'), -webkit-linear-gradient(270deg, #22a2dc 37%, #cee8fc 99%);
    background-image: url('../images/estrellas2_1.png'), url('../images/estrellas1-copy.png'), linear-gradient(180deg, #22a2dc 37%, #cee8fc 99%);
  }
  .seccion-contactanos {
    height: 1300px;
  }
  .enfocate {
    top: -53px;
    width: 300px;
    margin-top: 59px;
    font-size: 25px;
    line-height: 28px;
  }
  .enfocate.misiones {
    font-size: 30px;
    line-height: 38px;
  }
  .texto-sec-2 {
    top: -46px;
    width: 300px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 25px;
    line-height: 36.5px;
  }
  .enfocate2 {
    top: 19px;
    font-size: 24px;
  }
  .seccion-equipo {
    height: 1000px;
    margin-top: -72px;
  }
  .acompa-ar {
    left: -1px;
    top: 25px;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
  }
  .acompa-ar.logrado {
    top: -4px;
    font-size: 26px;
  }
  .acompa-ar.especializada {
    top: 25px;
  }
  .herram {
    top: -78px;
    font-size: 23px;
    line-height: 31px;
    font-weight: 500;
  }
  .aventura2 {
    top: -640px;
    font-size: 41px;
  }
  .iconos-proceso-movil {
    position: relative;
    top: 30px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .col1 {
    left: -4px;
    top: 84px;
    height: auto;
  }
  .col2 {
    left: -11px;
    top: -158px;
    margin-top: 84px;
  }
  .expande {
    top: 38px;
    margin-bottom: 72px;
    font-size: 21px;
    line-height: 35px;
  }
  .expande.aterr {
    left: 0px;
    top: 1px;
    font-size: 24px;
  }
  .video-ventas {
    left: 0px;
    top: 216px;
    right: -5px;
    bottom: 221px;
    -webkit-transform: scale(0.92);
    -ms-transform: scale(0.92);
    transform: scale(0.92);
  }
  .asesoria {
    overflow: hidden;
    font-size: 30px;
    line-height: 38px;
  }
  .contactanos {
    left: -13px;
    top: 23px;
    display: block;
    width: 305px;
    margin-right: auto;
    margin-left: auto;
    font-size: 30px;
    line-height: 36px;
  }
  .contactanos.boton {
    position: relative;
    left: 0px;
    top: 18px;
    width: 275px;
    font-size: 18px;
    line-height: 30px;
  }
  .logo-tri {
    left: 151px;
    top: 431px;
    -webkit-transform: scale(0.51);
    -ms-transform: scale(0.51);
    transform: scale(0.51);
  }
  .nube {
    left: 5px;
    top: 4233px;
    overflow: hidden;
    opacity: 0.59;
  }
  .nube._3 {
    left: -77px;
    overflow: hidden;
  }
  .nube._3.n {
    left: 71px;
    overflow: hidden;
  }
  .nube._4 {
    top: 3492px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .nube._4._67 {
    left: -110px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .nube._4._55 {
    left: -65px;
    top: 3449px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .nube._6 {
    left: -35px;
    top: 4032px;
    z-index: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .tab-link {
    left: 0px;
    top: -178px;
    right: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    opacity: 1;
    text-align: center;
  }
  .tab-link.w--current {
    position: absolute;
    top: 15px;
  }
  .tab-link.ao {
    position: absolute;
    top: 115px;
  }
  .tab-link.vm {
    position: absolute;
    top: 219px;
  }
  .tab-link.aw {
    position: absolute;
    top: 325px;
    margin-left: 0px;
  }
  .tab-link.dw.w--current {
    top: 20px;
  }
  .tab-link.emm {
    position: absolute;
    top: 428px;
  }
  .img-desarrollo-web {
    z-index: 2;
  }
  .img-desarrollo-web.webnopress {
    position: static;
  }
  .texto-tabs-servicios.dw {
    font-size: 20px;
    text-align: center;
  }
  .tab-menu {
    left: 0px;
    top: -82px;
    height: 600px;
    margin-top: -2px;
    margin-right: 15%;
    margin-left: 15%;
  }
  .flecha {
    left: -7px;
    top: 53px;
    z-index: 1;
    opacity: 0;
  }
  .slide1 {
    margin-top: -129px;
    padding-top: 0px;
  }
  .flecha-derecha {
    left: 267px;
  }
  .cont-slider {
    top: -37px;
    overflow: hidden;
  }
  .cont-slider.cont-fila-1 {
    top: 3px;
    height: 630px;
    margin-top: 3px;
    padding-top: 14px;
  }
  .slider-exito {
    overflow: hidden;
  }
  .slide-nav {
    top: 256px;
  }
  .bocadillo {
    left: 3px;
    top: -7px;
    z-index: 7;
    display: block;
    width: auto;
    margin-top: 2px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .flecha-izquierda {
    left: -24px;
  }
  .texto-bocadillo {
    left: 0px;
    top: -171px;
    width: 250px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 16px;
    text-align: center;
  }
  .texto-bocadillo.leonardo {
    left: 0px;
    top: -146px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
  }
  .texto-bocadillo.leonardo.infoleo {
    left: 5px;
    top: -134px;
  }
  .texto-bocadillo.testimonio-templo {
    top: -163px;
    width: 267px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
  }
  .leo-foto {
    left: 0%;
    top: -3%;
  }
  .mask-slide {
    top: -63px;
    height: 385px;
    margin-top: -6px;
    padding-top: 0px;
  }
  .nombre {
    width: 263px;
  }
  .nombre.nombreoptin {
    width: 263px;
  }
  .nombre.correooptin {
    width: 263px;
  }
  .form {
    top: -54px;
  }
  .tel {
    left: 10px;
    top: 14px;
    font-size: 15px;
  }
  .tel.skype-text {
    left: 85px;
    top: -39px;
    width: 130px;
    font-size: 15px;
  }
  .tel.mail-text {
    left: 77px;
    top: -54px;
    width: 150px;
    font-size: 15px;
  }
  .cont-info {
    top: 237px;
  }
  .colombia {
    left: -134px;
    top: -540px;
    z-index: 7;
    width: 20px;
  }
  .colombia.sabias {
    top: -105px;
  }
  .skype {
    left: 1px;
    top: -62px;
    width: 22px;
  }
  .mail-icon {
    left: -16px;
    top: -76px;
    width: 20px;
  }
  .logos {
    top: -7px;
  }
  .column-3 {
    left: -41px;
    top: -103px;
  }
  .column-4 {
    position: relative;
    left: 2px;
    top: -188px;
  }
  .row {
    position: relative;
    left: 17px;
    top: 38px;
    display: block;
    width: 290px;
    height: 294px;
    margin-top: -85px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 97px;
  }
  .link-mmb {
    left: 54px;
  }
  .link-optica {
    left: 18px;
    top: 83px;
  }
  .oa-gris {
    left: 21px;
    top: 83px;
  }
  .color-optica {
    left: 21px;
    top: 26px;
  }
  .tdj-color {
    left: 151px;
  }
  .link-hedaga {
    left: 90px;
    top: -5px;
  }
  .hedaga-color {
    left: 90px;
  }
  .profile {
    width: 100px;
  }
  .cont-form {
    margin-bottom: -13px;
  }
  .estadistica1 {
    left: -11px;
    top: 10px;
  }
  .alberto-pardo {
    top: 95px;
    font-size: 11px;
  }
  .img {
    margin-top: -54px;
  }
  .row-video {
    top: -110px;
    margin-top: 126px;
  }
  .clicads {
    opacity: 0;
  }
  .webclic {
    opacity: 0;
  }
  .clicvideo {
    opacity: 0.04;
  }
  .clicanalitica {
    opacity: 0;
  }
  .clicmail {
    opacity: 0;
  }
  .columna {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
  .columna-video {
    top: 2px;
    height: 350px;
    margin-top: 1px;
    padding-right: 9px;
    padding-left: 9px;
  }
  .los-4-pilares {
    top: -11%;
    margin-top: 46px;
    margin-bottom: 6%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .section-1 {
    height: 528px;
  }
  .section-1.section1hsm {
    height: 2546px;
  }
  .section-1.section1hsm.mmbkk {
    height: 2621px;
  }
  .section-1.section1hsm.hedagas {
    height: 2630px;
  }
  .section-1.section1hsm.rocaa {
    height: 3077px;
  }
  .section-1.section1hsm.hsmm {
    height: 3845px;
  }
  .section-1.section1hsm.hsmm.sectionroca {
    height: 3157px;
  }
  .section-1.section1hsm.sectemplo {
    height: 3313px;
  }
  .section-1.section1hsm.secfull {
    height: 745px;
  }
  .img-procesos {
    left: -1px;
    top: -5px;
    z-index: 4;
    margin-top: 62px;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
  }
  .haz-scr {
    left: 0px;
    top: -77px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .haz-scr.abajo {
    left: auto;
    top: 126px;
  }
  .mauroserio {
    position: relative;
    z-index: 6;
  }
  .maurosonrie {
    z-index: 10;
    opacity: 1;
  }
  .carlossonrie {
    opacity: 1;
  }
  .iconslider._2 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .slider-div {
    position: relative;
    top: -2px;
    overflow: hidden;
    padding-top: 0px;
  }
  .texto-pag-1 {
    left: auto;
  }
  .col-2-hsm {
    top: -8px;
  }
  .col-1-hsm {
    top: 17px;
  }
  .segunda-fila-port {
    top: -24px;
    height: 730px;
  }
  .texto-page-dois {
    left: auto;
  }
  .page3 {
    position: relative;
  }
  .texto-page-3 {
    left: auto;
  }
  .page4 {
    position: relative;
  }
  .texto-page-4 {
    left: auto;
  }
  .contenedor-fila-2 {
    top: -27px;
  }
  .col-1-mmb {
    top: 5px;
  }
  .col-hedaga {
    top: 14px;
  }
  .cuarta-fila {
    top: -89px;
    display: block;
    height: 560px;
    margin-right: auto;
    margin-left: auto;
  }
  .col-leo {
    top: -27px;
  }
  .col-templo {
    top: -33px;
  }
  .row-cuarta {
    top: 2px;
  }
  .cont-fila-4 {
    top: -158px;
    height: 732px;
  }
  .col-roca {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .boton-pagina-5 {
    top: -80px;
  }
  .col-fullstore {
    top: -24px;
  }
  .texto-page-5 {
    position: relative;
    left: auto;
    top: -194px;
    width: auto;
  }
  .texto-page-6 {
    left: auto;
  }
  .logo-roca {
    top: auto;
  }
  .logo-fullstore {
    top: auto;
  }
  .menu-boton.w--open {
    left: 200px;
    top: -35px;
  }
  .columnas-procesos {
    left: 0px;
    top: -5px;
    display: block;
    width: 100%;
    height: 1251px;
    margin-right: auto;
    margin-left: auto;
    border-color: rgba(168, 221, 230, .63);
  }
  .columna-proceso._1 {
    height: auto;
  }
  .columna-proceso._2 {
    top: -53px;
  }
  .columna-proceso._3 {
    top: -148px;
  }
  .columna-proceso._4 {
    top: -207px;
  }
  ._1-a-y-d {
    left: 0%;
    top: 27px;
    padding-right: 13px;
    padding-left: 13px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  ._2-pe-e {
    left: 0px;
    top: 85px;
    padding-right: 13px;
    padding-left: 13px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  ._3-i {
    left: 0px;
    top: 168px;
    z-index: 5;
    padding-left: 11px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  ._4-my-o {
    left: 0px;
    top: 208px;
    padding-left: 0px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  .texto-procesos {
    left: 0px;
    top: -40px;
    width: 200px;
    font-size: 17px;
    text-align: center;
  }
  .texto-procesos._2 {
    position: relative;
    left: auto;
    top: 21px;
    z-index: 6;
    width: 200px;
  }
  .texto-procesos._3 {
    position: relative;
    left: auto;
    top: 106px;
    width: 200px;
  }
  .texto-procesos._4 {
    position: relative;
    left: auto;
    top: 148px;
    width: 200px;
  }
  .tabs-servicios {
    top: -49px;
  }
  .tab-link-1 {
    display: block;
    width: 100%;
    height: 130px;
    margin-right: auto;
    margin-left: auto;
    opacity: 0.99;
  }
  .tab-link-1.w--current {
    display: block;
    width: 100%;
    height: 130px;
    margin-right: auto;
    margin-left: auto;
    opacity: 0.99;
  }
  .menu-tabs {
    top: -19px;
    width: 200px;
    height: 660px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
  }
  .cont-proceso {
    top: 1px;
    margin-left: 15px;
  }
  .container-tabs {
    position: relative;
    top: 47px;
  }
  .title-servicios {
    position: relative;
    left: auto;
    top: 6px;
    width: auto;
  }
  .analis-y-diag {
    top: -155px;
  }
  .implem {
    left: 0px;
    top: -16px;
  }
  .medicion {
    left: 0px;
    top: 29px;
  }
  .plan {
    left: 0px;
    top: -99px;
  }
  .row-fla-4-portafolio {
    top: 12px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .copyright {
    top: 98px;
    width: 90%;
  }
  .succes-message {
    top: 95px;
  }
  .error-message {
    top: -109px;
  }
  .serviciosboton {
    top: 666px;
  }
  .col-pilares {
    left: 0px;
    top: 460px;
    right: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .div-pilares {
    position: relative;
    z-index: 7;
    width: 295px;
    height: 511px;
    margin-right: auto;
    padding-left: 18px;
  }
  .video-pilares {
    top: 60px;
  }
  .fondo-boton {
    height: 137px;
  }
  .cometa1 {
    left: 0%;
    top: 73%;
  }
  .cometa2 {
    left: 8%;
    top: 89%;
  }
  .heading-boton1 {
    left: 24%;
    top: 69%;
    margin-left: auto;
    font-size: 25px;
  }
  .descubre {
    left: 102%;
    top: 77%;
    font-size: 21px;
  }
  .comletamente {
    left: 103%;
    top: 85%;
    font-size: 23px;
  }
  .subtitle-4pilares {
    position: relative;
    left: auto;
    top: 28px;
    width: 248px;
    font-size: 18px;
  }
  .row-info {
    top: -423px;
    height: 108px;
  }
  .form-optin {
    top: 71px;
  }
  .resaltartest {
    font-size: 16px;
  }
  .error-desktop {
    top: 0px;
  }
  .div-video {
    top: -40px;
    width: 295px;
  }
  .volver {
    box-shadow: none;
    text-align: center;
  }
  .tituloportafolio {
    left: 0px;
    top: -13px;
    width: 298px;
    height: auto;
    margin-top: 16px;
    font-size: 22px;
  }
  .tituloportafolio.t-tulotdj {
    width: 298px;
  }
  .tituloportafolio.title-phone-hsm {
    top: -10px;
    width: 296px;
  }
  .tituloportafolio.titlemmb {
    top: -13px;
  }
  .tituloportafolio.titlemmb.titlehedaga {
    top: -13px;
    font-size: 21px;
  }
  .slidermmb {
    left: 0px;
    top: 22px;
    width: 320px;
    height: 334px;
  }
  .slidermmb.sliderfullstore {
    top: 13px;
  }
  .slidermmb.sliderhsm {
    top: 13px;
    height: 307px;
  }
  .mmbimg1 {
    left: 0px;
    width: 286px;
  }
  .mmbimg1.rocaimg1.rocascreen {
    width: 286px;
  }
  .mmbimg1.screen1hsm {
    width: 285px;
  }
  .mmbimg1.screen1hsm.img1roca {
    width: 285px;
  }
  .parrafoportafolio {
    left: 1px;
    width: 297px;
    font-size: 14px;
    line-height: 21px;
  }
  .parrafoportafolio.parrafo-fullstore {
    left: -9px;
    width: 297px;
  }
  .parrafoportafolio.parrafohsm2 {
    width: 295px;
  }
  .parrafoportafolio.parrafoslide4hsm {
    left: auto;
    width: 289px;
  }
  .parrafoportafolio.parrafohedaga {
    width: 297px;
  }
  .parrafoportafolio.parrafo-1-tdj {
    width: 297px;
  }
  .parrafoportafolio.parrafohsm5 {
    width: 297px;
  }
  .parrafoportafolio.parrafo-3-tdh {
    width: 297px;
  }
  .parrafoportafolio.parrafo-slide-6-tdj {
    width: 297px;
  }
  .parrafoportafolio.parrafo-1-mmb {
    width: 297px;
  }
  .parrafoportafolio.parrafoslide-3-hsm {
    width: 295px;
  }
  .flechaizportafolio {
    left: -11px;
    top: -154px;
  }
  .flechaizportafolio.flechader100a-os {
    left: -19px;
    top: 228px;
  }
  .flechaizportafolio.flechader100a-os.flecha2roca {
    top: 235px;
  }
  .flechaizportafolio.flecha-iz-100a-so {
    left: -16px;
    top: 228px;
    right: -11px;
  }
  .flechaizportafolio.flecha-iz-100a-so.flecha1roca {
    top: 235px;
  }
  .flechaizportafolio.flechaiztdj {
    top: 210px;
  }
  .flechaizportafolio.flechaotratsj {
    top: 210px;
  }
  .cont-info-portafolio {
    top: 26px;
  }
  .cont-info-portafolio.continfohsm {
    top: 6px;
  }
  .cont-info-portafolio.continfohsm.continforoca {
    top: 13px;
  }
  .cont-info-portafolio.continfommb {
    top: -21px;
  }
  .cont-info-portafolio.continfommb.continfohedaga {
    top: -57px;
  }
  .cont-info-portafolio.continfotdj {
    top: 30px;
  }
  .col-link {
    left: 0px;
    top: 19px;
  }
  .col-link.collinkhsm {
    top: 35px;
  }
  .col-link.collinkroca {
    top: 27px;
  }
  .col-cliente-portafolio {
    left: -108px;
  }
  .title-cliente-portafolio {
    left: 64px;
    font-size: 17px;
  }
  .title-cliente-portafolio.title-tipo-proyecto {
    left: 5px;
    top: 16px;
    width: 117px;
    font-size: 16px;
  }
  .spm {
    left: 144px;
    font-size: 19px;
  }
  .div-iconos-portafolio {
    left: -8px;
    top: 20px;
    width: 316px;
  }
  .mask {
    width: 319px;
    height: 334px;
  }
  .negrita {
    font-size: 15px;
  }
  .porttest {
    width: 285px;
    margin-bottom: 30px;
  }
  .cont-screenshots {
    top: 118px;
  }
  .cont-screenshots.contscreenshotshsm {
    top: 136px;
  }
  .cont-screenshots.contscreenshotshsm.contscreenroca {
    top: 110px;
  }
  .cont-screenshots.contscreenmmb {
    top: 76px;
  }
  .cont-screenshots.contscreenmmb.contscreenhedaga {
    top: 40px;
  }
  .cont-screenshots.contscreentdj {
    top: 136px;
  }
  .nav-puntos {
    top: 228px;
  }
  .nav-puntos.navhsm {
    top: 230px;
  }
  .nav-puntos.navhsm.naroca {
    top: 239px;
  }
  .nav-puntos.nav-hedaga {
    top: 207px;
  }
  .nav-puntos.nav-tdj {
    top: 217px;
  }
  .imagen-c {
    width: 286px;
  }
  .imagen-c.imagen-2-hsm {
    left: auto;
    width: 286px;
  }
  .imagen-c.sllide-3-hsm {
    left: auto;
    width: 285px;
  }
  .imagen-c.imagenslide5-hsm {
    width: 285px;
  }
  .imagen-c.slide2tdj {
    width: 286px;
  }
  .imagen-c.img-slider-3-tdj {
    width: 287px;
  }
  .imagen-c.img-slide-4-tdj {
    width: 288px;
  }
  .imagen-c.img-slide-5-tdj {
    width: 287px;
  }
  .slide2 {
    left: 320px;
  }
  .video-de-fullstore {
    left: -11px;
    width: 283px;
  }
  .video-fullstoree {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .flecha-derecha-hsm {
    left: 265px;
  }
  .flecha-iizquierda-js {
    left: -16px;
  }
}