/*
Chantal Light Italic
font-family: chantal, sans-serif;
font-weight: 300;
font-style: italic;

Chantal Light
font-family: chantal, sans-serif;
font-weight: 300;
font-style: normal;

Chantal Medium
font-family: chantal, sans-serif;
font-weight: 500;
font-style: normal;

Chantal Bold
font-family: chantal, sans-serif;
font-weight: 600;
font-style: normal;

Chantal Medium Italic
font-family: chantal, sans-serif;
font-weight: 500;
font-style: italic;

Chantal Bold Italic
font-family: chantal, sans-serif;
font-weight: 600;
font-style: italic;
*/

/* E•N•C•A•B•E•Z•A•D•O */

.bg-encabezado {
    background-color: #272559;
    border-bottom: #050041 1px solid;
}
.logo-epocket {
    height: 4.125em;
    width: 12.5em;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

/* F•I•N - E•N•C•A•B•E•Z•A•D•O */

/* C•U•E•R•P•O */

/* Presentador de inicio */
.bg-inicio {
    background-image: url(/img/mundo-inferior.png), linear-gradient(to bottom, #04C4D9 0%, #F2C641 160%);
    border-top: #94dbe2 1px solid;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.frase-inicial {
    color: white;
    font-family: chantal, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3.125em;
    padding-top: 1.875em;
}
.afirmacion {
    color: #272559;
    font-size: 1.563em;
    font-weight: 100;
    margin-top: 1.25em;
}
.persona {
    padding-top: 3.125em;
}
/* Fin de presentador de inicio */
/* Que es la solución */
.bg-quees {
    background-image: url(/img/celulares-cel.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-color: #C2EDF2;
    padding-bottom: 230px;
    border-top: #d8fbff 1px solid;
    border-bottom: #d8fbff 1px solid;
}
.pregunta {
    color: #272559;
    margin-top: 1.25em;
}
.respuesta {
    font-size: 1.25em;
    font-weight: 100;
    padding-bottom: 0.625em;
}
.nombre-a {
    background-color: #272559;
    color: #29d9c2;
    padding-left: 5px;
}
.nombre-pocket {
    background-color: #272559;
    color: #d6c28f;
    padding-right: 5px;
}
/* Fin de que es la solución */
/* Leyenda controla */
.bg-leyenda-controla {
    background: #d4c18e;
    color: #775c15;
    font-size: 1.25em;
    padding-top: 0.938em;
    padding-bottom: 0.313em;
}
/* Fin de leyenda controla */
/* Beneficios */
.titulo-beneficios {
    color: #272559;
    font-family: chantal, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 40px;
}
.img-beneficios {
    width: 130px;
    margin-bottom: 0.625em;
}
/* Fin de beneficios */
/* Planeta */
.bg-planeta {
    background-image: url(/img/fondo-monte.png), linear-gradient(to right, #4AD988, #04C4D9 60%);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    color: #050041;
}
.digitalizate {
    margin-top: 1.25em;
    color: #272559;
    font-family: chantal, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 40px;
}
.img-noplastico {
    width: 70%;
}
.bg-leyenda-dos {
    background: #F2C641;
    color: #775c15;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 5px;
}
/* Fin planeta */
/* Casos de uso */
.img-casos-uso {
    background-image: linear-gradient(to bottom, #a8eaf1 0%, #faebbd 160%);
    margin-bottom: 0.625em;
}

/* Fin de casos de uso */
/* Vídeos */
.bg-videos-demo {
    /*background-image: linear-gradient(to bottom right, #04c4d9 0%, #272559 160%);*/
    background-image: linear-gradient(to bottom, #04C4D9 0%, #F2C641 100%);
    padding-top: 50px;
    padding-bottom: 50px;
}
.titlulo-videos {
    color: #272559;
    font-family: chantal, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 40px;
}
/*Fin de vídeos*/
/* solución */
.bg-solucion {
    background-image: linear-gradient(to bottom, #04C4D9 0%, #F2C641 100%);
    background: #04C4D9;
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: #d8fbff 1px solid;
    border-bottom: #d8fbff 1px solid;
}
.flecha {
    padding-top: 70px;
}
.flecha-abajo {
    padding-top: 5px;
    padding-bottom: 10px;
}
/* Fin solución */
/* preguntas frecuentes */
.preguntas {
    color: #272559;
    font-family: chantal, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 40px;
}
.faq-respuesta {
    background: #C2EDF2;
}
/* fin de preguntas frecuentes */
/* Descarga */
.titulo-descarga {
    color: #272559;
    font-family: chantal, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 40px;
}
/* Fin de descarga*/
/* Distribuidor*/
.bg-contacto {
    background: #04C4D9;
    color: white;
}
.contacto-titulo {
    color: #272559;
    font-family: chantal, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 40px;
}
/* Fin de distribuidor */
/* Descarga */
.bg-disponibilidad {
    padding-bottom: 50px;
}
/* Fin de descarga */
/* Paginas varias */
.regresar {
    margin-top: 30px;
    margin-bottom: 30px;
}
/*Fin de páginas varias */

/* F•I•N - C•U•E•R•P•O */










.identificate, .botones-contacto {
    padding-bottom: 20px;
}

.bg-beneficios, .beneficio-central, .beneficio-titulo, .contacto-titulo {
    padding-top: 20px;
    padding-bottom: 20px;
}

.identificate {
    color: white;
    font-size: 20px;
    font-weight: 100;
    margin-top: 20px;
}
.separador-sectores {
    margin-top: 30px;
}

.contacto-imagen {
    height: 230px;
    overflow: hidden;
}


/* P•I•E•D•E•P•Á•G•I•N•A */

.bg-pie {
    background-color: #272559;
    border-top: #050041 1px solid;
}
.redes {
    padding-top: 50px;
}

/* submenu */
.md-submenu {
    padding: 10px 0;
    margin: 25px auto;
  }
  .md-submenu .nav {
    display: block;
    text-align: center;
  }
  .submenu li {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .submenu li a {
    color: #fff;
    font-size: 22px;
  }
  .submenu li a:hover {
    color: #59bcb3;
    text-decoration: none;
  }
  .submenu .current a,
  .submenu .active a {
    color: #59bcb3;
  }
  /* Fin - submenú */

/* F•I•N - P•I•E•D•E•P•Á•G•I•N•A */

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/* Color */
.material-icons.i-primary { color: #0b5ed7; }
.material-icons.i-danger { color: #dc3545; }