@charset "UTF-8";
/**
* Ultraligero Framework
* ---------------------
*
* Desarrollado por El Cultivo
* http://elcultivo.mx
*
*
*
* Usar ese archivo para customizar estilos
*
*/
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
* SET UP VARS
* -----------
*
* Antes de sobrescribir, échale un ojo a este file
* Algunos estilos son fácilmente configurables
* con sólo cambiar el valor de las variables en _config.scss
*
*/
/**
* MIXINS
* ------
* Agrega aquí tus mixins
*
*/
/**
*  Especificar la fuentes personalizada para el diseño de la pagina
*
*  @param string $font-family: nombre de la fuente
*  @param string $font-filename: nombre del origen (archivo) que contiene la fuente
*  @param string|number $font-weight: alto de la fuente.
*  @param string $font-style: estilo de la fuente.
*  @param string $font-stretch: anchura de la fuente.
*/
/**
* Devuelve tamaño de fuente con line-height y margin bottom.
*
* @param number $font-size: (req) tamaño de la fuente
* @param number $line-height: Alto de la interlínea. Si no le pasas número lo calcula
* @param bool/number $margin: Margen inferior. Si no le pasas número usa la interlínea
*
* la función tamano se encuentra en el archivo _funciones.scss
*/
/**
*  imagen de fondo
*
* @param string $file: nombre del origen (archivo) de la imagen
* @param string $type: formato (extensión) de la imagen
* @param number $width: Ancho de la imagen
* @param number $height: Alto de la imagen
*/
/**
* MIXINS LOCALES
* ------
* Agrega aquí tus mixins locales
*
*/
/**
*  filtro para mostrar la imagen dentro de los límites fondo
*
* @param string $file: nombre del origen (archivo) de la imagen
* @param string $type: formato (extensión) de la imagen
* @param number $width: Ancho de la imagen
* @param number $height: Alto de la imagen
*/
/**
*  Asigna el ancho a las columnas
*
* @param number $cols: numero de columnas
* @param string|number $respond-to: ajuste del tamaño de las media queries
*
* la función cada_col se encuentra en el archivo _funciones.scss
*/
/**
* FUNCTIONS
* ---------
* Agrega aquí tus funciones
*
*/
/**
* Cuánto debe medir cada columna (unidad)
*
* @param number $cuantas-cols: numero total de columnas
* @return number porcentaje del ancho de columnas
*
* Se usa -1 por la primer columna a la que se le quita el margen izquierdo
*/
/**
* Se usa en el Loop para crear todos los tamaños de columnas ej. .grade-12.column
*
* @param number $num: numero de la columna que se especifica
* @return number porcentaje del ancho de la columna que se especifica
*
*/
/**
* Cuánto debe medir cada cuadro (unidad)
*
* @param number $cuantas-cols: numero total de cuadros
* @return number porcentaje del ancho de cuadros
*
* No se le resta porque todos tienen margen derecho
*/
/**
* Se usa en el Loop para crear todos los tamaños de cuadros ej. .grade-12.column
*
* @param number $num: numero de cuadro que se especifica
* @return number porcentaje del ancho del cuadro que se especifica
*
*/
/**
* Calcula los margenes de la class centered
*
* @param number $num: numero de columna
* @return number porcentaje del tamaño de la class centered
*
*/
/**
* Crea el estilo para crear los espacios a la izquierda
*
* @param number $num: numero de columna
* @param boolean $first-child trigger agrenga un el margen de la ultima columna al caso seleccionado Por defecto false.
* @return number porcentaje del tamaño empujar columnas
*
*/
/**
* Generador de tamaños en función de la base
*
* @param number $ratio: el número de veces que quieres multiplicar la base
* @return number pixeles de referencia
*
*/
/**
* Regresa el valor sin unidades
*
* @param number $num: valor a que se le quieran quitar las unidades
* @return number valor sin unidades
*
*/
/**
* Crea el nombre de las class de las columnas
*
* @param number $number: numero de columna
* @return string regresa las clases
*
*/
/*
* Convierte pixeles a porcentaje para posicionar un objeto adecuadamente
*/
/**
* ESTILOS BÁSICOS
* ---------------
*
* Estilos básicos de ultraligero
* Edítalos o sobreescríbelos
*
*/
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }
  *::-moz-selection {
    background: lightgrey; }
  *::selection {
    background: lightgrey; }
  *::-moz-selection {
    background: #FFF; }

html {
  font-size: 20px; }

html, body {
  height: 100%; }

body {
  position: relative;
  font-family: Arial, "Myriad", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

strong {
  font-weight: bold; }

a {
  color: #000;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    color: #000; }

img {
  -ms-interpolation-mode: bicubic; }

.column img, .columns img {
  max-width: 100%; }

p {
  font-family: Arial, "Myriad", sans-serif;
  font-size: 20px;
  line-height: 25px;
  color: #000; }
  p em {
    font-style: italic; }

ol {
  list-style: decimal;
  margin-left: 1.55em; }

ul {
  list-style: disc;
  margin-left: 1.1em; }

/**
* CLASES GLOBALES
* ---------------
*
* Algunos elementos están pre-estilisados
* Usa estas clases para esilizar menús, botones, etc
* Edita o sobreescribe lo que no te guste
*
*/
.centrado {
  text-align: center; }

.derecha {
  text-align: right; }

.izquierda {
  text-align: left; }

.justificado {
  text-align: justify; }

.sin-mar-izq {
  margin-left: 0 !important; }

@media only screen and (max-width: 768px) {
  .medio-sin-mar-izq {
    margin-left: 0 !important; } }
@media only screen and (max-width: 568px) {
  .chico-sin-mar-izq {
    margin-left: 0 !important; } }
.sin-mar-der {
  margin-right: 0 !important; }

.sin-mar-btm {
  margin-bottom: 0 !important; }

.sin-pad-btm {
  padding-bottom: 0 !important; }

.boton {
  text-decoration: none;
  display: inline-block;
  padding: 20px 20px;
  font-size: 20px;
  line-height: 20px;
  background-color: #000;
  color: #FFF;
  text-align: center;
  cursor: pointer; }
  .boton.chico {
    padding: 10px; }
  .boton.mediano {
    padding: 30px 40px 30px 40px;
    font-size: 30px; }
  .boton.grande {
    padding: 40px 50px 40px 50px;
    font-size: 40px; }
  .boton.redondeado {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px; }

.el-menu {
  width: 100%;
  z-index: 1000;
  height: 120px;
  display: table; }
  .el-menu ul {
    float: right;
    list-style-type: none; }
  .el-menu li {
    float: left;
    margin-left: 40px; }
    .el-menu li a {
      vertical-align: middle;
      display: table-cell;
      font-size: 40px;
      height: 120px; }
  .el-menu .logo {
    vertical-align: middle;
    display: table-cell;
    height: 120px; }
  .el-menu.fijo {
    position: fixed;
    display: none; }

sup {
  vertical-align: super;
  font-size: 11px; }

/**
 * Swiper 3.2.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: December 7, 2015
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -ms-grid-row-align: flex-start;
      align-items: flex-start;
  -webkit-transition-property: -webkit-transform,height;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
/*
* Mixins that should go before the "config/_config" file
 */
/*Set to true for -webkit-,-moz-appereance:none
useful for editing radio buttons amog other things*/
/**
*  Especificar la fuentes personalizada para el diseño de la pagina
*
*  @param string $font-family: nombre de la fuente
*  @param string $font-filename: nombre del origen (archivo) que contiene la fuente
*  @param string|number $font-weight: alto de la fuente.
*  @param string $font-style: estilo de la fuente.
*  @param string $font-stretch: anchura de la fuente.
*/
/*
* The various configuration files for the framework
*/
/*basics*/
html, body {
  height: 100%; }

body {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  padding: 0; }

@font-face {
  font-family: "Frutiger";
  src: url("fonts/FrutigerLTStd-Bold.eot");
  src: url("fonts/FrutigerLTStd-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/FrutigerLTStd-Bold.woff") format("woff"), url("fonts/FrutigerLTStd-Bold.ttf") format("truetype"), url("fonts/FrutigerLTStd-Bold.svg#fonts/FrutigerLTStd-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: "Frutiger";
  src: url("fonts/FrutigerLTStd-Roman.eot");
  src: url("fonts/FrutigerLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("fonts/FrutigerLTStd-Roman.woff") format("woff"), url("fonts/FrutigerLTStd-Roman.ttf") format("truetype"), url("fonts/FrutigerLTStd-Roman.svg#fonts/FrutigerLTStd-Roman") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: "Minion";
  src: url("fonts/MinionPro-Bold.eot");
  src: url("fonts/MinionPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/MinionPro-Bold.woff") format("woff"), url("fonts/MinionPro-Bold.ttf") format("truetype"), url("fonts/MinionPro-Bold.svg#fonts/MinionPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: "Minion";
  src: url("fonts/MinionPro-BoldIt.eot");
  src: url("fonts/MinionPro-BoldIt.eot?#iefix") format("embedded-opentype"), url("fonts/MinionPro-BoldIt.woff") format("woff"), url("fonts/MinionPro-BoldIt.ttf") format("truetype"), url("fonts/MinionPro-BoldIt.svg#fonts/MinionPro-BoldIt") format("svg");
  font-weight: bold;
  font-style: italic;
  font-stretch: normal; }
/*
*   The Variables
*   Feel free to play with them!
*/
/*Set to "true" for -webkit-,-moz-appereance:none
  useful for editing radio buttons amog other things*/
/*similar as above but for selects*/
/*
*   If you need to style basic layout and stuff go to your
*   "modules/_contactForm.scss" or similar file
*/
/*Input Elements' Params*/
input, textarea {
  background-color: white;
  color: #6e6e6e;
  border: 1px solid black;
  border-radius: initial;
  padding: 0 .5em; }

input, textarea {
  width: 100%; }

textarea {
  resize: vertical; }

input[type="submit"],
input[type="button"] {
  background-color: #6e6e6e;
  display: block; }

input[type="date"],
input[type="time"],
input[type="submit"],
input[type="button"] {
  width: auto; }

input::-webkit-datetime-edit {
  color: black; }

input::-webkit-inner-spin-button,
input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 1; }

input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
  padding: 0;
  height: 1rem;
  width: 1rem;
  vertical-align: text-top; }
  input[type="checkbox"]:checked,
  input[type="radio"]:checked {
    background-color: black; }

input[type="radio"] {
  border-radius: 100%; }

select {
  cursor: pointer; }

input:focus, select:focus, textarea:focus, button:focus {
  outline: none; }

::-webkit-input-placeholder {
  color: #c3c3c3; }

:-moz-placeholder {
  color: #c3c3c3; }

/* Firefox 18- */
::-moz-placeholder {
  color: #c3c3c3; }

/* Firefox 19+ */
:-ms-input-placeholder {
  color: #c3c3c3; }

/*
* Creates css delimiters for breadcrumbs,
* links, or else.
*
* $delimiter	symbol
*
*/
/*
* Position elements within a container:
* e.g.: position(50%, 50%) will place
* the element at the center of
* the container
*
* Note: It is necessary to add position:relative
* to the parent container
*
* For a reset classes of this mixin go to 'elements/_resetPosition'
*
*/
/**
 * An "@media" mixin that responds to a smaller-than-given screen width.
 *
 *
 * @param  {map || map key || string} $break   Map with the names of breaks and their units or only the desired unit or the Map key.
 *
 * @return {@media block}
 */
/*mixins*/
/*************************** Transitions ***************************/
/*************************** Infography ***************************/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 *
 *@author 	Nicolas Gallagher
 *@url 		http://nicolasgallagher.com/micro-clearfix-hack/
 *
 */
.absolute {
  position: absolute !important; }

.relative {
  position: relative !important; }

.id-href-positioner {
  position: relative; }

.minor-position-hack {
  position: relative;
  top: -2px; }

.fixed {
  position: fixed !important;
  max-width: 100% !important;
  width: 100% !important;
  left: 0; }

@media only screen and (min-width: 769px) {
  .fixed-desktop {
    position: fixed !important;
    max-width: 100% !important;
    width: 100% !important;
    left: 0; } }

.footer-height {
  min-height: -webkit-calc(100vh - 32px);
  min-height: calc(100vh - 32px); }

.d-bl {
  display: block !important; }

.inline {
  display: inline; }

#home home--blanco {
  color: #FFF !important; }

.left {
  float: left !important; }

.m0 {
  margin: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb {
  margin-bottom: 27px !important; }

.noScroll_JS {
  overflow: hidden; }

.hidden_JS {
  display: none; }

.linea {
  width: 100% !important;
  border-bottom: #000 solid 1px !important; }

.p0 {
  padding: 0 !important; }

.pt {
  padding-top: 26px; }

.right {
  float: right !important; }

.top {
  top: 0 !important; }

.top56 {
  top: 56px; }

.ontop {
  z-index: 99 !important; }

.z-0 {
  z-index: 0 !important; }

.h100p {
  height: 100% !important; }

/*************************** Gutters ***************************/
.gutter-r {
  padding-right: 13.5px !important; }

.gutter-l {
  padding-left: 13.5px !important; }

.gutter-rl {
  padding: 0 13.5px !important; }

.clearfix {
  /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */ }
  .clearfix:before, .clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .clearfix:after {
    clear: both; }
  .clearfix {
    zoom: 1; }

.tac {
  text-align: center; }

.no-collapsing {
  min-height: 1px; }

.pointer {
  cursor: pointer; }

.text-center {
  text-align: center !important; }

.mediaSeccionSlider__pagination-bullet--featured--active, .mediaSeccionSlider__pagination-bullet--nomina--active, .mediaSeccionSlider__pagination-bullet--energia--active, .mediaSeccionSlider__pagination-bullet--factoraje--active, .contactForm__bullet, .contactForm__bullet--infography, .header__bullet, .mediaSeccionDestacada__bullet--nomina, .mediaSeccionDestacada__bullet--energia, .mediaSeccionDestacada__bullet--factoraje, .mediaSeccionSlider__pagination-bullet--featured, .mediaSeccionSlider__pagination-bullet--nomina, .mediaSeccionSlider__pagination-bullet--energia, .mediaSeccionSlider__pagination-bullet--factoraje {
  background-color: transparent;
  display: inline-block;
  padding: 0 6px;
  height: 10px; }
  .mediaSeccionSlider__pagination-bullet--featured--active::-moz-selection, .mediaSeccionSlider__pagination-bullet--nomina--active::-moz-selection, .mediaSeccionSlider__pagination-bullet--energia--active::-moz-selection, .mediaSeccionSlider__pagination-bullet--factoraje--active::-moz-selection, .contactForm__bullet::-moz-selection, .contactForm__bullet--infography::-moz-selection, .header__bullet::-moz-selection, .mediaSeccionDestacada__bullet--nomina::-moz-selection, .mediaSeccionDestacada__bullet--energia::-moz-selection, .mediaSeccionDestacada__bullet--factoraje::-moz-selection, .mediaSeccionSlider__pagination-bullet--featured::-moz-selection, .mediaSeccionSlider__pagination-bullet--nomina::-moz-selection, .mediaSeccionSlider__pagination-bullet--energia::-moz-selection, .mediaSeccionSlider__pagination-bullet--factoraje::-moz-selection {
    background: transparent; }
  .mediaSeccionSlider__pagination-bullet--featured--active::selection, .mediaSeccionSlider__pagination-bullet--nomina--active::selection, .mediaSeccionSlider__pagination-bullet--energia--active::selection, .mediaSeccionSlider__pagination-bullet--factoraje--active::selection, .contactForm__bullet::selection, .contactForm__bullet--infography::selection, .header__bullet::selection, .mediaSeccionDestacada__bullet--nomina::selection, .mediaSeccionDestacada__bullet--energia::selection, .mediaSeccionDestacada__bullet--factoraje::selection, .mediaSeccionSlider__pagination-bullet--featured::selection, .mediaSeccionSlider__pagination-bullet--nomina::selection, .mediaSeccionSlider__pagination-bullet--energia::selection, .mediaSeccionSlider__pagination-bullet--factoraje::selection {
    background: transparent; }

.mediaSeccionSlider__pagination-bullet--featured--active, .mediaSeccionSlider__pagination-bullet--nomina--active, .mediaSeccionSlider__pagination-bullet--energia--active, .mediaSeccionSlider__pagination-bullet--factoraje--active {
  color: #FF891F; }

.contactForm__bullet-container, .header__bullet-container, .mediaSeccionDestacada__bullet-container {
  display: block;
  margin-bottom: 28px;
  text-align: center;
  width: 100%; }

.divisor, .divisor__menuTop {
  border-bottom: 1px solid #6e6e6e;
  margin-bottom: 40px; }

.divisor__menuTop {
  top: 31px;
  position: fixed;
  left: 16px;
  width: -webkit-calc(100% - 32px );
  width: calc(100% - 32px );
  z-index: 99; }
  @media only screen and (max-width: 768px) {
    .divisor__menuTop {
      position: absolute; } }

.header, .mediaSeccionMinimal {
  background-repeat: no-repeat;
  background-position: center;
  background-size: initial; }
  @media only screen and (min-width: 1201px) {
    .header, .mediaSeccionMinimal {
      background-size: cover; } }

.contactForm__input, .contactForm__input--select, .contactForm__input--file, .contactForm__input--fake-input, .contactForm__textarea {
  min-height: 30px;
  font-size: 14px;
  width: 100%;
  background-color: #EBEBEB;
  border: none;
  padding-left: 5px;
  padding-right: 5px;
  position: relative; }

.mediaLegal__leer-mas, .mediaSeccionSlider__sbttl--explicacion, .mediaSeccionNoticias__sbttl--explicacion, .mediaSeccionNoticias__leer-mas, .mediaVacantes__leer-mas, .mediaVacantes__span {
  color: #c3c3c3;
  font-family: Minion, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  margin-left: 5px;
  text-transform: none; }

.contactForm__ttl, .contactForm__ttl--infography, .mediaLegal__ttl, .mediaSeccionDestacada__ttl, .mediaSeccionDestacada__ttl--energia, .mediaSeccionDestacada__ttl--nomina, .mediaSeccionDestacada__ttl--factoraje, .mediaVacantes__ttl {
  font-family: Minion, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-weight: bold; }

.footer__menu-ttl, .footer__link--external, .header__lema, .mediaLegal__sbttl, .mediaLegal__p h2, .mediaSeccionSlider__ttl--nomina, .mediaSeccionSlider__ttl--nomina--grande, .mediaSeccionSlider__ttl--factoraje, .mediaSeccionSlider__ttl--factoraje--grande, .mediaSeccionSlider__ttl--energia, .mediaSeccionSlider__ttl--energia--grande, .mediaSeccionSlider__ttl--featured, .mediaSeccionSlider__ttl--featured--grande, .mediaSeccionNoticias__ttl--featured, .mediaVacantes__sbttl, .mediaVacantes__p h2 {
  font-family: Frutiger, Arial, "Myriad", sans-serif;
  font-weight: bold; }

.contactForm__p p, .contactForm__p a, .contactForm__link p, .contactForm__link a, .contactForm__link--email p, .contactForm__link--email a, .contactForm__error p, .contactForm__error--vacantes p, .footer__menu-link, .footer__p, .footer__p--creditos, .popupInicial__p--pais, .mediaLegal__p h3, .mediaLegal__p p, .mediaLegal__p li, .mediaLegal__p strong, .mediaLegal__p a:not(.mediaLegal__button), .mediaSeccionDestacada__p p, .mediaSeccionDestacada__p--energia p, .mediaSeccionDestacada__p--nomina p, .mediaSeccionDestacada__p--factoraje p, .mediaSeccionSlider__p p, .mediaSeccionSlider__p--chico p, .mediaSeccionSlider__p--chico--mb0 p, .mediaSeccionMinimal__ttl, .mediaSeccionNoticias__p p, .mediaSeccionNoticias__p-fecha, .mediaVacantes__p h3, .mediaVacantes__p p, .mediaVacantes__p li, .mediaVacantes__p strong, .mediaVacantes__p a:not(.mediaLegal__button), .mediaVacantes__detalles, .mediaVacantes__enviar-cv, .menuLegal__icon-text, .infoText__finalizado {
  color: #6e6e6e;
  font-family: Frutiger, Arial, "Myriad", sans-serif;
  font-weight: normal;
  font-size: 17px;
  line-height: 25px; }

.contactForm__link, .contactForm__link--email, .popupInicial__link {
  cursor: pointer; }

.infoHead__punto svg {
  height: 9px; }

/*
Ejemplo: http://codepen.io/anon/pen/qOGKvM

Basado en http://codepen.io/pedrocampos/pen/gufrx

Icono en CSS para el Menú Móvil con alguna animaciones
mas info en el archivo original _icono__css-menu.scss
*/
.icon__css-menu {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px; }

.icon__css-menu .icon__css-menu__panes {
  margin: 0 auto;
  position: relative;
  top: 12px; }

.icon__css-menu .icon__css-menu__panes:before, .icon__css-menu .icon__css-menu__panes:after {
  position: absolute;
  content: ''; }

.icon__css-menu .icon__css-menu__panes, .icon__css-menu .icon__css-menu__panes:before, .icon__css-menu .icon__css-menu__panes:after {
  width: 30px;
  height: 6px;
  background-color: #000;
  display: block; }

.icon__css-menu .icon__css-menu__panes:before {
  margin-top: -12px; }

.icon__css-menu .icon__css-menu__panes:after {
  margin-top: 12px; }

/*
Animaciones
*/
/*Rotación*/
.icon__css-menu--rotacion {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease; }

.icon__css-menu--rotacion.on {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

/* Compresión */
.icon__css-menu--compresion .icon__css-menu__panes:before,
.icon__css-menu--compresion .icon__css-menu__panes:after {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease; }

.icon__css-menu--compresion.on .icon__css-menu__panes:before,
.icon__css-menu--compresion.on .icon__css-menu__panes:after {
  margin-top: 0px; }

/* Conversión en punto */
.icon__css-menu--punto .icon__css-menu__panes {
  -webkit-transition: 0.2s ease 0s;
  transition: 0.2s ease 0s; }

.icon__css-menu--punto .icon__css-menu__panes:before,
.icon__css-menu--punto .icon__css-menu__panes:after {
  -webkit-transition-property: margin, opacity;
  transition-property: margin, opacity;
  -webkit-transition-duration: 0.2s, 0s;
  transition-duration: 0.2s, 0s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.icon__css-menu--punto.on .icon__css-menu__panes {
  width: 6px;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.icon__css-menu--punto.on .icon__css-menu__panes:before,
.icon__css-menu--punto.on .icon__css-menu__panes:after {
  margin-top: 0px;
  opacity: 0;
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s; }

/*Conversión en símbolo de Cierre */
.icon__css-menu--close .icon__css-menu__panes {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.icon__css-menu--close.on .icon__css-menu__panes {
  background-color: transparent;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.icon__css-menu--close .icon__css-menu__panes:before {
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s; }

.icon__css-menu--close.on .icon__css-menu__panes:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s; }

.icon__css-menu--close .icon__css-menu__panes:after {
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s; }

.icon__css-menu--close.on .icon__css-menu__panes:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s; }

/* Circulo */
.icon__css-menu--circulo .icon__css-menu__panes {
  -webkit-transition: 0.2s ease 0s;
  transition: 0.2s ease 0s; }

.icon__css-menu--circulo .icon__css-menu__panes:before,
.icon__css-menu--circulo .icon__css-menu__panes:after {
  -webkit-transition-property: margin, opacity;
  transition-property: margin, opacity;
  -webkit-transition-duration: 0.2s, 0s;
  transition-duration: 0.2s, 0s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.icon__css-menu--circulo.on .icon__css-menu__panes {
  width: 16px;
  height: 16px;
  margin-top: -5px;
  border-radius: 50%;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.icon__css-menu--circulo.on .icon__css-menu__panes:before,
.icon__css-menu--circulo.on .icon__css-menu__panes:after {
  margin-top: 0px;
  opacity: 0;
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s; }

/* Pirámide */
.icon__css-menu--piramide .icon__css-menu__panes {
  -webkit-transition-property: margin, width;
  transition-property: margin, width;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s; }

.icon__css-menu--piramide.on .icon__css-menu__panes {
  margin-top: 6px;
  width: 20px;
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s; }

.icon__css-menu--piramide .icon__css-menu__panes:after {
  left: 0;
  -webkit-transition-property: margin, left;
  transition-property: margin, left;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s; }

.icon__css-menu--piramide.on .icon__css-menu__panes:after {
  margin-top: 6px;
  left: -5px;
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s; }

.icon__css-menu--piramide .icon__css-menu__panes:before {
  left: 0;
  -webkit-transition-property: margin, width, left;
  transition-property: margin, width, left;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s, 0s;
  transition-delay: 0.2s, 0s, 0s; }

.icon__css-menu--piramide.on .icon__css-menu__panes:before {
  margin-top: -6px;
  width: 10px;
  left: 5px;
  -webkit-transition-delay: 0s, 0.2s, 0.2s;
  transition-delay: 0s, 0.2s, 0.2s; }

/**
 * Component that creates the standard button for Alphacredit and accounts for all of it's variations.
 *
 * @param  {string} 	 $sufix   					Sufix for the name of the class.
 * @param  {color value} $color   					Button color in its ordinary state.
 * @param  {color value} $colorOn: $colorFeatured 	Color applied on hover to the border and the text color, and to the border and the background color on active
 * @param  {color value} $colorActive: $colorGrey   Color applied to the text on button active.
 *
 * @return {a unique button class}
 */
/**
 * Common properties of the mobile version of the menuMain and the menuLegal classes.
 *
 * Just include inside desired class.
 *
 * Requires the respond-to mixin.
 *
 * @param  {string} 			$menuClass 	Class Name
 * @param  {var || number+px} 	$break     	Responsive break
 *
 * @return {@media {$menuClass} }
 */
/*Grid Mixins*/
/*Posiciona los iconos-gifs de mediaSeccionDestacada*/
/*Infography*/
/*
* Grid para Alphacredit
* Basado en gran medida en calc()
*
*
* $sidebarLeftWidth
*
* .wrapper
* .izq
* .centro
* .centro
* .col
*
*
*/
.col--icon, .col--seccion-ttl--left, .col--seccion-ttl--right, .col--main, .col--left-float,
.col--left-float--unresponsive,
.col--left-float--unresponsive--slider,
.col--left-float--contacto,
.col--left-float--contacto--vacantes,
.col--right-float,
.col--right-float--contacto,
.col--right-float--unresponsive,
.col--right-float--unresponsive--slider, .col--main--float {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
  z-index: 0; }

.row--floating-cols, .row {
  position: relative;
  margin: 0 27px; }
  @media only screen and (min-width: 1116px) {
    .row--floating-cols, .row {
      margin: 0 100px; } }
  @media only screen and (min-width: 1321px) {
    .row--floating-cols, .row {
      margin: 0 auto;
      max-width: 1200px; } }

.row--800 {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 769px; }

.row--legal {
  /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  position: relative;
  margin: 0 27px;
  padding: 0; }
  .row--legal:before, .row--legal:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .row--legal:after {
    clear: both; }
  .row--legal {
    zoom: 1; }
  @media only screen and (max-width: 966px) {
    .row--legal {
      margin: 0; } }
  @media only screen and (min-width: 1116px) {
    .row--legal {
      padding: 0 100px; } }

.row--menuMain, .row--subMenuMain {
  position: relative;
  padding: 0;
  margin: 0 27px; }
  @media only screen and (min-width: 1116px) {
    .row--menuMain, .row--subMenuMain {
      padding: 0 100px; } }
  @media only screen and (max-width: 966px) {
    .row--menuMain, .row--subMenuMain {
      margin: 0; } }

.row--subMenuMain {
  background-color: #EDEDED;
  padding: 0 127px;
  margin: 0; }
  @media only screen and (max-width: 966px) {
    .row--subMenuMain {
      padding: 0 100px; } }

.row--floating-cols {
  display: block;
  position: relative;
  /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  z-index: 0; }
  .row--floating-cols:before, .row--floating-cols:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .row--floating-cols:after {
    clear: both; }
  .row--floating-cols {
    zoom: 1; }

@media only screen and (max-width: 1115px) {
  .col--icon {
    max-width: 100%;
    width: 100%; } }
@media only screen and (max-width: 768px) {
  .col--icon {
    max-width: 500px;
    width: auto; } }

.icon--left {
  z-index: 0;
  margin: 0 auto;
  height: 380px;
  width: 380px; }
  @media only screen and (max-width: 1115px) {
    .icon--left {
      height: 220px;
      width: 220px; } }
  @media only screen and (max-width: 768px) {
    .icon--left {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 567px) {
    .icon--left {
      height: 200px;
      weight: 200px; } }
  @media only screen and (min-width: 769px) {
    .icon--left {
      position: relative;
      left: 0;
      margin-left: 0; } }
  @media only screen and (min-width: 1116px) {
    .icon--left {
      position: absolute;
      left: -380px;
      margin-left: -10px; } }

.icon--right {
  z-index: 0;
  margin: 0 auto;
  height: 380px;
  width: 380px; }
  @media only screen and (max-width: 1115px) {
    .icon--right {
      height: 220px;
      width: 220px; } }
  @media only screen and (max-width: 768px) {
    .icon--right {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 567px) {
    .icon--right {
      height: 200px;
      weight: 200px; } }
  @media only screen and (min-width: 769px) {
    .icon--right {
      position: relative;
      right: 0;
      margin-right: 0; } }
  @media only screen and (min-width: 1116px) {
    .icon--right {
      position: absolute;
      right: -380px;
      margin-right: -10px; } }

.col--seccion-ttl--left {
  max-width: 500px;
  text-align: left; }
  @media only screen and (min-width: 790px) and (max-width: 1115px) {
    .col--seccion-ttl--left {
      position: absolute;
      bottom: 0;
      left: 0; } }
  @media only screen and (min-width: 769px) {
    .col--seccion-ttl--left {
      float: left; } }

.col--seccion-ttl--right {
  max-width: 500px;
  text-align: right; }
  @media only screen and (min-width: 790px) and (max-width: 1115px) {
    .col--seccion-ttl--right {
      position: absolute;
      bottom: 0;
      right: 0; } }
  @media only screen and (min-width: 769px) {
    .col--seccion-ttl--right {
      float: right; } }

.col--main {
  z-index: 1; }

.col--left-float--unresponsive, .col--left-float--unresponsive--slider {
  min-width: 0px;
  width: -webkit-calc(50% - 250px);
  width: calc(50% - 250px);
  float: left; }
.col--left-float--unresponsive--slider {
  width: -webkit-calc(50% - 384px);
  width: calc(50% - 384px);
  position: absolute;
  left: 0; }
@media only screen and (min-width: 769px) {
  .col--left-float--contacto, .col--left-float--contacto--vacantes {
    min-width: 207px;
    width: -webkit-calc(50% - 250px);
    width: calc(50% - 250px);
    float: left;
    padding-right: 27px; } }
.col--left-float--contacto--vacantes {
  margin-bottom: 0 !important;
  min-width: 0; }

.col--right-float {
  /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */ }
  .col--right-float:before, .col--right-float:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .col--right-float:after {
    clear: both; }
  .col--right-float {
    zoom: 1; }
  .col--right-float--unresponsive--slider, .col--right-float--unresponsive {
    min-width: 0px;
    width: -webkit-calc(50% - 250px);
    width: calc(50% - 250px);
    float: right; }
  .col--right-float--unresponsive--slider {
    width: -webkit-calc(50% - 384px);
    width: calc(50% - 384px);
    position: absolute;
    right: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1136px) {
    .col--right-float--unresponsive {
      float: none;
      display: block;
      width: 500px;
      margin-left: 205px;
      position: relative; } }
  @media only screen and (max-width: 768px) {
    .col--right-float--unresponsive {
      float: none;
      max-width: 500px;
      width: 100%; } }
  @media only screen and (min-width: 769px) {
    .col--right-float--contacto {
      min-width: 180px;
      width: -webkit-calc(50% - 250px);
      width: calc(50% - 250px);
      float: right; } }

.col--right-float--contacto {
  text-align: left; }
  @media only screen and (max-width: 1105px) {
    .col--right-float--contacto {
      text-align: right;
      clear: both; } }
  @media only screen and (max-width: 1105px) and (min-width: 769px) {
    .col--right-float--contacto {
      margin-left: 180px; } }

  @media only screen and (min-width: 1106px) {
    .col--right-float--contacto {
      width: -webkit-calc(50% - 250px);
      width: calc(50% - 250px);
      float: right; } }

@media only screen and (min-width: 769px) {
  .col--main--float {
    float: left;
    width: 500px; } }

@media only screen and (max-width: 567px) {
  .col--main-slider {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
    z-index: 0; } }

/*
Footer

*/
.col-contenedor-logo-menu {
  /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  z-index: 0; }
  .col-contenedor-logo-menu:before, .col-contenedor-logo-menu:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .col-contenedor-logo-menu:after {
    clear: both; }
  .col-contenedor-logo-menu {
    zoom: 1; }
  @media only screen and (min-width: 851px) {
    .col-contenedor-logo-menu {
      float: left;
      width: 450px; } }
  @media only screen and (min-width: 1101px) {
    .col-contenedor-logo-menu {
      width: 637px; } }

.col-contenedor-info-creditos {
  z-index: 0; }
  @media only screen and (min-width: 851px) {
    .col-contenedor-info-creditos {
      float: right;
      width: -webkit-calc(100% - 450px);
      width: calc(100% - 450px); } }
  @media only screen and (min-width: 1101px) {
    .col-contenedor-info-creditos {
      padding-top: 45px;
      width: -webkit-calc(100% - 637px);
      width: calc(100% - 637px); } }

.col--footer-logo {
  height: 45px;
  width: 187px;
  z-index: 0; }

.col--footer-menus {
  z-index: 0;
  /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */ }
  .col--footer-menus:before, .col--footer-menus:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .col--footer-menus:after {
    clear: both; }
  .col--footer-menus {
    zoom: 1; }
  @media only screen and (max-width: 567px) {
    .col--footer-menus {
      display: block; } }
  @media only screen and (min-width: 1101px) {
    .col--footer-menus {
      margin-left: 187px;
      width: 450px; } }

.col--footer-menu, .col--footer-menu--external-link {
  width: 123px;
  margin-right: 27px;
  float: left;
  z-index: 0; }

.col--footer-menu--external-link {
  width: 150px; }
  @media only screen and (min-width: 568px) {
    .col--footer-menu--external-link {
      clear: left; } }

.col--footer-info {
  display: block;
  z-index: 0; }
  @media only screen and (min-width: 568px) {
    .col--footer-info {
      min-width: 263px; } }

.col--footer-info-icons {
  z-index: 0; }

.col--footer-creditos {
  z-index: 0; }

.col--menu-izq {
  z-index: 0; }
  @media only screen and (min-width: 967px) {
    .col--menu-izq {
      float: left;
      width: 184px;
      margin-right: 66px; } }

.col--main--calc,
.col--main--calc--vacantes {
  z-index: 0; }
  @media only screen and (min-width: 967px) {
    .col--main--calc,
    .col--main--calc--vacantes {
      float: left;
      width: -webkit-calc(100% - 250px);
      width: calc(100% - 250px); } }

.col--main--calc--vacantes {
  margin-left: -webkit-calc(50% - 250px);
  margin-left: calc(50% - 250px);
  width: -webkit-calc(100% - 500px);
  width: calc(100% - 500px);
  max-width: 750px; }
  @media only screen and (max-width: 768px) {
    .col--main--calc--vacantes {
      width: -webkit-calc(100% - 54px);
      width: calc(100% - 54px); } }

.col-slider {
  width: 33.333333%;
  float: left; }
  @media only screen and (min-width: 825px) {
    .col-slider {
      padding-left: 19px;
      padding-right: 19px; } }
  @media only screen and (max-width: 567px) {
    .col-slider {
      margin-bottom: 27px;
      width: 100%; } }

/*************************** General ***************************/
.contactForm {
  padding-top: 81px;
  padding-bottom: 27px; }
  .contactForm--vacantes {
    padding-top: 0; }
  .contactForm__main-container {
    margin-bottom: 54px; }
  .contactForm__ttl, .contactForm__ttl--infography {
    color: #6e6e6e;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-size: 18px;
    margin-bottom: 27px;
    text-transform: uppercase;
    line-height: 23px; }
  .contactForm__ttl--infography {
    color: white; }
  @media only screen and (max-width: 768px) {
    .contactForm__data-section {
      margin-bottom: 81px; } }
  .contactForm__p, .contactForm__link, .contactForm__link--email {
    margin-bottom: 14px; }
    .contactForm__p p, .contactForm__p a, .contactForm__link p, .contactForm__link a, .contactForm__link--email p, .contactForm__link--email a {
      color: #6e6e6e;
      font-family: Frutiger, Arial, "Myriad", sans-serif;
      font-size: 17px;
      line-height: 20.4px; }
  .contactForm__link--email a {
    font-weight: bold; }
  .contactForm__input-container {
    /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */ }
    .contactForm__input-container:before, .contactForm__input-container:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .contactForm__input-container:after {
      clear: both; }
    .contactForm__input-container {
      zoom: 1; }
    @media only screen and (min-width: 568px) {
      .contactForm__input-container {
        width: 50%;
        float: left; }
        .contactForm__input-container:nth-child(odd) {
          padding-right: 19px; }
        .contactForm__input-container:nth-child(even) {
          padding-left: 19px; } }
  .contactForm__input, .contactForm__input--select, .contactForm__input--file, .contactForm__input--fake-input {
    margin-bottom: 14px; }
  .contactForm__input--select {
    color: #c3c3c3;
    border-radius: 0;
    -webkit-appearance: none; }
  .contactForm__input--file {
    position: absolute;
    top: 0;
    opacity: 0; }
  .contactForm__input--fake-input {
    color: #c3c3c3;
    cursor: pointer;
    margin-bottom: 0;
    padding-top: 4px;
    padding-left: 0; }
  .contactForm__textarea {
    min-height: 120px;
    resize: vertical; }
  .contactForm__error, .contactForm__error--vacantes {
    padding-left: 27px;
    padding-top: 67px; }
    @media only screen and (max-width: 1136px) {
      .contactForm__error, .contactForm__error--vacantes {
        padding-left: 0; } }
    @media only screen and (max-width: 768px) {
      .contactForm__error, .contactForm__error--vacantes {
        padding-top: 0; } }
    .contactForm__error p, .contactForm__error--vacantes p {
      color: #FBCE2F;
      font-size: 14px; }
  .contactForm__error--vacantes {
    padding-top: 47px; }
  .contactForm__bullet {
    content: url(images/icon-rombo-normal.svg);
    margin-bottom: 27px; }
  .contactForm__bullet--infography {
    content: url(images/icon-rombo-blanco.svg);
    margin-bottom: 27px; }
  .contactForm__button {
    border: 1px solid #6e6e6e;
    background-color: transparent;
    color: #6e6e6e;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 3px; }
    .contactForm__button:focus {
      outline: none; }
    .contactForm__button:hover, .contactForm__button:active {
      border-color: #FBCE2F;
      color: #FBCE2F; }
  .contactForm__button--infography {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 3px; }
    .contactForm__button--infography:focus {
      outline: none; }
    .contactForm__button--infography:hover, .contactForm__button--infography:active {
      border-color: #FEE433;
      color: #FEE433; }

input[type="button"] {
  color: transparent; }

.footer {
  /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  background-color: #FEE433;
  padding: 54px 0;
  /*Logo*/
  /*Text Color*/
  /*Menu*/
  /*Link*/
  /*Paragraphs*/ }
  .footer:before, .footer:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .footer:after {
    clear: both; }
  .footer {
    zoom: 1; }
  .footer__logo-container {
    min-height: 57px;
    margin-bottom: 10px; }
  .footer__logo {
    margin-right: 17px;
    height: 100%; }
  .footer__logo--refs {
    height: 100%;
    margin-bottom: 17px; }
    @media only screen and (max-width: 1149px) {
      .footer__logo--refs {
        margin-right: 17px; } }
    @media only screen and (min-width: 1151px) {
      .footer__logo--refs {
        margin-right: 10px;
        max-width: 25%; } }
  .footer__logo-ajeno--une {
    content: url("images/icon-une.svg"); }
  .footer__logo-ajeno--condusef {
    content: url("images/icon-condusef.svg"); }
  .footer__logo-ajeno--amden {
    content: url("images/icon-amden.svg"); }
  .footer__logo-ajeno--buro {
    content: url("images/icon-buro.svg"); }
  .footer__p, .footer__p--creditos, .footer__link--creditos, .footer__menu-ttl, .footer__menu-link, .footer__link--external {
    color: #BDA926; }
  .footer__menu, .footer__menu--third {
    margin-bottom: 27px; }
  @media only screen and (max-width: 567px) {
    .footer__menu--third {
      clear: both; } }
  .footer__menu-ttl, .footer__menu-link, .footer__link--external {
    margin-bottom: 8px; }
  .footer__menu-link:hover, .footer__menu-link:active, .footer__link--external:hover, .footer__link--external:active {
    color: #6e6e6e; }
  .footer__menu-ttl, .footer__link--external {
    display: block;
    font-size: 11px;
    text-transform: uppercase; }
  .footer__link--external {
    margin-bottom: 27px; }
  .footer__menu-link {
    display: block;
    font-size: 11px;
    line-height: 1; }
  .footer__p {
    font-size: 9px;
    line-height: 10px;
    margin-bottom: 27px; }
  .footer__p--creditos {
    font-size: 10px;
    line-height: 1; }
    @media only screen and (min-width: 850px) and (max-width: 1100px) {
      .footer__p--creditos {
        position: absolute;
        bottom: 0; } }

.header {
  background-size: cover;
  min-height: 700px;
  background-color: #c3c3c3;
  padding-top: 27px;
  position: relative; }
  .header__logo-container {
    height: 84px;
    position: relative; }
  .header__logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 84px;
    width: 284px; }
  .header__lema {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: bold;
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto; }
    .header__lema:first-child {
      margin-bottom: 135px; }
    .header__lema h2, .header__lema h3, .header__lema p {
      color: white; }
    .header__lema h2, .header__lema h3 {
      text-transform: uppercase;
      line-height: 33px;
      margin-bottom: 8px; }
    .header__lema h2 {
      font-size: 27px;
      text-transform: none; }
    .header__lema--cta {
      text-transform: uppercase !important; }
    .header__lema h3, .header__lema p {
      font-size: 24px; }
    .header__lema p {
      font-weight: normal; }
  .header__bullet-logo-container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0; }
  .header__bullet-container {
    height: auto;
    padding-top: 12px; }
  .header__bullet {
    content: url(images/icon-rombo-blanco.svg); }
  .header__button {
    border: 1px solid white;
    background-color: transparent;
    color: white;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 3px;
    margin-bottom: 81px; }
    .header__button:focus {
      outline: none; }
    .header__button:hover, .header__button:active {
      border-color: #FEE433;
      color: #FEE433; }

.popupInicial {
  position: relative;
  min-height: 100%;
  padding-top: 27px;
  padding-left: 27px;
  padding-right: 27px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: right;
  background-color: #6e6e6e;
  width: 100%;
  height: auto; }
  .popupInicial__logo {
    top: 13.5px;
    margin-bottom: 0; }
    @media only screen and (max-width: 567px) {
      .popupInicial__logo img {
        height: 70px; } }
  .popupInicial__main-positioner {
    position: absolute;
    width: -webkit-calc(100% - 54px);
    width: calc(100% - 54px);
    top: 40%; }
    @media only screen and (max-width: 768px) {
      .popupInicial__main-positioner {
        position: relative;
        top: initial;
        margin-top: 144px;
        padding-bottom: 84px;
        margin-right: auto;
        margin-left: auto;
        width: 100%; } }
    @media only screen and (max-width: 567px) {
      .popupInicial__main-positioner {
        top: 88px; } }
  .popupInicial__boxes-container {
    margin-bottom: 92px;
    white-space: nowrap; }
    @media only screen and (max-width: 768px) {
      .popupInicial__boxes-container {
        margin-bottom: 27px; } }
  .popupInicial__single-box-container {
    display: inline-block;
    width: 50%; }
    @media only screen and (max-width: 768px) {
      .popupInicial__single-box-container {
        display: block;
        width: 100%;
        margin-bottom: 16px; } }
    @media only screen and (min-width: 769px) {
      .popupInicial__single-box-container {
        padding-right: 13.5px; }
        .popupInicial__single-box-container:last-child {
          padding-right: 0;
          padding-left: 13.5px; } }
  .popupInicial__box {
    border: 2px solid white;
    cursor: pointer;
    position: relative;
    min-height: 180px;
    margin: 0 auto;
    max-width: 500px; }
    @media only screen and (max-width: 567px) {
      .popupInicial__box {
        min-height: 80px; } }
    .popupInicial__box:hover {
      border-color: #FEE433; }
      .popupInicial__box:hover .popupInicial__p--pais {
        color: #FEE433; }
    .popupInicial__box:active {
      border-color: rgba(255, 255, 255, 0);
      background-color: rgba(255, 255, 255, 0.2); }
  .popupInicial__box-info-container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center; }
  .popupInicial__link {
    font-size: 25px;
    color: #FEE433;
    text-transform: uppercase;
    margin-bottom: 16px; }
    @media only screen and (max-width: 567px) {
      .popupInicial__link {
        font-size: 20px; } }
  .popupInicial__p--pais {
    /*For this element's hover, look at &__box*/
    color: white;
    text-transform: uppercase; }
  .popupInicial__p {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: white;
    text-align: center;
    bottom: 27px; }

/*************************** Medias ***************************/
.mediaLegal {
  padding-top: 108px; }
  @media only screen and (max-width: 966px) {
    .mediaLegal {
      padding-top: 54px;
      margin: 0 27px; } }
  .mediaLegal__container {
    margin-bottom: 81px; }
  .mediaLegal__ttl {
    color: #FBCE2F;
    font-size: 40px;
    font-style: italic;
    margin-bottom: 27px; }
  .mediaLegal__sbttl, .mediaLegal__p h2 {
    color: #FBCE2F;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase; }
  .mediaLegal__sbttl {
    margin-bottom: 54px; }
  .mediaLegal__p {
    position: relative;
    overflow: hidden; }
    .mediaLegal__p h2 {
      margin-bottom: 27px; }
    .mediaLegal__p h3, .mediaLegal__p p, .mediaLegal__p li, .mediaLegal__p strong, .mediaLegal__p a:not(.mediaLegal__button) {
      color: #6e6e6e;
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 18px; }
    .mediaLegal__p a:not(.mediaLegal__button) {
      text-decoration: underline; }
      .mediaLegal__p a:not(.mediaLegal__button):hover {
        color: #3b3b3b; }
    .mediaLegal__p ul, .mediaLegal__p ol {
      list-style: disc;
      list-style-position: inside;
      margin-left: 0px;
      margin-bottom: 18px; }
      @media only screen and (max-width: 567px) {
        .mediaLegal__p ul, .mediaLegal__p ol {
          margin-left: 3px; } }
    .mediaLegal__p li {
      margin-bottom: 0; }
    .mediaLegal__p strong {
      font-weight: bold; }
    .mediaLegal__p h3 {
      text-transform: uppercase; }
  .mediaLegal__leer-mas {
    display: inline-block;
    color: #FBCE2F;
    margin-left: 0;
    cursor: pointer; }
  .mediaLegal__button {
    border: 1px solid #6e6e6e;
    background-color: transparent;
    color: #6e6e6e;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 3px;
    text-align: center;
    display: inline-block;
    font-family: Minion, "Times New Roman", Times, Baskerville, Georgia, serif;
    margin-top: 20px; }
    .mediaLegal__button:focus {
      outline: none; }
    .mediaLegal__button:hover, .mediaLegal__button:active {
      border-color: #FBCE2F;
      color: #FBCE2F; }
  .mediaLegal__hija {
    position: relative;
    top: -54px; }

.mediaSeccionDestacada {
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center;
  padding-top: 34px;
  padding-bottom: 27px;
  overflow: hidden; }
  .mediaSeccionDestacada.gif-left {
    background-image: url(images/textura-larga-left.png); }
  .mediaSeccionDestacada.gif-right {
    background-image: url(images/textura-larga-right.png); }
  .mediaSeccionDestacada__ttl, .mediaSeccionDestacada__ttl--energia, .mediaSeccionDestacada__ttl--nomina, .mediaSeccionDestacada__ttl--factoraje {
    font-size: 40px;
    font-style: italic;
    margin-bottom: 50px; }
    @media only screen and (max-width: 567px) {
      .mediaSeccionDestacada__ttl, .mediaSeccionDestacada__ttl--energia, .mediaSeccionDestacada__ttl--nomina, .mediaSeccionDestacada__ttl--factoraje {
        font-size: 25px; } }
    @media only screen and (min-width: 1116px) {
      .mediaSeccionDestacada__ttl, .mediaSeccionDestacada__ttl--energia, .mediaSeccionDestacada__ttl--nomina, .mediaSeccionDestacada__ttl--factoraje {
        padding-top: 50px; } }
  .mediaSeccionDestacada__p, .mediaSeccionDestacada__p--energia, .mediaSeccionDestacada__p--nomina, .mediaSeccionDestacada__p--factoraje {
    margin-bottom: 50px; }
    @media only screen and (min-width: 967px) {
      .mediaSeccionDestacada__p, .mediaSeccionDestacada__p--energia, .mediaSeccionDestacada__p--nomina, .mediaSeccionDestacada__p--factoraje {
        min-height: 218px; } }
  .mediaSeccionDestacada__ttl--energia, .mediaSeccionDestacada__p--energia {
    color: #358B5A; }
  .mediaSeccionDestacada__ttl--nomina, .mediaSeccionDestacada__p--nomina {
    color: #426FE2; }
  .mediaSeccionDestacada__ttl--factoraje, .mediaSeccionDestacada__p--factoraje {
    color: #FF891F; }
  @media only screen and (min-width: 790px) and (max-width: 1115px) {
    .mediaSeccionDestacada__img-layout--right, .mediaSeccionDestacada__img-layout--left {
      margin-bottom: 50px; } }
  .mediaSeccionDestacada__img-layout--right {
    z-index: 0;
    margin: 0 auto;
    height: 380px;
    width: 380px;
    height: 380px; }
    @media only screen and (max-width: 1115px) {
      .mediaSeccionDestacada__img-layout--right {
        height: 220px;
        width: 220px; } }
    @media only screen and (max-width: 768px) {
      .mediaSeccionDestacada__img-layout--right {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 567px) {
      .mediaSeccionDestacada__img-layout--right {
        height: 200px;
        weight: 200px; } }
    @media only screen and (min-width: 769px) {
      .mediaSeccionDestacada__img-layout--right {
        position: relative;
        right: 0;
        margin-right: 0; } }
    @media only screen and (min-width: 1116px) {
      .mediaSeccionDestacada__img-layout--right {
        position: absolute;
        right: -380px;
        margin-right: -10px; } }
    @media only screen and (max-width: 1115px) {
      .mediaSeccionDestacada__img-layout--right {
        height: 220px; } }
  .mediaSeccionDestacada__img-layout--left {
    z-index: 0;
    margin: 0 auto;
    height: 380px;
    width: 380px;
    height: 380px; }
    @media only screen and (max-width: 1115px) {
      .mediaSeccionDestacada__img-layout--left {
        height: 220px;
        width: 220px; } }
    @media only screen and (max-width: 768px) {
      .mediaSeccionDestacada__img-layout--left {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 567px) {
      .mediaSeccionDestacada__img-layout--left {
        height: 200px;
        weight: 200px; } }
    @media only screen and (min-width: 769px) {
      .mediaSeccionDestacada__img-layout--left {
        position: relative;
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 1116px) {
      .mediaSeccionDestacada__img-layout--left {
        position: absolute;
        left: -380px;
        margin-left: -10px; } }
    @media only screen and (max-width: 1115px) {
      .mediaSeccionDestacada__img-layout--left {
        height: 220px; } }
  .mediaSeccionDestacada__gif--nomina img, .mediaSeccionDestacada__gif--energia img, .mediaSeccionDestacada__gif--factoraje img {
    height: 380px; }
    @media only screen and (max-width: 1115px) {
      .mediaSeccionDestacada__gif--nomina img, .mediaSeccionDestacada__gif--energia img, .mediaSeccionDestacada__gif--factoraje img {
        height: 220px; } }
  .mediaSeccionDestacada__bullet--nomina {
    content: url(images/icon-rombo-nomina.svg); }
  .mediaSeccionDestacada__bullet--energia {
    content: url(images/icon-rombo-energia.svg); }
  .mediaSeccionDestacada__bullet--factoraje {
    content: url(images/icon-rombo-factoraje.svg); }
  .mediaSeccionDestacada__button--nomina {
    border: 1px solid #426FE2;
    background-color: transparent;
    color: #426FE2;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 3px; }
    .mediaSeccionDestacada__button--nomina:focus {
      outline: none; }
    .mediaSeccionDestacada__button--nomina:hover, .mediaSeccionDestacada__button--nomina:active {
      border-color: #FEE433;
      color: #FEE433; }
  .mediaSeccionDestacada__button--energia {
    border: 1px solid #358B5A;
    background-color: transparent;
    color: #358B5A;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 3px; }
    .mediaSeccionDestacada__button--energia:focus {
      outline: none; }
    .mediaSeccionDestacada__button--energia:hover, .mediaSeccionDestacada__button--energia:active {
      border-color: #FEE433;
      color: #FEE433; }
  .mediaSeccionDestacada__button--factoraje {
    border: 1px solid #FF891F;
    background-color: transparent;
    color: #FF891F;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 3px; }
    .mediaSeccionDestacada__button--factoraje:focus {
      outline: none; }
    .mediaSeccionDestacada__button--factoraje:hover, .mediaSeccionDestacada__button--factoraje:active {
      border-color: #FEE433;
      color: #FEE433; }

.mediaSeccionSlider {
  margin-bottom: 27px;
  padding-top: 54px;
  position: relative;
  /*Slider elements*/
  /*Slider nav*/
  /*Seccion de informacion*/
  /*Títulos*/
  /*Subtítulos*/
  /*Párrafos*/
  /*Icons*/
  /*Ancla*/ }
  .mediaSeccionSlider__pagination {
    text-align: center; }
    .mediaSeccionSlider__pagination-bullet--featured {
      cursor: pointer;
      content: url(images/icon-rombo-featured.svg); }
      .mediaSeccionSlider__pagination-bullet--featured--active {
        content: url(images/icon-rombo-featured-active.svg); }
    .mediaSeccionSlider__pagination-bullet--nomina {
      cursor: pointer;
      content: url(images/icon-rombo-nomina.svg); }
      .mediaSeccionSlider__pagination-bullet--nomina--active {
        content: url(images/icon-rombo-nomina-active.svg); }
    .mediaSeccionSlider__pagination-bullet--energia {
      cursor: pointer;
      content: url(images/icon-rombo-energia.svg); }
      .mediaSeccionSlider__pagination-bullet--energia--active {
        content: url(images/icon-rombo-energia-active.svg); }
    .mediaSeccionSlider__pagination-bullet--factoraje {
      cursor: pointer;
      content: url(images/icon-rombo-factoraje.svg); }
      .mediaSeccionSlider__pagination-bullet--factoraje--active {
        content: url(images/icon-rombo-factoraje-active.svg); }
  .mediaSeccionSlider__nav-next, .mediaSeccionSlider__nav-prev {
    z-index: 2; }
  .mediaSeccionSlider__container {
    position: relative;
    margin: 0 auto;
    width: 800px; }
    @media only screen and (max-width: 850px) {
      .mediaSeccionSlider__container {
        max-width: 500px; } }
  .mediaSeccionSlider__arrow-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 22px;
    right: 14px;
    position: absolute;
    width: 25px; }
    @media only screen and (max-width: 567px) {
      .mediaSeccionSlider__arrow-next {
        right: 7px; } }
    .mediaSeccionSlider__arrow-next::-moz-selection {
      background: transparent; }
    .mediaSeccionSlider__arrow-next::selection {
      background: transparent; }
    .mediaSeccionSlider__arrow-next svg {
      overflow: visible; }
  .mediaSeccionSlider__info-container {
    margin-bottom: 53px; }
  .mediaSeccionSlider__ttl-mb-container {
    margin-bottom: 25px; }
  .mediaSeccionSlider__ttl--nomina, .mediaSeccionSlider__ttl--nomina--grande {
    color: #426FE2;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 auto; }
  .mediaSeccionSlider__ttl--factoraje, .mediaSeccionSlider__ttl--factoraje--grande {
    color: #FF891F;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 auto; }
  .mediaSeccionSlider__ttl--energia, .mediaSeccionSlider__ttl--energia--grande {
    color: #358B5A;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 auto; }
  .mediaSeccionSlider__ttl--featured, .mediaSeccionSlider__ttl--featured--grande {
    color: #FBCE2F;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 auto; }
  .mediaSeccionSlider__ttl--nomina, .mediaSeccionSlider__ttl--energia, .mediaSeccionSlider__ttl--factoraje, .mediaSeccionSlider__ttl--featured {
    text-transform: uppercase; }
  .mediaSeccionSlider__ttl--nomina--grande, .mediaSeccionSlider__ttl--energia--grande, .mediaSeccionSlider__ttl--factoraje--grande, .mediaSeccionSlider__ttl--featured--grande {
    font-size: 18px; }
  .mediaSeccionSlider__p p, .mediaSeccionSlider__p--chico p, .mediaSeccionSlider__p--chico--mb0 p {
    color: #6e6e6e;
    margin: 0 auto; }
  .mediaSeccionSlider__p.featured p, .mediaSeccionSlider__p--chico.featured p, .mediaSeccionSlider__p--chico--mb0.featured p {
    font-size: 17px;
    line-height: 25px; }
  .mediaSeccionSlider__p--chico p, .mediaSeccionSlider__p--chico--mb0 p {
    font-size: 14px;
    margin-bottom: 14px; }
  .mediaSeccionSlider__p--chico--mb0 p {
    margin-bottom: 0; }
  .mediaSeccionSlider__sbttl {
    text-transform: uppercase; }
  .mediaSeccionSlider__p {
    margin-bottom: 16px; }
  .mediaSeccionSlider__icon {
    height: 88px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 24px; }
  .mediaSeccionSlider__icon-ttl--energia, .mediaSeccionSlider__icon-ttl--nomina, .mediaSeccionSlider__icon-ttl--factoraje {
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center; }
  .mediaSeccionSlider__icon-ttl--energia {
    color: #358B5A; }
  .mediaSeccionSlider__icon-ttl--nomina {
    color: #426FE2; }
  .mediaSeccionSlider__icon-ttl--factoraje {
    color: #FF891F; }
  .mediaSeccionSlider__ancla img, .mediaSeccionSlider__ancla h3 {
    cursor: pointer; }

.mediaSeccionMinimal {
  background-color: #FEF1B3;
  height: 760px;
  position: relative; }
  .mediaSeccionMinimal__ttl {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 25px;
    color: #6e6e6e;
    line-height: 35px;
    text-align: center;
    min-width: 100%; }

.mediaSeccionNoticias {
  background-color: #6e6e6e;
  padding: 50px 0; }
  .mediaSeccionNoticias__ttl-mb-container {
    margin-bottom: 25px; }
  .mediaSeccionNoticias__ttl--featured {
    color: #FEE433;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 auto;
    text-transform: uppercase; }
  .mediaSeccionNoticias__leer-mas {
    color: #FEE433; }
  .mediaSeccionNoticias__ttl-noticia {
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-weight: bold;
    color: white;
    font-size: 17px;
    margin-bottom: 25px; }
  .mediaSeccionNoticias__p-mb-helper {
    margin-bottom: 37.5px; }
    .mediaSeccionNoticias__p-mb-helper:last-child {
      margin-bottom: 0; }
  .mediaSeccionNoticias__p p {
    color: white;
    font-size: 13px;
    line-height: 20px; }
  .mediaSeccionNoticias__p-fecha {
    color: white;
    font-size: 11px;
    line-height: 0;
    margin-bottom: 14px; }

.mediaVacantes {
  padding-top: 108px; }
  @media only screen and (max-width: 966px) {
    .mediaVacantes {
      padding-top: 54px;
      margin: 0 27px; } }
  .mediaVacantes__container {
    margin-bottom: 81px; }
  .mediaVacantes__ttl {
    color: #FBCE2F;
    font-size: 40px;
    font-style: italic;
    margin-bottom: 27px; }
  .mediaVacantes__sbttl, .mediaVacantes__p h2 {
    color: #FBCE2F;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase; }
  .mediaVacantes__sbttl {
    margin-bottom: 54px; }
  .mediaVacantes__p {
    position: relative;
    overflow: hidden; }
    .mediaVacantes__p h2 {
      margin-bottom: 27px; }
    .mediaVacantes__p h3, .mediaVacantes__p p, .mediaVacantes__p li, .mediaVacantes__p strong, .mediaVacantes__p a:not(.mediaLegal__button) {
      color: #6e6e6e;
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 18px; }
    .mediaVacantes__p a:not(.mediaLegal__button) {
      text-decoration: underline; }
      .mediaVacantes__p a:not(.mediaLegal__button):hover {
        color: #3b3b3b; }
    .mediaVacantes__p ul, .mediaVacantes__p ol {
      list-style: disc;
      list-style-position: inside;
      margin-left: 0px;
      margin-bottom: 18px; }
      @media only screen and (max-width: 567px) {
        .mediaVacantes__p ul, .mediaVacantes__p ol {
          margin-left: 3px; } }
    .mediaVacantes__p li {
      margin-bottom: 0; }
    .mediaVacantes__p strong {
      font-weight: bold; }
    .mediaVacantes__p h3 {
      text-transform: uppercase; }
  .mediaVacantes__leer-mas {
    display: inline-block;
    color: #FBCE2F;
    margin-left: 0;
    cursor: pointer; }
  .mediaVacantes__button {
    border: 1px solid #6e6e6e;
    background-color: transparent;
    color: #6e6e6e;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 3px;
    text-align: center;
    display: inline-block;
    font-family: Minion, "Times New Roman", Times, Baskerville, Georgia, serif;
    margin-top: 20px; }
    .mediaVacantes__button:focus {
      outline: none; }
    .mediaVacantes__button:hover, .mediaVacantes__button:active {
      border-color: #FBCE2F;
      color: #FBCE2F; }
  @media only screen and (max-width: 966px) {
    .mediaVacantes {
      margin-left: -webkit-calc(50% - 250px);
      margin-left: calc(50% - 250px); } }
  @media only screen and (max-width: 554px) {
    .mediaVacantes {
      margin-left: 27px; } }
  .mediaVacantes__ttl {
    margin-bottom: 18px; }
  .mediaVacantes__detalles {
    color: #6e6e6e;
    font-weight: bold;
    margin-bottom: 27px;
    text-transform: uppercase; }
  .mediaVacantes__p {
    margin-bottom: 54px; }
    .mediaVacantes__p p {
      font-size: 17px;
      line-height: 25px;
      margin-bottom: 27px; }
    .mediaVacantes__p li {
      color: #6e6e6e;
      line-height: 1;
      list-style-position: inside;
      margin-left: -5px;
      margin-bottom: 13.5px; }
  .mediaVacantes__leer-mas {
    display: inline-block;
    padding-left: 6.75px; }
  .mediaVacantes__enviar-cv {
    color: #FBCE2F !important; }
  .mediaVacantes__imagen svg {
    position: absolute;
    top: 66px;
    left: 27px;
    max-width: -webkit-calc(100% - 27px);
    max-width: calc(100% - 27px); }

/*************************** Menus ***************************/
.menuMain {
  background-color: white;
  position: relative;
  z-index: 2; }
  .menuMain--fixed {
    position: fixed !important;
    background-color: white;
    top: 0;
    width: 100%;
    z-index: 99;
    max-height: 66px; }
  @media only screen and (min-width: 967px) {
    .menuMain__container {
      width: auto;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 33px;
      white-space: nowrap; } }
  .menuMain__container.isOpen_JS {
    overflow: scroll;
    top: 66px;
    bottom: 0;
    position: fixed;
    width: 100%; }
  .menuMain__logo-container {
    padding: 0; }
  .menuMain__logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    height: 44.5px;
    width: 37px; }
  @media only screen and (max-width: 966px) {
    .menuMain__link-container--showGrande {
      display: none; } }
  @media only screen and (max-width: 966px) {
    .menuMain__link, .menuMain__link--financiamiento, .menuMain__link--nomina, .menuMain__link--factoraje {
      height: 100%;
      width: -webkit-calc(100% - 27px);
      width: calc(100% - 27px); } }
  .menuMain__link a, .menuMain__link--financiamiento a, .menuMain__link--nomina a, .menuMain__link--factoraje a {
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase; }
    @media only screen and (max-width: 966px) {
      .menuMain__link a, .menuMain__link--financiamiento a, .menuMain__link--nomina a, .menuMain__link--factoraje a {
        height: 100%;
        width: -webkit-calc(100% - 27px);
        width: calc(100% - 27px);
        padding-top: 27px; } }
    @media only screen and (min-width: 967px) {
      .menuMain__link a, .menuMain__link--financiamiento a, .menuMain__link--nomina a, .menuMain__link--factoraje a {
        color: #6e6e6e;
        font-size: 18px;
        display: inline-block;
        padding: 22px 10px; } }
  .menuMain__link:hover a, .menuMain__link:active a, .menuMain__link.selected a, .menuMain__link .active {
    color: #343434; }
  .menuMain__submenu {
    display: none;
    background-color: #EDEDED;
    height: 38px;
    position: relative;
    margin-bottom: 27px; }
    @media only screen and (max-width: 966px) {
      .menuMain__submenu {
        display: none; } }
  @media only screen and (min-width: 967px) {
    .menuMain {
      height: 66px; }
      .menuMain__link-container, .menuMain__link-container--showMobile, .menuMain__link-container--showGrande {
        display: inline-block; }
      .menuMain__link-container--showMobile {
        display: none; }
      .menuMain__submenu-container {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 33px; }
      .menuMain__link--financiamiento, .menuMain__link--nomina, .menuMain__link--factoraje {
        margin-right: 40px;
        display: inline-block; }
        .menuMain__link--financiamiento a, .menuMain__link--nomina a, .menuMain__link--factoraje a {
          font-size: 14px;
          text-transform: none; }
      .menuMain__link--financiamiento:hover a, .menuMain__link--financiamiento.selected a {
        color: #358B5A; }
      .menuMain__link--nomina:hover a, .menuMain__link--nomina.selected a {
        color: #426FE2; }
      .menuMain__link--factoraje:hover a, .menuMain__link--factoraje.selected a {
        color: #FF891F; }
      .menuMain__quienes-somos {
        margin-right: 14px; }
      .menuMain__servicios {
        margin-right: 14px; }
      .menuMain__noticias {
        margin-right: 14px; }
      .menuMain__contacto {
        margin-right: 14px; }
      .menuMain__legal {
        margin-right: 14px; } }
  @media only screen and (max-width: 966px) {
    .menuMain__container {
      display: none; }
    .menuMain__logo-container, .menuMain__link-container, .menuMain__link-container--showMobile {
      height: 66px;
      padding: 0 8.7px; } }
  @media only screen and (max-width: 966px) and (max-width: 1115px) {
    .menuMain__logo-container, .menuMain__link-container, .menuMain__link-container--showMobile {
      padding: 0 27px; } }
  @media only screen and (max-width: 966px) {
    .menuMain__logo-container {
      position: relative;
      background-color: white; }
    .menuMain__link-container, .menuMain__link-container--showMobile, .menuMain__link-container--showGrande {
      position: relative;
      background-color: #EDEDED; }
      .menuMain__link-container:hover, .menuMain__link-container:active, .menuMain__link-container--showMobile:hover, .menuMain__link-container--showMobile:active, .menuMain__link-container--showGrande:hover, .menuMain__link-container--showGrande:active {
        background-color: white; }
    .menuMain__link-divisor {
      position: relative;
      border-bottom: 2px solid rgba(153, 153, 153, 0.3);
      top: 65px;
      z-index: 2; }
    .menuMain__logo, .menuMain__link, .menuMain__link--financiamiento, .menuMain__link--nomina, .menuMain__link--factoraje {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 27px; }
    .menuMain__link a, .menuMain__link--financiamiento a, .menuMain__link--nomina a, .menuMain__link--factoraje a {
      font-family: Frutiger, Arial, "Myriad", sans-serif;
      font-weight: bold;
      cursor: pointer;
      color: #999999;
      font-size: 19px;
      padding-left: 8.7px; }
    .menuMain__icon, .menuMain__icon--nomina, .menuMain__icon--energia, .menuMain__icon--factoraje, .menuMain__icon--menu, .menuMain__icon--menu-legal {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 35.7px;
      height: 20px;
      width: 32px; }
    .menuMain__icon--nomina, .menuMain__icon--energia, .menuMain__icon--factoraje {
      height: 32px; }
    .menuMain__icon--menu {
      content: url(images/icon-menu--close.svg); }
      .menuMain__icon--menu.isClosed {
        content: url(images/icon-menu.svg); }
    .menuMain__icon--menu-legal {
      content: url(images/icon-menu--close.svg); }
      .menuMain__icon--menu-legal.isClosed {
        content: url(images/icon-menu-legal.svg); }
    .menuMain__icon--nomina {
      content: url(images/icon-nomina-chico.svg); }
    .menuMain__icon--energia {
      content: url(images/icon-energia-chico.svg); }
    .menuMain__icon--factoraje {
      content: url(images/icon-factoraje-chico.svg); } }

.menuLegal {
  position: relative;
  background-color: #EDEDED;
  z-index: 2; }
  .menuLegal.menuMain--fixed {
    top: 66px;
    max-height: 100%; }
    .menuLegal.menuMain--fixed.isOpen_JS {
      bottom: 0;
      overflow-y: scroll; }
  @media only screen and (max-width: 966px) {
    .menuLegal__link a {
      font-weight: normal !important;
      top: 66px; } }
  @media only screen and (min-width: 967px) {
    .menuLegal {
      height: 564px;
      padding-top: 27px;
      position: fixed;
      width: 184px; }
      .menuLegal__container {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 184px; }
      .menuLegal__link {
        margin-bottom: 27px; }
        .menuLegal__link a {
          font-family: Frutiger, Arial, "Myriad", sans-serif;
          font-weight: bold;
          cursor: pointer;
          color: #999999;
          font-size: 12px;
          font-weight: normal;
          letter-spacing: -1px;
          display: block;
          padding: 0 27px; }
          .menuLegal__link a.active {
            color: #343434; } }
  @media only screen and (max-width: 966px) {
    .menuLegal__container {
      display: none; }
    .menuLegal__logo-container, .menuLegal__link-container, .menuLegal__link-container--showMobile {
      height: 66px;
      padding: 0 8.7px; } }
  @media only screen and (max-width: 966px) and (max-width: 1115px) {
    .menuLegal__logo-container, .menuLegal__link-container, .menuLegal__link-container--showMobile {
      padding: 0 27px; } }
  @media only screen and (max-width: 966px) {
    .menuLegal__logo-container {
      position: relative;
      background-color: white; }
    .menuLegal__link-container, .menuLegal__link-container--showMobile, .menuLegal__link-container--showGrande {
      position: relative;
      background-color: #EDEDED; }
      .menuLegal__link-container:hover, .menuLegal__link-container:active, .menuLegal__link-container--showMobile:hover, .menuLegal__link-container--showMobile:active, .menuLegal__link-container--showGrande:hover, .menuLegal__link-container--showGrande:active {
        background-color: white; }
    .menuLegal__link-divisor {
      position: relative;
      border-bottom: 2px solid rgba(153, 153, 153, 0.3);
      top: 65px;
      z-index: 2; }
    .menuLegal__logo, .menuLegal__link, .menuLegal__link--financiamiento, .menuLegal__link--nomina, .menuLegal__link--factoraje {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 27px; }
    .menuLegal__link a, .menuLegal__link--financiamiento a, .menuLegal__link--nomina a, .menuLegal__link--factoraje a {
      font-family: Frutiger, Arial, "Myriad", sans-serif;
      font-weight: bold;
      cursor: pointer;
      color: #999999;
      font-size: 19px;
      padding-left: 8.7px; }
    .menuLegal__icon, .menuLegal__icon--nomina, .menuLegal__icon--energia, .menuLegal__icon--factoraje, .menuLegal__icon--menu, .menuLegal__icon--menu-legal {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 35.7px;
      height: 20px;
      width: 32px; }
    .menuLegal__icon--nomina, .menuLegal__icon--energia, .menuLegal__icon--factoraje {
      height: 32px; }
    .menuLegal__icon--menu {
      content: url(images/icon-menu--close.svg); }
      .menuLegal__icon--menu.isClosed {
        content: url(images/icon-menu.svg); }
    .menuLegal__icon--menu-legal {
      content: url(images/icon-menu--close.svg); }
      .menuLegal__icon--menu-legal.isClosed {
        content: url(images/icon-menu-legal.svg); }
    .menuLegal__icon--nomina {
      content: url(images/icon-nomina-chico.svg); }
    .menuLegal__icon--energia {
      content: url(images/icon-energia-chico.svg); }
    .menuLegal__icon--factoraje {
      content: url(images/icon-factoraje-chico.svg); } }
  .menuLegal__link:hover a, .menuLegal__link:active a, .menuLegal__link.selected a {
    color: #6e6e6e; }
  .menuLegal__icon-text {
    color: #6e6e6e;
    display: none;
    font-size: 12px;
    right: 84px; }
    @media only screen and (max-width: 966px) {
      .menuLegal__icon-text {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block; } }
    .menuLegal__icon-text.isClosed {
      color: #999999; }
  .menuLegal__logo-container {
    background-color: #EDEDED; }
    .menuLegal__logo-container.isOpen_JS {
      background-color: #999999; }

/*************************** Animations ***************************/
[class*="__L"], [class*="infoGraph"] {
  position: absolute; }

@media only screen and (min-width: 1021px) {
  .infoBg__pleca,
  .infoBg__special,
  .energia__linea-descendente-chica line,
  .factoraje__linea-descendente-chica line,
  .nomina__linea-descendente line,
  .energia__linea-descendente-chica circle,
  .factoraje__linea-descendente-chica circle,
  .nomina__linea-descendente circle,
  .energia__linea-descendente-chica--sin-punto line,
  .energia__L-helper line,
  .energia__caja-italica-texto span,
  [class*="energia__caja-italica"] rect,
  [class*="caja-italica"] rect,
  [class*="caja-italica"] span,
  [class*="energia-number"],
  [class*="factoraje-number"],
  [class*="nomina-number"],
  [class*="infoGraph"],
  [class*="infoText"],
  [class*="__linea-alpha"] line,
  [id*="__L"] line,
  [id*="__L"] polyline,
  [id*="__L"] circle,
  [class*="energia-number--rombo"],
  [class*="nomina-number--rombo"] {
    visibility: hidden; } }

.infography {
  height: 0; }

.energia__linea-descendente-chica--sin-punto line,
.energia__L-helper line,
.factoraje__linea-responsive line,
[class*="__L"] line,
[class*="__linea-descendente"] line,
[class*="__linea-alpha-llave"] line,
[class*="__linea-alpha"] line,
[class*="__orbita"] line,
[id*="__L"] line,
[class*="__L"] polyline,
[id*="__L"] polyline {
  vector-effect: non-scaling-stroke;
  stroke-width: 1px !important; }

@media only screen and (max-width: 1020px) {
  .energia__linea-descendente-chica--sin-punto line,
  .energia__L-helper line,
  .infoGraph__cash,
  .infoGraph__hasta-85-porciento,
  .nomina-S03__linea-alpha-llave,
  .infoGraph__mezzanine-container,
  .infoGraph__costo-de-oportunidad,
  [class*="energia-number"],
  [class*="nomina-number"],
  [class*="factoraje-number"],
  [id*="__L"] line,
  [id*="__L"] polyline,
  [id*="__L"] circle,
  [class*="energia-number--rombo"] {
    display: none; } }

[class*="energia__linea-descendente-chica--responsive"],
[class*="nomina__linea-descendente--responsive"],
[class*="factoraje__linea-descendente-chica--responsive"] {
  display: none; }
  @media only screen and (max-width: 1020px) {
    [class*="energia__linea-descendente-chica--responsive"],
    [class*="nomina__linea-descendente--responsive"],
    [class*="factoraje__linea-descendente-chica--responsive"] {
      display: block; } }

[class*="infoGrid"] {
  min-height: 1px; }

.infoGrid {
  /*de las Escenas*/ }
  .infoGrid__row, .infoGrid__row--max-w {
    /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
    position: relative;
    margin-left: auto;
    margin-right: auto; }
    .infoGrid__row:before, .infoGrid__row:after, .infoGrid__row--max-w:before, .infoGrid__row--max-w:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .infoGrid__row:after, .infoGrid__row--max-w:after {
      clear: both; }
    .infoGrid__row, .infoGrid__row--max-w {
      zoom: 1; }
  .infoGrid__row--max-w {
    max-width: 1200px; }
  .infoGrid__main {
    position: relative;
    float: left; }
    @media only screen and (max-width: 1020px) {
      .infoGrid__main {
        float: none; } }
  .infoGrid__main--center {
    position: relative;
    float: left; }
    @media only screen and (max-width: 1020px) {
      .infoGrid__main--center {
        float: none; } }
  .infoGrid__left {
    position: relative;
    float: left; }
    @media only screen and (max-width: 1020px) {
      .infoGrid__left {
        float: none; } }
  .infoGrid__right {
    position: relative;
    float: left; }
    @media only screen and (max-width: 1020px) {
      .infoGrid__right {
        float: none; } }
  .infoGrid__main, .infoGrid__main--centered {
    width: 500px; }
    @media only screen and (max-width: 1020px) {
      .infoGrid__main, .infoGrid__main--centered {
        max-width: 500px;
        width: 100%;
        margin-left: auto;
        margin-right: auto; } }
  .infoGrid__main--centered {
    margin-left: auto;
    margin-right: auto; }
  .infoGrid__left, .infoGrid__right {
    width: -webkit-calc(50% - 250px);
    width: calc(50% - 250px); }
    @media only screen and (max-width: 1020px) {
      .infoGrid__left, .infoGrid__right {
        width: 100%;
        text-align: center; } }
  .infoGrid__right {
    float: right; }
  .infoGrid__left-positioner, .infoGrid__right-positioner {
    width: 350px;
    height: 97px;
    position: relative; }
    @media only screen and (max-width: 1020px) {
      .infoGrid__left-positioner, .infoGrid__right-positioner {
        padding: 0 !important;
        float: none !important;
        width: auto !important;
        margin: 0auto; }
        .infoGrid__left-positioner--hide, .infoGrid__right-positioner--hide {
          height: 0; } }
    .infoGrid__left-positioner--no-height, .infoGrid__right-positioner--no-height {
      height: 0; }
  .infoGrid__left-positioner {
    padding-left: 100px;
    float: right; }
  .infoGrid__right-positioner {
    padding-right: 100px;
    float: left; }
  .infoGrid__main--E02-pt2 {
    height: 130px; }

.infoHead__main-container {
  height: 406px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 81px;
  width: 500px; }
  @media only screen and (max-width: 1020px) {
    .infoHead__main-container {
      width: 100%;
      max-width: 500px; } }
.infoHead__adornos {
  position: relative; }
.infoHead__punto {
  text-align: center;
  height: 9px; }
  .infoHead__punto svg {
    position: relative;
    top: -8px; }
.infoHead__linea {
  text-align: center;
  position: relative;
  top: -3px; }
  .infoHead__linea svg {
    height: 90px;
    width: 2px; }
.infoHead__banderita-container--energia {
  border: 1px solid;
  display: inline-block;
  left: 50%;
  line-height: 0.6;
  padding: 2px 24px 4px;
  position: absolute;
  top: 17px; }
.infoHead__banderita--energia, .infoHead__ejemplo--energia {
  font-family: Frutiger, Arial, "Myriad", sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }
.infoHead__ejemplo--energia {
  font-size: 11px;
  text-transform: none;
  position: absolute;
  left: -webkit-calc(50% + 27px);
  left: calc(50% + 27px);
  top: 59px; }
.infoHead__banderita-container--nomina {
  border: 1px solid;
  display: inline-block;
  left: 50%;
  line-height: 0.6;
  padding: 2px 24px 4px;
  position: absolute;
  top: 17px; }
.infoHead__banderita--nomina, .infoHead__ejemplo--nomina {
  font-family: Frutiger, Arial, "Myriad", sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }
.infoHead__ejemplo--nomina {
  font-size: 11px;
  text-transform: none;
  position: absolute;
  left: -webkit-calc(50% + 27px);
  left: calc(50% + 27px);
  top: 59px; }
.infoHead__banderita-container--factoraje {
  border: 1px solid;
  display: inline-block;
  left: 50%;
  line-height: 0.6;
  padding: 2px 24px 4px;
  position: absolute;
  top: 17px; }
.infoHead__banderita--factoraje, .infoHead__ejemplo--factoraje {
  font-family: Frutiger, Arial, "Myriad", sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }
.infoHead__ejemplo--factoraje {
  font-size: 11px;
  text-transform: none;
  position: absolute;
  left: -webkit-calc(50% + 27px);
  left: calc(50% + 27px);
  top: 59px; }
.infoHead__banderita-container--energia {
  border-color: #53DC90; }
.infoHead__banderita--energia, .infoHead__ejemplo--energia {
  color: #53DC90; }
.infoHead__banderita-container--nomina {
  border-color: #426FE4; }
.infoHead__banderita--nomina, .infoHead__ejemplo--nomina {
  color: #426FE4; }
.infoHead__banderita-container--factoraje {
  border-color: #FF891F; }
.infoHead__banderita--factoraje, .infoHead__ejemplo--factoraje {
  color: #FF891F; }
.infoHead__orbita {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 183px;
  width: 403px;
  height: 71px; }
.infoHead__diagonal-orbita {
  position: absolute;
  width: 564px;
  right: 451px;
  top: 211px; }
  .infoHead__diagonal-orbita line {
    stroke-width: 0.8px; }
  .infoHead__diagonal-orbita--nomina {
    position: absolute;
    width: 564px;
    right: -508px;
    top: 95px; }
  .infoHead__diagonal-orbita--factoraje {
    top: 195px;
    width: 90%; }
.infoHead__logo--energia, .infoHead__logo--nomina, .infoHead__logo--factoraje {
  height: 262px;
  text-align: center;
  margin-bottom: 18px;
  position: relative;
  top: -10px; }
  .infoHead__logo--energia svg, .infoHead__logo--nomina svg, .infoHead__logo--factoraje svg {
    height: 262px; }
.infoHead__sombra {
  text-align: center; }
  .infoHead__sombra svg {
    opacity: 0.7;
    height: 23px;
    width: 201px; }

.infoText {
  /*Cerrar*/
  /*Slide Down*/
  /*Titles*/
  /*Paragraphs*/
  /*Contact Form*/ }
  .infoText__cerrar-container {
    position: relative;
    top: 0;
    z-index: 9999; }
    @media only screen and (max-width: 1020px) {
      .infoText__cerrar-container {
        position: absolute;
        top: -80px; } }
  .infoText__cerrar, .infoText__cerrar-x {
    visibility: hidden;
    position: fixed; }
  .infoText__cerrar-x {
    box-sizing: initial;
    right: 50px;
    top: 114px;
    height: 7px;
    width: 7px;
    padding: 3px;
    content: url("images/icon__close-x.svg"); }
    .infoText__cerrar-x:hover {
      content: url("images/icon__close-x--hover.svg"); }
  .infoText__cerrar {
    border: 1px solid #6e6e6e;
    background-color: transparent;
    color: #6e6e6e;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 3px;
    right: 25px;
    top: 153px; }
    .infoText__cerrar:focus {
      outline: none; }
    .infoText__cerrar:hover, .infoText__cerrar:active {
      border-color: #000000;
      color: #000000; }
  .infoText__slideDown {
    position: absolute;
    visibility: hidden;
    opacity: 1; }
    .infoText__slideDown svg {
      position: fixed;
      top: 55%;
      height: 68px;
      right: 27px; }
  .infoText__ttl-container {
    padding-top: 54px;
    padding-bottom: 27px; }
    @media only screen and (max-width: 1020px) {
      .infoText__ttl-container {
        padding-left: 27px;
        padding-right: 27px; } }
  .infoText__sbttl--energia, .infoText__sbttl--nomina, .infoText__sbttl--factoraje, .infoText__ttl--energia, .infoText__ttl--nomina, .infoText__ttl--factoraje {
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-weight: bold;
    font-size: 18px; }
  .infoText__ttl--energia, .infoText__ttl--nomina, .infoText__ttl--factoraje {
    text-transform: uppercase; }
  .infoText__sbttl--energia, .infoText__ttl--energia {
    color: #358B5A; }
  .infoText__sbttl--nomina, .infoText__ttl--nomina {
    color: #426FE2; }
  .infoText__sbttl--factoraje, .infoText__ttl--factoraje {
    color: #FF891F; }
  .infoText__p {
    position: relative;
    text-align: center;
    color: #6e6e6e;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-weight: normal;
    font-size: 19px; }
    .infoText__p strong {
      font-weight: bold; }
    @media only screen and (max-width: 1020px) {
      .infoText__p--E01-T01, .infoText__p--E02-T02, .infoText__p--E02-T03, .infoText__p.factoraje-S01__T01, .infoText__p.factoraje-S02__T01, .infoText__p.factoraje-S02__T02, .infoText__p.factoraje-S03__T01, .infoText__p.factoraje-S03__T02, .infoText__p.nomina-S01__T01, .infoText__p.nomina-S02__T01, .infoText__p.nomina-S02__T02, .infoText__p.nomina-S02__T03, .infoText__p.nomina-S04__T01, .infoText__p.nomina-S04__T02, .infoText__p.nomina-S03__T02, .infoText__p.nomina-S03__T03 {
        padding-top: 27px; }
      .infoText__p.nomina-S01__T01, .infoText__p.nomina-S02__T01, .infoText__p.nomina-S02__T02, .infoText__p.nomina-S02__T03, .infoText__p.nomina-S03__T02, .infoText__p.nomina-S03__T03, .infoText__p.nomina-S04__T01, .infoText__p.nomina-S04__T02, .infoText__p.nomina-S04__T03, .infoText__p.factoraje-S02__T01, .infoText__p.factoraje-S02__T02, .infoText__p.factoraje-S02__T03, .infoText__p.factoraje-S02__T04, .infoText__p.factoraje-S03__T01, .infoText__p.factoraje-S03__T02 {
        margin-left: 10px;
        margin-right: 10px; }
      .infoText__p.factoraje-S01__T01 {
        padding-bottom: 27px;
        margin-left: 5px;
        margin-right: 5px; }
      .infoText__p.factoraje-S02__T02 {
        padding-bottom: 54px; }
      .infoText__p br {
        display: none; } }
  .infoText__finalizado {
    color: white;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 111.78px;
    text-align: center; }

.infoBg {
  overflow: hidden; }
  .infoBg__img--energia, .infoBg__img--factoraje, .infoBg__img--nomina {
    background: #EDEDED url("images/infography/energia/background.svg") no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center; }
  .infoBg__pleca {
    background-color: rgba(110, 110, 110, 0.1);
    height: 97px;
    margin-top: 13.5px; }
  .infoBg__special {
    position: relative;
    background-color: rgba(110, 110, 110, 0.1); }
    @media only screen and (max-width: 1020px) {
      .infoBg__special-energia-E6, .infoBg__special-nomina-E1, .infoBg__special-nomina-E7 {
        height: auto; } }

.infoGraph__monito-container--pleca-right {
  width: 154px;
  left: 36px;
  bottom: 8px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__monito-container--pleca-right {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
.infoGraph__monito-container, .infoGraph__monito-container--bigoton-E-E0s2, .infoGraph__monito-container--bigoton-E-E03, .infoGraph__monito-container--pelon-N-S01, .infoGraph__monito-container--emo-N-S01, .infoGraph__monito-container--emo-N-S04 {
  left: 524px;
  height: 162px;
  width: 154px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__monito-container, .infoGraph__monito-container--bigoton-E-E0s2, .infoGraph__monito-container--bigoton-E-E03, .infoGraph__monito-container--pelon-N-S01, .infoGraph__monito-container--emo-N-S01, .infoGraph__monito-container--emo-N-S04 {
      position: relative;
      display: block;
      margin-bottom: 27px; } }
.infoGraph__monito-container--bigoton-E-E02 {
  left: -webkit-calc(50% - 77px);
  left: calc(50% - 77px); }
  @media only screen and (max-width: 1020px) {
    .infoGraph__monito-container--bigoton-E-E02 {
      top: 220px; } }
.infoGraph__monito-container--bigoton-E-E03 {
  left: -webkit-calc(28% - 77px);
  left: calc(28% - 77px); }
  @media only screen and (max-width: 1020px) {
    .infoGraph__monito-container--bigoton-E-E03 {
      left: -webkit-calc(50% - 77px);
      left: calc(50% - 77px); } }
.infoGraph__monito-container--guantes-martillo {
  height: 163px;
  width: 191px;
  left: -webkit-calc(77% - 96px);
  left: calc(77% - 96px); }
  @media only screen and (max-width: 1020px) {
    .infoGraph__monito-container--guantes-martillo {
      display: block;
      position: relative;
      left: -webkit-calc(50% - 96px);
      left: calc(50% - 96px);
      top: 220px; } }
.infoGraph__contenedor-guante-container {
  height: 133px;
  width: 162px;
  bottom: 10px;
  left: -webkit-calc(71% - 81px);
  left: calc(71% - 81px); }
  @media only screen and (max-width: 1020px) {
    .infoGraph__contenedor-guante-container {
      display: block;
      position: relative;
      left: -webkit-calc(50% - 82px);
      left: calc(50% - 82px); } }
.infoGraph__contenedor-rojo {
  height: 99px;
  width: 157px;
  top: 0;
  right: 0; }
.infoGraph__guante {
  height: 114px;
  width: 75px;
  bottom: 0;
  left: 0; }
  .infoGraph__guante-sombra {
    height: 9px;
    width: 71px;
    bottom: 0;
    left: 13px; }
.infoGraph__folder-sello-container {
  height: 166px;
  width: 157px;
  left: -webkit-calc(48% - 77px);
  left: calc(48% - 77px); }
  @media only screen and (max-width: 1020px) {
    .infoGraph__folder-sello-container {
      display: block;
      position: relative;
      left: -webkit-calc(50% - 96px);
      left: calc(50% - 96px);
      margin-bottom: 37px; } }
.infoGraph__folder-alphacredit {
  height: 166px;
  width: 117px;
  right: 0;
  bottom: 0; }
.infoGraph__sello--1, .infoGraph__sello--2 {
  width: 73px;
  height: 73px;
  bottom: 20px;
  left: 0; }
.infoGraph__sombra-monito {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  width: 70%;
  bottom: 11px;
  height: 20px; }
.infoGraph__sombra-monito--1 {
  left: 76px;
  width: 43%; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__sombra-monito--1 {
      width: 125px; } }
.infoGraph__sombra-monito--2 {
  bottom: 5px; }
.infoGraph__sombra-monito--3, .infoGraph__sombra-monito--4 {
  width: 187px; }
.infoGraph__sombra-monito--4 {
  bottom: -7px;
  width: 125px; }
.infoGraph__sombra-monito--5 {
  width: 117px;
  bottom: -5px; }
.infoGraph__sombra-monito--6 {
  width: 196px;
  left: 121px;
  top: 154px; }
.infoGraph-bigoton--1 {
  height: 162px;
  width: 154px; }
.infoGraph-bigoton--2 {
  height: 162px;
  width: 154px; }
.infoGraph-bigoton--3 {
  height: 162px;
  width: 154px; }
.infoGraph-bigoton--4 {
  height: 162px;
  width: 154px; }
.infoGraph__sombra-nomina--1 {
  width: 194px; }
.infoGraph-bigoton--1 {
  bottom: 70px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph-bigoton--1 {
      left: 0;
      bottom: 20px; } }
.infoGraph-bigoton--2 {
  top: -11px; }
.infoGraph-bigoton--4 {
  top: -5px; }
.infoGraph-c--1, .infoGraph-p--1, .infoGraph-b--1 {
  height: 31px;
  width: 31px; }
.infoGraph-c--2, .infoGraph-p--2, .infoGraph-b--2 {
  height: 31px;
  width: 31px; }
.infoGraph-c--3, .infoGraph-p--3, .infoGraph-b--3 {
  height: 31px;
  width: 31px; }
.infoGraph-c--1 {
  top: 21px;
  left: 12px; }
.infoGraph-c--2 {
  top: 109px;
  left: 6px; }
.infoGraph-c--3 {
  top: 77px;
  left: 12px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph-c--3 {
      top: 75px; } }
.infoGraph-p--1 {
  left: -webkit-calc(17.9583333333% - 15.5px);
  left: calc(17.9583333333% - 15.5px);
  bottom: 33px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph-p--1 {
      display: block;
      position: relative;
      left: -webkit-calc(50% - 66px);
      left: calc(50% - 66px);
      bottom: -97px; } }
.infoGraph-b--1 {
  right: -webkit-calc(17.9583333333% - 15.5px);
  right: calc(17.9583333333% - 15.5px);
  bottom: 38px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph-b--1 {
      right: -webkit-calc(50% - 67px);
      right: calc(50% - 67px);
      bottom: 40px; } }
.infoGraph-b--2 {
  left: 7px;
  top: 96px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph-b--2 {
      left: 88px;
      top: 94px; } }
.infoGraph__folder {
  height: 104px;
  width: 102px;
  bottom: 27px; }
  .infoGraph__folder--1 {
    right: 230px; }
    @media only screen and (max-width: 1020px) {
      .infoGraph__folder--1 {
        left: -webkit-calc(38% - 52px);
        left: calc(38% - 52px); } }
  .infoGraph__folder--fideicomiso--1 {
    left: 174px; }
    @media only screen and (max-width: 1020px) {
      .infoGraph__folder--fideicomiso--1 {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }
.infoGraph__pluma {
  height: 45px;
  width: 105px;
  left: 127px;
  bottom: 20px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__pluma {
      left: 55%; } }
  .infoGraph__pluma--2 {
    bottom: 0px; }
.infoGraph__contenedores {
  height: 149px;
  left: -webkit-calc(31% - 114px);
  left: calc(31% - 114px);
  width: 228px;
  visibility: visible; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__contenedores {
      left: -webkit-calc(50% - 85px);
      left: calc(50% - 85px); } }
  .infoGraph__contenedores-container {
    position: initial; }
    @media only screen and (max-width: 1020px) {
      .infoGraph__contenedores-container {
        display: block;
        height: 174px;
        width: 100%;
        padding-top: 35px; } }
  .infoGraph__contenedores .infoGraph__contenedor {
    height: 96px;
    width: 144px; }
  .infoGraph__contenedores .infoGraph__contenedor--amarillo {
    bottom: 7px;
    left: 42px;
    z-index: 1; }
  .infoGraph__contenedores .infoGraph__contenedor--azul {
    bottom: 7px;
    left: -25px;
    z-index: 2; }
  .infoGraph__contenedores .infoGraph__contenedor--rojo-1 {
    top: 0;
    left: 0;
    height: 93.5px;
    z-index: 3; }
  .infoGraph__contenedores .infoGraph__contenedores-sombra {
    width: 100%;
    height: 52px;
    bottom: 2px;
    left: -33px;
    z-index: 0; }
.infoGraph__guantes {
  height: 111px;
  width: 114px; }
.infoGraph__martillo {
  height: 118px;
  width: 63px;
  left: 129px;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center; }
.infoGraph__ojo {
  height: 51px;
  width: 65px;
  left: 108px;
  bottom: 20px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__ojo {
      left: 32%; } }
.infoGraph__documento-lupa {
  left: 195px;
  height: 111px;
  width: 102px;
  bottom: 0; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__documento-lupa {
      left: 55%; } }
.infoGraph__folder-fideicomiso--cerrado {
  height: 88px;
  width: 78px;
  right: 108px;
  top: -11px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__folder-fideicomiso--cerrado {
      right: -webkit-calc(37% - 54px);
      right: calc(37% - 54px); } }
.infoGraph__varo {
  height: 133px;
  width: 134px;
  right: 197px;
  top: -17px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__varo {
      right: -webkit-calc(65% - 67px);
      right: calc(65% - 67px); } }
.infoGraph__medalla, .infoGraph__medalla-sombra {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -24px;
  height: 75px;
  width: 70px; }
.infoGraph__medalla-sombra {
  top: 19px; }
.infoGraph__mezzanine {
  position: relative; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__mezzanine-container {
      width: 170%;
      -webkit-transform: translateX(-18%);
          -ms-transform: translateX(-18%);
              transform: translateX(-18%);
      margin-bottom: 27px; } }
  @media only screen and (max-width: 567px) {
    .infoGraph__mezzanine-container {
      height: 100px; } }
  .infoGraph__mezzanine--factoraje {
    margin-bottom: 43px; }
@media only screen and (max-width: 1020px) {
  .infoGraph__monito-container--guantes-martillo, .infoGraph__monito-container--bigoton-E-E02 {
    visibility: visible; } }

/*************************** Energia ***************************/
.energia__caja-italica-texto {
  border: 1px solid #53DC90;
  background-color: transparent;
  color: #53DC90;
  font-family: Frutiger, Arial, "Myriad", sans-serif;
  font-style: italic;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px 3px;
  border: none;
  font-family: Minion, "Times New Roman", Times, Baskerville, Georgia, serif;
  text-align: center;
  position: relative; }
  .energia__caja-italica-texto:focus {
    outline: none; }
  .energia__caja-italica-texto:hover, .energia__caja-italica-texto:active {
    border-color: #53DC90;
    color: #53DC90; }
.energia__linea-descendente-chica svg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 40px;
  top: 134px; }
@media only screen and (max-width: 1020px) {
  .energia__linea-descendente-chica svg {
    bottom: -53.5px;
    top: initial; } }
@media only screen and (min-width: 1021px) {
  .energia__linea-descendente-chica--2 svg svg {
    top: 125px; } }
.energia__linea-descendente-chica--3 svg {
  top: 120px; }
.energia__linea-descendente-chica--sin-punto svg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 97px;
  height: 40px;
  stroke-width: 3px; }
.energia__linea-descendente-chica--sin-punto--1 svg {
  top: 0;
  stroke-width: 0.85;
  height: 56px; }
.energia__caja-italica-container {
  position: relative; }
  .energia__caja-italica-container--600-millones {
    top: 81px; }
    @media only screen and (max-width: 1020px) {
      .energia__caja-italica-container--600-millones {
        top: 15px; } }
.energia__caja-italica--600-millones {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 162px;
  top: 0 !important;
  margin-bottom: 27px; }
  .energia__caja-italica--600-millones svg {
    height: 26px;
    width: 162px; }
.energia__caja-italica--supervision {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 162px;
  top: 0 !important;
  margin-bottom: 27px;
  top: 100px; }
  .energia__caja-italica--supervision svg {
    height: 26px;
    width: 162px; }
.energia__caja-italica-texto {
  top: -2px; }
@media only screen and (max-width: 1020px) {
  .energia__caja-italica-texto--supervision {
    top: -2px; } }
.energia__caja-italica-texto--supervision {
  top: 81px;
  top: -4px;
  margin-bottom: 60px; }
  @media only screen and (max-width: 1020px) {
    .energia__caja-italica-texto--supervision {
      margin-bottom: 2px; } }
.energia__L-helper {
  width: -webkit-calc(50% - 600px + 2.5px);
  width: calc(50% - 600px + 2.5px); }
  .energia__L-helper svg {
    stroke-width: 2px;
    height: 3px;
    width: 100%; }
  .energia__L-helper line {
    vector-effect: non-scaling-stroke; }
  .energia__L-helper--1 {
    top: 46px;
    stroke-width: 0.8px;
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px); }
  .energia__L-helper--2 {
    top: 62px;
    -webkit-transform: translateY(-1.3px) !important;
        -ms-transform: translateY(-1.3px) !important;
            transform: translateY(-1.3px) !important;
    stroke-width: 1.6px; }
  .energia__L-helper--3, .energia__L-helper--3b {
    top: 91px;
    stroke-width: 0.75px; }
  .energia__L-helper--3b {
    right: 0; }
  .energia__L-helper--4 {
    right: 0;
    top: -12px;
    stroke-width: 0.81px;
    -webkit-transform: -webtkit-translateY(0.2px);
    -ms-transform: translateY(0.2px);
        transform: translateY(0.2px); }
  .energia__L-helper--5 {
    top: 157px;
    stroke-width: 2px; }
  .energia__L-helper--6, .energia__L-helper--7 {
    right: 0;
    top: 15px;
    stroke-width: 0.7px; }
  .energia__L-helper--7 {
    -webkit-transform: -webtkit-translateY(0.2px);
    -ms-transform: translateY(0.2px);
        transform: translateY(0.2px); }
  .energia__L-helper--7 {
    top: -14px;
    -webkit-transform: -webtkit-translateY(-0.8px);
    -ms-transform: translateY(-0.8px);
        transform: translateY(-0.8px); }

@media only screen and (max-width: 1020px) {
  .energia-E01__pt1 {
    height: auto;
    position: relative;
    margin-bottom: 54px; } }
.energia-E01__L02 {
  width: 987px;
  left: -166px;
  top: 68px; }
.energia-E01__L03 {
  width: 799px;
  top: 81px;
  left: 117px; }

.energia-E02__pt1 {
  height: 175px;
  padding-top: 54px; }
  @media only screen and (max-width: 1020px) {
    .energia-E02__pt1 {
      height: auto;
      position: relative;
      margin-bottom: 54px; } }
.energia-E02__pt2 {
  height: 166px;
  padding-top: 20px; }
  @media only screen and (max-width: 1020px) {
    .energia-E02__pt2 {
      height: auto;
      position: relative;
      margin-bottom: 54px; } }
.energia-E02__pt3 {
  padding-top: 27px;
  margin-bottom: 27px;
  height: 71px; }
  @media only screen and (max-width: 1020px) {
    .energia-E02__pt3 {
      height: auto;
      position: relative;
      margin-bottom: 54px; } }
.energia-E02__pt4 {
  height: 211px;
  padding-top: 20px; }
  @media only screen and (max-width: 1020px) {
    .energia-E02__pt4 {
      height: auto;
      position: relative;
      margin-bottom: 54px;
      margin-bottom: 81px; } }
@media only screen and (min-width: 1021px) {
  .energia-E02__pt5 {
    padding-top: 54px;
    height: 319px; } }
@media only screen and (max-width: 1020px) {
  .energia-E02__pt5 {
    height: 560px; } }
.energia-E02__pt6 {
  padding-bottom: 103.95px; }
  @media only screen and (max-width: 1020px) {
    .energia-E02__pt6 {
      height: auto;
      position: relative;
      margin-bottom: 54px;
      visibility: visible;
      padding-top: 8px;
      padding-bottom: 0;
      margin-bottom: 54px; } }
.energia-E02__T02 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 62px;
  width: 100%; }
  @media only screen and (max-width: 1020px) {
    .energia-E02__T02 {
      position: relative;
      top: 0;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; } }
.energia-E02__T04 {
  top: 77px; }
  @media only screen and (max-width: 1020px) {
    .energia-E02__T04 {
      top: 0; } }
.energia-E02__L01 {
  left: 0;
  top: 24px;
  width: -webkit-calc(50% + 322px);
  width: calc(50% + 322px); }
.energia-E02__L02 {
  left: -4px;
  width: -webkit-calc(50% + 376px);
  width: calc(50% + 376px);
  top: 43px; }
.energia-E02__L03, .energia-E02__L04, .energia-E02__L05, .energia-E02__L06 {
  top: 37px; }
.energia-E02__L03 {
  width: 200px;
  left: 0; }
  .energia-E02__L03 svg {
    height: 3px;
    width: 100%; }
.energia-E02__L04, .energia-E02__L05 {
  width: 76px;
  left: -webkit-calc(40% - 38px);
  left: calc(40% - 38px); }
.energia-E02__L05 {
  left: -webkit-calc(62.5% - 38px);
  left: calc(62.5% - 38px); }
.energia-E02__L06 {
  width: 166px;
  right: 0; }
  .energia-E02__L06 svg {
    height: 3px;
    width: 100%; }
.energia-E02__L07 {
  height: 237px;
  width: 9px;
  right: 146px;
  top: 54px; }

.energia-E03__pt1 {
  padding-top: 54px;
  height: 160px; }
  @media only screen and (max-width: 1020px) {
    .energia-E03__pt1 {
      height: auto;
      position: relative;
      margin-bottom: 54px;
      padding-top: 27px; } }
.energia-E03__pt2 {
  padding-top: 27px; }
  @media only screen and (max-width: 1020px) {
    .energia-E03__pt2 {
      height: auto;
      position: relative;
      margin-bottom: 54px;
      margin-bottom: 81px; } }
.energia-E03__pt3 {
  height: 78px; }
  @media only screen and (max-width: 1020px) {
    .energia-E03__pt3 {
      height: auto;
      position: relative;
      margin-bottom: 54px; } }
  @media only screen and (max-width: 1020px) {
    .energia-E03__pt3 {
      display: none; } }
.energia-E03__pt4, .energia-E03__pt5 {
  height: 139px; }
  @media only screen and (max-width: 1020px) {
    .energia-E03__pt4, .energia-E03__pt5 {
      height: auto;
      position: relative;
      margin-bottom: 54px; } }
.energia-E03__pt6 {
  height: 102px; }
  @media only screen and (max-width: 1020px) {
    .energia-E03__pt6 {
      height: auto;
      position: relative;
      margin-bottom: 54px; } }
.energia-E03__pt7 {
  height: 166px;
  margin-bottom: 156.6px; }
  @media only screen and (max-width: 1020px) {
    .energia-E03__pt7 {
      height: auto;
      position: relative;
      margin-bottom: 54px;
      margin-bottom: 81px; } }
.energia-E03__T02 {
  padding-top: 30px;
  margin-bottom: 21px; }
@media only screen and (max-width: 1020px) {
  .energia-E03__T04, .energia-E03__T05 {
    padding-top: 27px; } }
.energia-E03__T03 {
  padding-top: 31px; }
.energia-E03__T06 {
  top: 21px; }
.energia-E03__L01 {
  width: -webkit-calc(50% + 392px);
  width: calc(50% + 392px);
  right: 0;
  top: 3px; }
.energia-E03__L02 {
  top: 30px;
  width: 100%; }
.energia-E03__L03 {
  width: 154px;
  height: 64px;
  right: 0;
  stroke-width: 0.8px; }
.energia-E03__L04 {
  height: 104px;
  top: -41px;
  width: 87px;
  left: 112px; }
.energia-E03__L05, .energia-E03__L06, .energia-E03__L07 {
  top: 47px; }
.energia-E03__L05, .energia-E03__L06 {
  width: 43px;
  left: -webkit-calc(60% - 22px);
  left: calc(60% - 22px); }
.energia-E03__L06 {
  left: -webkit-calc(38% - 22px);
  left: calc(38% - 22px); }
.energia-E03__L07 {
  top: 51px;
  height: 9px;
  width: 94px;
  left: -webkit-calc(16% - 47px);
  left: calc(16% - 47px); }

.energia__footer {
  background-color: #358B5A;
  height: 421px;
  position: relative;
  padding-top: 81px;
  padding-bottom: 27px; }
  @media only screen and (max-width: 1020px) {
    .energia__footer {
      height: auto;
      padding-left: 27px;
      padding-right: 27px; } }

.energia-number svg {
  position: relative;
  height: 76px; }
.energia-number--rombo svg {
  height: 100px;
  position: relative;
  top: -17px; }
.energia-number--3 svg {
  top: 30px; }
.energia-number__left-center svg, .energia-number--4 svg, .energia-number--6 svg, .energia-number--7 svg {
  position: absolute;
  right: 23px;
  height: 84px; }
.energia-number--6 svg, .energia-number--7 svg {
  top: -11px; }
.energia-number--9 svg {
  top: 18px; }
.energia-number--10 svg {
  top: -17px; }
.energia-number--rombo--2 svg {
  top: -32px; }
.energia-number--rombo--5 svg, .energia-number--rombo--8 svg, .energia-number--rombo--11 svg {
  position: absolute;
  right: 100px;
  top: 2px; }
.energia-number--rombo--11 svg {
  top: -27px; }
.energia-number--rombo--5 svg {
  top: -15px; }

/*************************** Nómina ***************************/
.infoGraph__pelon-container {
  width: 154px;
  height: 162px;
  left: -webkit-calc(28.9166666667% - 77px);
  left: calc(28.9166666667% - 77px);
  top: 22px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__pelon-container {
      left: -webkit-calc(50% - 77px);
      left: calc(50% - 77px); } }
.infoGraph--pelon--1 {
  left: 0; }
.infoGraph__monito-container--emo-1 {
  width: 154px;
  height: 162px;
  left: initial;
  right: -webkit-calc(28.9166666667% - 77px);
  right: calc(28.9166666667% - 77px);
  top: 22px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__monito-container--emo-1 {
      left: -webkit-calc(50% - 77px);
      left: calc(50% - 77px);
      top: 450px; } }
.infoGraph__sombra-monito--pelon--1, .infoGraph__sombra-monito--emo--1 {
  bottom: -3px; }
.infoGraph__monito-container--emo-2 {
  left: initial;
  right: 186px;
  bottom: 23px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__monito-container--emo-2 {
      right: 74px;
      bottom: 87px; } }
.infoGraph-emo-2 {
  bottom: 56px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph-emo-2 {
      bottom: 30px; } }
.infoGraph__sombra-monito--emo-2 {
  bottom: 0; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__sombra-monito--emo-2 {
      left: 100%; } }
.infoGraph__folder-pluma-container {
  width: 217px;
  height: 162px;
  top: 22px;
  left: -webkit-calc(47.4166666667% - 77px);
  left: calc(47.4166666667% - 77px); }
  @media only screen and (max-width: 1020px) {
    .infoGraph__folder-pluma-container {
      top: 230px; } }
.infoGraph__folder-nomina {
  width: 100px;
  height: 119px;
  right: 175px;
  bottom: 16px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__folder-nomina {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
.infoGraph__sombra-monito--folder-nomina {
  width: 32%;
  bottom: 23px;
  left: 128px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__sombra-monito--folder-nomina {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 105px; } }
.infoGraph__circulo-container-S02, .infoGraph__alpha-circulo-container-S02 {
  width: 73px;
  height: 103px;
  z-index: 2; }
  .infoGraph__circulo-container-S02--1, .infoGraph__alpha-circulo-container-S02--1 {
    left: 156px;
    bottom: 23px; }
    @media only screen and (max-width: 1020px) {
      .infoGraph__circulo-container-S02--1, .infoGraph__alpha-circulo-container-S02--1 {
        left: 161px; } }
  .infoGraph__circulo-container-S02--nube, .infoGraph__alpha-circulo-container-S02--nube {
    left: 10px;
    bottom: 23px; }
    @media only screen and (max-width: 1020px) {
      .infoGraph__circulo-container-S02--nube, .infoGraph__alpha-circulo-container-S02--nube {
        left: 17px; } }
.infoGraph__sobre {
  width: 27px;
  height: 19px;
  position: absolute;
  z-index: 1;
  left: 107px;
  bottom: 66px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__sobre {
      left: 112px; } }
.infoGraph__computadora {
  width: 152px;
  height: 111px;
  right: 150px;
  bottom: 24px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__computadora {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
.infoGraph__perfil {
  width: 115px;
  height: 71px;
  right: 168px;
  bottom: 57px;
  overflow: hidden; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__perfil {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
  .infoGraph__perfil svg {
    position: relative;
    top: -9px; }
.infoGraph__circulo-container-S03 {
  width: 77px;
  height: 120px;
  top: 43px; }
  .infoGraph__circulo-container-S03--ventana {
    right: -webkit-calc(37.0416666667% - 38.5px);
    right: calc(37.0416666667% - 38.5px); }
    @media only screen and (max-width: 1020px) {
      .infoGraph__circulo-container-S03--ventana {
        display: inline-block;
        position: relative;
        left: -webkit-calc(45% - 130px);
        left: calc(45% - 130px);
        top: 254px; } }
  .infoGraph__circulo-container-S03--avion {
    right: -webkit-calc(29.2083333333% - 38.5px);
    right: calc(29.2083333333% - 38.5px); }
    @media only screen and (max-width: 1020px) {
      .infoGraph__circulo-container-S03--avion {
        display: inline-block;
        position: relative;
        left: -webkit-calc(45% - 105px);
        left: calc(45% - 105px);
        top: 254px; } }
  .infoGraph__circulo-container-S03--carro {
    width: 82px !important;
    height: 125px !important;
    right: -webkit-calc(21.5833333333% - 41px);
    right: calc(21.5833333333% - 41px);
    top: 39px; }
    @media only screen and (max-width: 1020px) {
      .infoGraph__circulo-container-S03--carro {
        display: inline-block;
        position: relative;
        left: -webkit-calc(45% - 77px);
        left: calc(45% - 77px);
        top: 258px; } }
.infoGraph__nomina-alpha-llave {
  width: 249px;
  height: 104px;
  display: block;
  position: relative;
  left: -webkit-calc(33.4583333333% - 124.5px);
  left: calc(33.4583333333% - 124.5px);
  top: 58px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__nomina-alpha-llave {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
.infoGraph__tarjeta-credito {
  width: 163px;
  height: 118px;
  left: 119px;
  bottom: 20px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__tarjeta-credito {
      left: 0; } }
.infoGraph__calendario {
  width: 78px;
  height: 98px;
  left: 254px;
  top: 44px; }
  .infoGraph__calendario text {
    text-transform: uppercase; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__calendario {
      left: 139px; } }
.infoGraph__cheque-nomina {
  width: 104px;
  height: 39px; }
  .infoGraph__cheque-nomina--1 {
    right: 111px;
    top: 12px; }
    @media only screen and (max-width: 1020px) {
      .infoGraph__cheque-nomina--1 {
        right: 8px; } }
.infoGraph__solicitudes-container {
  height: 97px;
  position: relative;
  display: block; }
  @media only screen and (min-width: 1021px) {
    .infoGraph__solicitudes-container {
      width: 100%;
      left: 0; } }
  @media only screen and (max-width: 1020px) {
    .infoGraph__solicitudes-container {
      width: 250px;
      margin: 0 auto; } }
.infoGraph__descuento-container {
  height: 97px;
  position: relative;
  display: block; }
  @media only screen and (min-width: 1021px) {
    .infoGraph__descuento-container {
      width: 100%;
      left: -101px; } }
  @media only screen and (max-width: 1020px) {
    .infoGraph__descuento-container {
      width: 215px;
      margin: 0 auto; } }
.infoGraph__broker-container {
  height: 97px;
  position: relative;
  display: block; }
  @media only screen and (min-width: 1021px) {
    .infoGraph__broker-container {
      width: 100%;
      right: -101px; } }
  @media only screen and (max-width: 1020px) {
    .infoGraph__broker-container {
      width: 240px;
      margin: 0 auto; } }

.nomina svg {
  overflow: visible; }
.nomina__linea-descendente {
  width: 20px;
  position: absolute;
  left: -webkit-calc(50.9166666667% - 13px);
  left: calc(50.9166666667% - 13px); }
  .nomina__linea-descendente--1 {
    bottom: 46px; }
    @media only screen and (max-width: 1020px) {
      .nomina__linea-descendente--1 {
        top: 230px; } }
  .nomina__linea-descendente--2 {
    bottom: -15px; }
    @media only screen and (max-width: 1020px) {
      .nomina__linea-descendente--2 {
        bottom: -120px; } }
  .nomina__linea-descendente--3 {
    top: 84px; }
    @media only screen and (max-width: 1020px) {
      .nomina__linea-descendente--3 {
        top: 135px; } }
  .nomina__linea-descendente--responsive--1 {
    top: 690px; }
  .nomina__linea-descendente--responsive--2 {
    top: 65px; }
  .nomina__linea-descendente--responsive--3 {
    top: 255px; }
  .nomina__linea-descendente--responsive--4 {
    top: -70px; }
  .nomina__linea-descendente--responsive--5 {
    top: 320px; }
.nomina__L-helper {
  width: -webkit-calc(50% - 600px);
  width: calc(50% - 600px); }
  .nomina__L-helper--logo {
    right: 0;
    top: 281px;
    width: -webkit-calc(50% - 748px);
    width: calc(50% - 748px); }
    .nomina__L-helper--logo svg {
      height: 1px; }
    .nomina__L-helper--logo line {
      position: absolute;
      right: 0; }
  .nomina__L-helper--1 {
    top: 13px;
    -webkit-transform: translateY(-0.4px);
        -ms-transform: translateY(-0.4px);
            transform: translateY(-0.4px);
    left: -8px; }
    .nomina__L-helper--1 svg {
      height: 1px;
      position: absolute;
      left: 0; }
  .nomina__L-helper--2 {
    width: -webkit-calc(50% - 594px);
    width: calc(50% - 594px);
    top: 53px; }
    .nomina__L-helper--2 svg {
      height: 1px; }
  .nomina__L-helper--3 {
    width: -webkit-calc(50% - 600px);
    width: calc(50% - 600px);
    left: initial;
    right: 0;
    bottom: 46px;
    -webkit-transform: -webtkit-translateY(-4.8px);
    -ms-transform: translateY(-4.8px);
        transform: translateY(-4.8px); }
    .nomina__L-helper--3 svg {
      height: 1px;
      position: absolute; }
  .nomina__L-helper--4 {
    top: 50px;
    -webkit-transform: -webtkit-translateY(0.4px);
    -ms-transform: translateY(0.4px);
        transform: translateY(0.4px); }
    .nomina__L-helper--4 svg {
      height: 1px;
      position: absolute; }
.nomina__caja-italica-container {
  position: relative; }
  .nomina__caja-italica-container--150-mil {
    padding-top: 27px; }
    @media only screen and (min-width: 1021px) {
      .nomina__caja-italica-container--150-mil {
        top: 68px; } }
  .nomina__caja-italica-container--porcentaje {
    padding-top: 0;
    top: 39px; }
.nomina__caja-italica--150-mil {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 162px;
  top: 0 !important;
  margin-bottom: 27px;
  top: 29px !important; }
  .nomina__caja-italica--150-mil svg {
    height: 26px;
    width: 162px; }
.nomina__caja-italica-larga--porcentaje {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 272px;
  top: 0 !important;
  margin-bottom: 27px; }
  .nomina__caja-italica-larga--porcentaje svg {
    height: 26px;
    width: 272px; }
.nomina__caja-italica-texto {
  border: 1px solid #426FE4;
  background-color: transparent;
  color: #426FE4;
  font-family: Frutiger, Arial, "Myriad", sans-serif;
  font-style: italic;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px 3px;
  border: none;
  font-family: Minion, "Times New Roman", Times, Baskerville, Georgia, serif;
  text-align: center;
  position: relative; }
  .nomina__caja-italica-texto:focus {
    outline: none; }
  .nomina__caja-italica-texto:hover, .nomina__caja-italica-texto:active {
    border-color: #426FE4;
    color: #426FE4; }
  .nomina__caja-italica-texto--porcentaje {
    padding-top: 3px; }
@media only screen and (max-width: 1020px) {
  .nomina__S03-P03 {
    margin-bottom: 54px; } }
@media only screen and (max-width: 1020px) {
  .nomina__S02-P01, .nomina__S04-P05 {
    margin-bottom: 27px; } }

.nomina-number svg {
  position: relative;
  height: 76px; }
.nomina-number--rombo svg {
  height: 100px;
  position: relative;
  top: -17px; }
.nomina-number svg {
  height: 76px !important; }
.nomina-number__left-center svg, .nomina-number--3 svg, .nomina-number--5 svg, .nomina-number--6 svg, .nomina-number--10 svg {
  position: absolute;
  right: 23px;
  height: 84px; }
.nomina-number--3 svg {
  top: 10px; }
.nomina-number--5 svg {
  top: 35px; }
.nomina-number--6 svg {
  top: 31px; }
.nomina-number--8 svg {
  top: 3px; }
.nomina-number--10 svg {
  top: -24px; }
.nomina-number--rombo--2 svg {
  top: -15px; }
.nomina-number--rombo--4 svg, .nomina-number--rombo--7 svg, .nomina-number--rombo--9 svg {
  position: absolute;
  right: 100px;
  top: 2px; }
.nomina-number--rombo--4 {
  top: -23px; }
.nomina-number--rombo--7 svg {
  top: 54px; }
.nomina-number--rombo--9 svg {
  top: -39px; }

@media only screen and (max-width: 1020px) {
  .nomina-S01__pt3 {
    height: auto;
    position: relative;
    margin-bottom: 54px; } }
@media only screen and (min-width: 1021px) {
  .nomina-S01__pt4 {
    height: 205px; } }
@media only screen and (max-width: 1020px) {
  .nomina-S01__pt4 {
    height: 640px;
    margin-bottom: 121.5px; } }
.nomina-S01__L01 {
  width: 162px;
  left: initial;
  right: 0;
  bottom: 221px; }
.nomina-S01__L02 {
  width: -webkit-calc(50% + 470px);
  width: calc(50% + 470px);
  left: 0px;
  bottom: -34px; }
.nomina-S01__T01 {
  top: 25px; }

.nomina-S02 {
    /*&__container-pt4{
        position: relative;

        &--sobre{
            position: absolute;
            z-index: 1;
            top: 7px;
            left: 113px;
        }

        &--linea-alpha{
            position: absolute;
            z-index: 0;
            top: 27px;
            left: 141px;
        }
    }*/ }
  .nomina-S02__pt1 {
    height: 113px;
    padding-top: 54px; }
    @media only screen and (max-width: 1020px) {
      .nomina-S02__pt1 {
        height: auto;
        position: relative;
        margin-bottom: 54px;
        visibility: visible;
        padding-top: 0;
        margin-bottom: 67.5px; } }
  @media only screen and (max-width: 1020px) {
    .nomina-S02__pt2 {
      margin-bottom: 0; } }
  .nomina-S02__pt3 {
    height: 200px; }
  @media only screen and (max-width: 1020px) {
    .nomina-S02__pt4 {
      margin-bottom: 170px; } }
  .nomina-S02__L02 {
    width: 267px;
    left: -20px; }
  .nomina-S02__T01 {
    top: 10px; }
  @media only screen and (min-width: 1021px) {
    .nomina-S02__T02 {
      top: 49px; } }
  .nomina-S02__T03 {
    top: 14px; }
  @media only screen and (min-width: 1021px) {
    .nomina-S02__linea-alpha {
      display: none; } }
  @media only screen and (max-width: 1020px) {
    .nomina-S02__linea-alpha {
      display: block;
      width: 64px;
      position: absolute;
      z-index: 0;
      top: 7px; } }
  @media only screen and (max-width: 1020px) {
    .nomina-S02__linea-alpha {
      right: 92px; } }

@media only screen and (max-width: 1020px) {
  .nomina-S03__pt1 {
    margin-bottom: 189px; } }
@media only screen and (max-width: 1020px) {
  .nomina-S03__pt2 {
    margin-bottom: 81px; } }
.nomina-S03__pt4b {
  padding-top: 54px;
  height: 192px; }
  @media only screen and (min-width: 1021px) {
    .nomina-S03__pt4b {
      margin-bottom: 27px; } }
  @media only screen and (max-width: 1020px) {
    .nomina-S03__pt4b {
      margin-bottom: 27px; } }
.nomina-S03__pt5 {
  top: 10px; }
  @media only screen and (min-width: 1021px) {
    .nomina-S03__pt5 {
      height: 205px; } }
  @media only screen and (max-width: 1020px) {
    .nomina-S03__pt5 {
      height: 450px;
      margin-bottom: 135px; } }
.nomina-S03__L01 {
  width: 100%;
  top: 30px; }
.nomina-S03__L02 {
  width: 970px;
  top: 65px;
  left: -6px; }
.nomina-S03__linea-alpha-llave {
  width: -webkit-calc(9% + 16px);
  width: calc(9% + 16px);
  position: absolute;
  top: 76px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media only screen and (max-width: 1020px) {
    .nomina-S03__linea-alpha-llave {
      top: 200px; } }
@media only screen and (min-width: 1021px) {
  .nomina-S03__T01, .nomina-S03__T02 {
    top: 53px; } }
@media only screen and (min-width: 1021px) {
  .nomina-S03__T03 {
    top: 75px; } }

.nomina-S04__pt1 {
  height: 250px;
  padding-top: 82px; }
  @media only screen and (max-width: 1020px) {
    .nomina-S04__pt1 {
      margin-bottom: 121.5px; } }
.nomina-S04__pt2 {
  padding-top: 39px; }
  @media only screen and (max-width: 1020px) {
    .nomina-S04__pt2 {
      margin-bottom: 27px; } }
.nomina-S04__pt3 {
  height: 200px; }
.nomina-S04__pt4 {
  height: 317px; }
.nomina-S04__T01 {
  top: 36px; }
.nomina-S04__T03 {
  top: 3px; }
.nomina-S04__L01 {
  width: 815px;
  left: initial;
  right: 0;
  top: 87px;
  -webkit-transform: -webtkit-translateY(-0.8px);
  -ms-transform: translateY(-0.8px);
      transform: translateY(-0.8px); }
.nomina-S04__L02 {
  width: 355px;
  left: -webkit-calc(100% - 351px);
  left: calc(100% - 351px); }

.nomina__footer {
  background-color: #426FE2;
  height: 421px;
  position: relative;
  padding-top: 81px;
  padding-bottom: 27px; }
  @media only screen and (max-width: 1020px) {
    .nomina__footer {
      height: auto;
      padding-left: 27px;
      padding-right: 27px; } }
  .nomina__footer .contactForm__ttl--infography {
    font-size: 17px; }

/*************************** Factoraje ***************************/
.infoGraph__factura {
  height: 90px;
  width: 68px;
  right: 189px;
  bottom: 43px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__factura {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
.infoGraph__alpha-circulo-container {
  width: 73px;
  height: 103px;
  left: 188px;
  bottom: 23px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__alpha-circulo-container {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
.infoGraph__foco-responsive {
  height: 113px;
  width: 73px; }
.infoGraph__cash {
  height: 113px;
  left: -webkit-calc(33.4166666667% - 36px);
  left: calc(33.4166666667% - 36px);
  width: 72px;
  bottom: 23px; }
.infoGraph__cheque {
  height: 86px;
  width: 103px;
  right: 105px;
  bottom: 21px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__cheque {
      right: 0; } }
.infoGraph__costo-de-oportunidad {
  height: 30px;
  width: 206px;
  left: -webkit-calc(61.25% - 103px);
  left: calc(61.25% - 103px);
  top: 12px; }
.infoGraph__costo-responsive {
  display: none; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__costo-responsive {
      height: 30px;
      width: 130px;
      left: 143px;
      top: 20px;
      display: block; } }
.infoGraph__monito-container--godinez {
  left: initial;
  right: 188px;
  bottom: -6px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__monito-container--godinez {
      left: -webkit-calc(29% - 52px);
      left: calc(29% - 52px);
      bottom: 74px; } }
.infoGraph__godinez {
  bottom: 63px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__godinez {
      left: 0;
      bottom: 12px; } }
.infoGraph__sombra-monito--godinez {
  bottom: 23px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__sombra-monito--godinez {
      bottom: 0; } }
.infoGraph__facturas {
  height: 92px;
  width: 73px;
  right: 106px;
  bottom: 23px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__facturas {
      left: 64%;
      bottom: 42px; } }
.infoGraph__facturas-2 {
  height: 128px;
  width: 96px;
  right: 233px;
  bottom: 21px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__facturas-2 {
      right: 122px;
      border-bottom: 19px; } }
.infoGraph__folder-marco {
  height: 104px;
  width: 102px;
  left: 115px;
  bottom: 23px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__folder-marco {
      left: -webkit-calc(38% - 52px);
      left: calc(38% - 52px);
      bottom: 30px; } }
.infoGraph__pagado {
  height: 42px;
  width: 92px;
  right: 164px;
  bottom: 48px;
  z-index: 2; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__pagado {
      right: 62px;
      bottom: 53px; } }
.infoGraph__pluma--3 {
  left: 223px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__pluma--3 {
      left: 55%; } }
.infoGraph__pie-chart {
  height: 146px;
  width: 158px;
  left: -webkit-calc(45.0833333333% - 79px);
  left: calc(45.0833333333% - 79px);
  bottom: 18px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__pie-chart {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
  .infoGraph__pie-chart--no-slices {
    left: -webkit-calc(45.5% - 79px);
    left: calc(45.5% - 79px);
    bottom: 33px; }
    @media only screen and (max-width: 1020px) {
      .infoGraph__pie-chart--no-slices {
        left: 25%;
        bottom: 57px; } }
.infoGraph__sello--2 {
  width: 57px;
  height: 68px;
  bottom: 34px;
  left: initial;
  right: 282px;
  z-index: 2; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__sello--2 {
      left: -6px;
      bottom: 40px; } }
.infoGraph__sombra-pie-slices {
  height: 14px;
  width: 74px;
  left: -webkit-calc(50.25% - 37px);
  left: calc(50.25% - 37px);
  top: 88px; }
.infoGraph__pie-slice-orange {
  height: 69px;
  width: 62px;
  left: -webkit-calc(48.75% - 31px);
  left: calc(48.75% - 31px);
  bottom: 60px;
  z-index: 2; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__pie-slice-orange {
      left: 65px;
      top: 8px; } }
.infoGraph__pie-slice-yellow {
  height: 56px;
  width: 76px;
  left: -webkit-calc(50.0833333333% - 38px);
  left: calc(50.0833333333% - 38px);
  bottom: 78px; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__pie-slice-yellow {
      left: 73px;
      top: 2px; } }
.infoGraph__remanentes {
  height: 31px;
  width: 153px;
  left: -webkit-calc(56.5416666667% - 76.5px);
  left: calc(56.5416666667% - 76.5px);
  top: 40px;
  z-index: 3; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__remanentes {
      width: 130px;
      top: 60px;
      left: 107px; } }
.infoGraph__hasta-85-porciento {
  width: 201px;
  height: 40px;
  left: -webkit-calc(59.2083333333% - 100.5px);
  left: calc(59.2083333333% - 100.5px);
  bottom: 60px; }
  .infoGraph__hasta-85-porciento svg {
    overflow: visible; }
  .infoGraph__hasta-85-porciento text {
    text-transform: uppercase; }
  @media only screen and (max-width: 1020px) {
    .infoGraph__hasta-85-porciento {
      display: none; } }
.infoGraph__proveedor-container {
  height: 97px;
  position: relative;
  display: block; }
  @media only screen and (min-width: 1021px) {
    .infoGraph__proveedor-container {
      width: 100%; } }
  @media only screen and (max-width: 1020px) {
    .infoGraph__proveedor-container {
      width: 226px;
      margin: 0 auto; } }
.infoGraph__pago-container {
  height: 97px;
  position: relative;
  display: block; }
  @media only screen and (min-width: 1021px) {
    .infoGraph__pago-container {
      width: 100%;
      left: 108px; } }
  @media only screen and (max-width: 1020px) {
    .infoGraph__pago-container {
      width: 226px;
      margin: 0 auto; } }
.infoGraph__pie-container {
  height: 121px;
  position: relative;
  display: block; }
  @media only screen and (min-width: 1021px) {
    .infoGraph__pie-container {
      width: 100%; } }
  @media only screen and (max-width: 1020px) {
    .infoGraph__pie-container {
      width: 226px;
      margin: 0 auto; } }

.factoraje {
  	/*@include respond-to($infography) {
  		&__caja-italica-container {
  			position: relative;
  			&--facturable{
  				top: 200px;
  				display: block;
  			}

  		}

  		&__caja-italica-larga--facturable{
  			@include caja-italica(212px);
  		}

  		&__caja-italica-texto {
  			@include caja-italica-texto($colorDinamicoFactoraje);
  			&--facturable{
  				bottom: 2px;
  			}
  		}
  	}*/ }
  .factoraje svg {
    overflow: visible; }
  .factoraje__linea-responsive {
    width: 43px; }
  .factoraje__linea-descendente-chica svg {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 40px;
    top: 134px; }
  @media only screen and (max-width: 1020px) {
    .factoraje__linea-descendente-chica svg {
      bottom: -53.5px;
      top: initial; } }
  .factoraje__linea-descendente-chica svg {
    width: 9px;
    height: 53px;
    top: initial;
    bottom: -29px; }
  .factoraje__linea-descendente-chica--1 svg {
    bottom: 0; }
    @media only screen and (max-width: 1020px) {
      .factoraje__linea-descendente-chica--1 svg {
        top: 263px; } }
  @media only screen and (max-width: 1020px) {
    .factoraje__linea-descendente-chica--2 svg {
      top: 335px; } }
  .factoraje__linea-descendente-chica--responsive--1 svg {
    bottom: -95px; }
  .factoraje__linea-descendente-chica--responsive--2 svg {
    bottom: -83px; }
  .factoraje__linea-descendente-chica--responsive--3 svg {
    top: 230px; }
  .factoraje__linea-descendente-chica--responsive--4 svg {
    bottom: -300px; }
  .factoraje__linea-pie-1, .factoraje__linea-pie-2 {
    position: absolute;
    width: 181px;
    height: 70px;
    left: -webkit-calc(44.9583333333% - 90.5px);
    left: calc(44.9583333333% - 90.5px);
    bottom: 111px; }
    @media only screen and (max-width: 1020px) {
      .factoraje__linea-pie-1, .factoraje__linea-pie-2 {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }
    .factoraje__linea-pie-1 svg, .factoraje__linea-pie-2 svg {
      overflow: visible; }
      .factoraje__linea-pie-1 svg circle, .factoraje__linea-pie-2 svg circle {
        visibility: hidden; }
        @media only screen and (max-width: 1020px) {
          .factoraje__linea-pie-1 svg circle, .factoraje__linea-pie-2 svg circle {
            visibility: visible; } }
  .factoraje__linea-pie-2 {
    left: -webkit-calc(45.875% - 90.5px);
    left: calc(45.875% - 90.5px);
    bottom: 124px; }
    @media only screen and (max-width: 1020px) {
      .factoraje__linea-pie-2 {
        left: 57px;
        bottom: 155px; } }
  .factoraje__caja-italica-container {
    position: relative; }
    .factoraje__caja-italica-container--facturable {
      display: none; }
      @media only screen and (max-width: 1020px) {
        .factoraje__caja-italica-container--facturable {
          top: 50px;
          display: block; } }
    .factoraje__caja-italica-container--financiamiento {
      padding-top: 27px; }
  .factoraje__caja-italica--financiamiento {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 162px;
    top: 0 !important;
    margin-bottom: 27px;
    top: 29px !important; }
    .factoraje__caja-italica--financiamiento svg {
      height: 26px;
      width: 162px; }
  @media only screen and (max-width: 1020px) {
    .factoraje__caja-italica-larga--facturable {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 272px;
      top: 0 !important;
      margin-bottom: 27px; }
      .factoraje__caja-italica-larga--facturable svg {
        height: 26px;
        width: 272px; } }
  .factoraje__caja-italica-texto {
    border: 1px solid #FF891F;
    background-color: transparent;
    color: #FF891F;
    font-family: Frutiger, Arial, "Myriad", sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 3px;
    border: none;
    font-family: Minion, "Times New Roman", Times, Baskerville, Georgia, serif;
    text-align: center;
    position: relative; }
    .factoraje__caja-italica-texto:focus {
      outline: none; }
    .factoraje__caja-italica-texto:hover, .factoraje__caja-italica-texto:active {
      border-color: #FF891F;
      color: #FF891F; }
    @media only screen and (max-width: 1020px) {
      .factoraje__caja-italica-texto--facturable {
        bottom: 2px; } }
  .factoraje__L-helper {
    left: 0;
    width: -webkit-calc(50% - 600px);
    width: calc(50% - 600px); }
    .factoraje__L-helper svg {
      stroke-width: 2px;
      height: 3px;
      width: 100%; }
    .factoraje__L-helper line {
      vector-effect: non-scaling-stroke; }
    .factoraje__L-helper--logo {
      position: absolute;
      width: -webkit-calc(50% - 652px);
      width: calc(50% - 652px);
      bottom: 275px;
      -webkit-transform: -webtkit-translateY(1.2px);
      -ms-transform: translateY(1.2px);
          transform: translateY(1.2px); }
    .factoraje__L-helper--1 {
      top: -189px; }
    .factoraje__L-helper--2a {
      top: 24px;
      -webkit-transform: -webtkit-translateY(0.2px);
      -ms-transform: translateY(0.2px);
          transform: translateY(0.2px); }
    .factoraje__L-helper--2 {
      left: initial;
      right: 0;
      top: 11px;
      -webkit-transform: -webtkit-translateY(0.2px);
      -ms-transform: translateY(0.2px);
          transform: translateY(0.2px); }
    .factoraje__L-helper--3 {
      width: -webkit-calc(50% - 598px);
      width: calc(50% - 598px);
      top: 63px;
      -webkit-transform: -webtkit-translateY(0.2px);
      -ms-transform: translateY(0.2px);
          transform: translateY(0.2px); }
    .factoraje__L-helper--4 {
      bottom: 31px; }
  @media only screen and (max-width: 1020px) {
    .factoraje__S03-P01 {
      margin-bottom: 27px; } }

.factoraje-number svg {
  position: relative;
  height: 76px; }
.factoraje-number--rombo svg {
  height: 100px;
  position: relative;
  top: -17px; }
.factoraje-number--3 {
  top: 18px; }
.factoraje-number--5 {
  top: -25px; }
.factoraje-number--rombo--1 svg {
  top: 13px; }
.factoraje-number--rombo--4 svg, .factoraje-number--rombo--7 svg {
  position: absolute;
  right: 0; }
.factoraje-number--3 svg, .factoraje-number__left-center svg {
  position: absolute;
  right: 23px;
  height: 84px; }

.factoraje-S01__pt1 {
  margin-bottom: 48px; }
  @media only screen and (max-width: 1020px) {
    .factoraje-S01__pt1 {
      margin-bottom: 190px; } }
.factoraje-S01__T01 {
  top: 40px; }
.factoraje-S01__L01 {
  height: 159px;
  width: -webkit-calc(50% - 600px + 152px);
  width: calc(50% - 600px + 152px);
  top: -173px;
  left: -1px; }

.factoraje-S02__pt1 {
  margin-bottom: 27px; }
.factoraje-S02__pt2a {
  height: 128px;
  margin-bottom: 13px; }
.factoraje-S02__pt2b {
  height: 163px; }
  @media only screen and (max-width: 1020px) {
    .factoraje-S02__pt2b {
      margin-bottom: 210px; } }
.factoraje-S02__pt3 {
  padding-top: 27px;
  height: 202px;
  height: 163px; }
  @media only screen and (max-width: 1020px) {
    .factoraje-S02__pt3 {
      margin-bottom: 280px; } }
.factoraje-S02__pt4 {
  padding-top: 27px;
  height: 211px; }
  @media only screen and (max-width: 1020px) {
    .factoraje-S02__pt4 {
      height: 250px; } }
.factoraje-S02__L02 {
  width: -webkit-calc(50% + 472px);
  width: calc(50% + 472px);
  left: -1px; }
.factoraje-S02__T02 {
  top: 38px; }
.factoraje-S02__T04 {
  top: 2px; }
.factoraje-S02__T03 {
  top: 24px; }

.factoraje-S03__pt1, .factoraje-S03__pt4 {
  height: 121px; }
.factoraje-S03__pt2a {
  height: 113px;
  padding-top: 27px; }
.factoraje-S03__pt2b {
  height: 203px;
  padding-top: 27px;
  margin-bottom: 54px;
  height: 163px; }
  @media only screen and (max-width: 1020px) {
    .factoraje-S03__pt2b {
      padding-top: 135px;
      margin-bottom: 450px; } }
.factoraje-S03__pt3 {
  height: 195px;
  padding-top: 17px; }
.factoraje-S03__pt4 {
  margin-bottom: 155px; }
  @media only screen and (max-width: 1020px) {
    .factoraje-S03__pt4 {
      margin-bottom: 0; } }
.factoraje-S03__L03 svg, .factoraje-S03__L04 svg {
  overflow: visible; }
.factoraje-S03__L03 {
  width: 100%; }
.factoraje-S03__L04 {
  height: 29px;
  width: 706px;
  left: 272px;
  top: 79px; }
  @media only screen and (max-width: 1030px) {
    .factoraje-S03__L04 {
      left: -webkit-calc(50% - 282px);
      left: calc(50% - 282px);
      top: 72px; } }
  .factoraje-S03__L04 circle {
    cx: 711.4; }
.factoraje-S03__L05 {
  height: 50px;
  width: 293px;
  top: 116px; }
.factoraje-S03__L06 {
  width: 100%;
  bottom: -40px; }

.factoraje__footer {
  background-color: #FF891F;
  height: 421px;
  position: relative;
  padding-top: 81px;
  padding-bottom: 27px; }
  @media only screen and (max-width: 1020px) {
    .factoraje__footer {
      height: auto;
      padding-left: 27px;
      padding-right: 27px; } }

.box {
  background-color: transparent !important; }

/**
* FUENTES
* -------
*/
@font-face {
  font-family: "Minion";
  src: url("fonts/MinionPro-Bold.eot");
  src: url("fonts/MinionPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/MinionPro-Bold.woff") format("woff"), url("fonts/MinionPro-Bold.ttf") format("truetype"), url("fonts/MinionPro-Bold.svg#fonts/MinionPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: "Minion";
  src: url("fonts/MinionPro-Regular.eot");
  src: url("fonts/MinionPro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/MinionPro-Regular.woff") format("woff"), url("fonts/MinionPro-Regular.ttf") format("truetype"), url("fonts/MinionPro-Regular.svg#fonts/MinionPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: "Minion";
  src: url("fonts/MinionPro-It.eot");
  src: url("fonts/MinionPro-It.eot?#iefix") format("embedded-opentype"), url("fonts/MinionPro-It.woff") format("woff"), url("fonts/MinionPro-It.ttf") format("truetype"), url("fonts/MinionPro-It.svg#fonts/MinionPro-It") format("svg");
  font-weight: normal;
  font-style: italic;
  font-stretch: normal; }

/*# sourceMappingURL=cltvo-responsive-frmwk.css.map */