@charset "UTF-8";
/*------------------------------------*\
  Estilos theme 
  2021
  Autor: Aguayo
\*------------------------------------*/
/**
 * Variable ruta imágenes incluidas en los CSS  | use: url(# {$path-img}/card-shadow.svg)
 * @nuclide Variables
 * @section Settings > Path
 */
/**
 * Variable ruta a la carpeta de fuentes | use: url('# {$path-font}/# {$font-family-ico}.woff?')
 * @nuclide Variables
 * @section Settings > Path
 */
/**
  * $c-neutro
  * @color
  * @section Neutro
*/
/**
  * $c-dark
  * @color
  * @section Dark
*/
/**
  * $c-primary-5
  * @color
  * @section Primary
*/
/**
  * $c-primary-20
  * @color
  * @section Primary
*/
/**
  * $c-primary-30
  * @color
  * @section Primary
*/
/**
  * $c-primary-30
  * @color
  * @section Primary
*/
/**
  * $c-primary-50
  * @color
  * @section Primary
*/
/**
  * $c-primary-70
  * @color
  * @section Primary
*/
/**
  * $c-primary-80
  * @color
  * @section Primary
*/
/**
  * $c-secondary-30
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-40
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-50
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-70
  * @color
  * @section Secondary
*/
/**
  * $c-secondary-90
  * @color
  * @section Secondary
*/
/**
  * $c-bluegrey-20
  * @color
  * @section Bluegrey
*/
/**
  * $c-bluegrey-40
  * @color
  * @section Bluegrey
*/
/**
  * $c-bluegrey-50
  * @color
  * @section Bluegrey
*/
/**
  * $c-bluegrey-60
  * @color
  * @section Bluegrey
*/
/**
  * $c-bluegrey-65
  * @color
  * @section Bluegrey
*/
/**
  * $c-bluegrey-70
  * @color
  * @section Bluegrey
*/
/**
  * $c-grey-10
  * @color
  * @section Grey
*/
/**
  * $c-grey-20
  * @color
  * @section Grey
*/
/**
  * $c-grey-30
  * @color
  * @section Grey
*/
/**
  * $c-grey-40
  * @color
  * @section Grey
*/
/**
  * $c-grey-50
  * @color
  * @section Grey
*/
/**
  * $c-grey-60
  * @color
  * @section Grey
*/
/**
  * $c-grey-80
  * @color
  * @section Grey
*/
/**
  * $c-grey-90
  * @color
  * @section Grey
*/
/**
  * $c-bg-5
  * @color
  * @section Background
*/
/**
  * $c-bg-10
  * @color
  * @section Background
*/
/**
  * $c-bg-20
  * @color
  * @section Background
*/
/**
  * $c-bg-footer
  * @color
  * @section Background
*/
/**
  * $c-gradient
  * @color
  * @section Gradient
*/
/**
  * $c-gradient-primary
  * @color
  * @section Gradient
*/
/**
* Base HTML: 16px
* @nuclide Variables
* @section Settings > Font size
*/
/**
* Font family: 'Montserrat'
* @nuclide Variables
* @section Settings > Font family
*/
/**
* font-weight: Medium | Font family: Montserrat
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Medium | Font family: Montserrat
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Semi-bold | Font family: Montserrat
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Bold | Font family: Montserrat
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* font-weight: Italic
* @nuclide Variables
* @section Settings > Font weight
*/
/**
* Font family: fuentes de ícono
* @nuclide Variables
* @section Settings > Font family
*/
/**
* Unidad mínima la retícula digital es 8, 
* el sistema de reticula se basa en incrementos verticales y horizontales de 8 píxeles.
* Uso: multiplicar la variable por el número del incremento deseado. Ejemplo: $gutter * 2
* @nuclide Variables
* @section Settings > Gutter 
*/
/**
* $canvas-with: Ancho del canvas en porcentajes
* @nuclide Variables
* @section Settings > Canvas
*/
/**
* $canvas-max-with: Máximo Ancho del canvas en pixeles, 
* Grid 4 columnas: 240px, 
* Grid 3 columnas: 320px, 
* Grid 2 columnas: 480px 
* @nuclide Variables
* @section Settings > Canvas
*/
/**
* Small
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* small-m
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* medium
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* wide
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* large
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* big
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
* huge
* @nuclide Variables
* @section Settings > Breakpoint predefinidos
*/
/**
 * Flexbox Containers display: flex. Utiliza el soporte nativo de los navegadores.
 * The 'flex' value causes an element to generate a block-level flex container box.
 * http://w3.org/tr/css3-flexbox/#flex-containers
 * @mixin
 * @section Flexbox prefix
 * @example
 *  .foo {
 *    @include flexbox;
 *  }
 */
/**
 * Flexbox Containers display: inline-flex. Utiliza el soporte nativo de los navegadores.
 * The 'inline-flex' value causes an element to generate a inline-level flex container box.
 * http://w3.org/tr/css3-flexbox/#flex-containers
 * @mixin
 * @section Flexbox prefix
 * @example
 *  .foo {
 *    @include inline-flex;
 *  }
 */
/**
 * Flexbox Direction.
 * The 'flex-direction' property specifies how flex items are placed in
 * the flex container, by setting the direction of the flex container's main axis. 
 * This determines the direction that flex items are laid out in.
 * http://w3.org/tr/css3-flexbox/#flex-direction-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 * Default: row ♣ 
 *  Values: row | row-reverse | column | column-reverse
 * @example
 *  .foo {
 *    @include flex-direction(column);
 *  }
 */
/**
 * Flexbox Wrap.
 * The 'flex-wrap' property controls whether the flex container is single-line
 * or multi-line, and the direction of the cross-axis, which determines
 * the direction new lines are stacked in.
 * No Webkit Box fallback.
 * http://w3.org/tr/css3-flexbox/#flex-wrap-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 * Default: nowrap ♣  
 *  Values: nowrap | wrap | wrap-reverse
 * @example
 *  .foo {
 *    @include flex-wrap(wrap);
 *  }
 */
/**
 * Flexbox Flow (shorthand).
 * The 'flex-flow' property is a shorthand for setting the 'flex-direction'
 * and 'flex-wrap' properties, which together define the flex container's
 * main and cross axes.
 * No Webkit Box fallback.
 * http://w3.org/tr/css3-flexbox/#flex-flow-property
 * @mixin
 * @section Flexbox prefix
 * @param $values
 * Default: row nowrap ♣  
 *  Values: [flex-direction: row | row-reverse | column | column-reverse] | [flex-wrap: nowrap | wrap | wrap-reverse]
 * @example
 *  .foo {
 *    @include flex-flow(column nowrap);
 *  }
 */
/**
 * Flexbox Order.
 * The 'order' property controls the order in which flex items appear within
 * their flex container, by assigning them to ordinal groups.
 * http://w3.org/tr/css3-flexbox/#order-property
 * @mixin
 * @section Flexbox prefix
 * @param $int
 * Default: 0
 * @example
 *  .foo {
 *    @include order(1);
 *  }
 */
/**
 * Flexbox Grow.
 * The 'flex-grow' property sets the flex grow factor. Negative numbers are invalid.
 * http://w3.org/tr/css3-flexbox/#flex-grow-property
 * @mixin
 * @section Flexbox prefix
 * @param $int
 * Default: 0
 * @example
 *  .foo {
 *    @include flex-grow(1);
 *  }
 */
/**
 * Flexbox Shrink.
 * The 'flex-shrink' property sets the flex shrink factor. Negative numbers are invalid.
 * http://w3.org/tr/css3-flexbox/#flex-shrink-property
 * @mixin
 * @section Flexbox prefix
 * @param $int
 * Default: 1
 * @example
 *  .foo {
 *    @include flex-grow(1);
 *  }
 */
/**
 * Flexbox Basis.
 * The 'flex-basis' property sets the flex basis. Negative lengths are invalid.
 * http://www.w3.org/TR/css3-flexbox/#flex-basis-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 * Default: auto ♣
 * Values: Like "width"
 * @example
 *  .foo {
 *    @include flex-basis(50%);
 *  }
 */
/**
 * Flexbox "Flex" (shorthand).
 * The 'flex' property specifies the components of a flexible length: the
 * flex grow factor and flex shrink factor, and the flex basis. When an
 * element is a flex item, 'flex' is consulted instead of the main size
 * property to determine the main size of the element. If an element is
 * not a flex item, 'flex' has no effect.
 * http://w3.org/tr/css3-flexbox/#flex-property
 * @mixin
 * @section Flexbox prefix
 * @param $fg
 * Default: See individual properties (1 1 0). ♣
 * Values: none | <flex-grow>
 * @param $fs
 * Default: See individual properties (1 1 0). ♣
 * Values: none | <flex-shrink>
 * @param $fb
 * Default: See individual properties (1 1 0). ♣
 * Values: none | <flex-basis>
 * @example
 *  .foo {
 *    @include flex( 1 1 50%);
 *  }
 */
/**
 * Flexbox Justify Content.
 * The 'justify-content' property aligns flex items along the main axis
 * of the current line of the flex container. This is done after any flexible
 * lengths and any auto margins have been resolved. Typically it helps distribute
 * extra free space leftover when either all the flex items on a line are
 * inflexible, or are flexible but have reached their maximum size. It also
 * exerts some control over the alignment of items when they overflow the line.
 * Note: 'space-*' values not supported in older syntaxes.
 * http://w3.org/tr/css3-flexbox/#justify-content-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 * Default: flex-start ♣
 * Values: flex-start | flex-end | center | space-between | space-around
 * @example
 *  .foo {
 *    @include justify-content(space-between);
 *  }
 */
/**
 * Flexbox Align Items.
 * Flex items can be aligned in the cross axis of the current line of the
 * flex container, similar to 'justify-content' but in the perpendicular
 * direction. 'align-items' sets the default alignment for all of the flex
 * container's items, including anonymous flex items. 'align-self' allows
 * this default alignment to be overridden for individual flex items. (For
 * anonymous flex items, 'align-self' always matches the value of 'align-items'
 * on their associated flex container.)
 * http://w3.org/tr/css3-flexbox/#align-items-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 * Default: stretch ♣
 * Values: flex-start | flex-end | center | baseline | stretch
 * @example
 *  .foo {
 *    @include align-items(space-between);
 *  }
 */
/**
 * Flexbox Align Self.
 * https://www.w3.org/TR/css-flexbox-1/#propdef-align-self
 * @mixin
 * @section Flexbox prefix
 * @param $value
 * Default: auto ♣
 * Values: auto | flex-start | flex-end | center | baseline | stretch
 * @example
 *  .foo {
 *    @include align-self(flex-end);
 *  }
 */
/**
 * Flexbox Align Content.
 * The 'align-content' property aligns a flex container's lines within the
 * flex container when there is extra space in the cross-axis, similar to
 * how 'justify-content' aligns individual items within the main-axis. Note,
 * this property has no effect when the flexbox has only a single line.
 * http://w3.org/tr/css3-flexbox/#align-content-property
 * @mixin
 * @section Flexbox prefix
 * @param $value
 * Default: stretch ♣
 * Values: flex-start | flex-end | center | space-between | space-around | stretch
 * @example
 *  .foo {
 *    @include align-content(flex-end);
 *  }
 */
/**
 * Convertir valor de (px) a (rem) de cualquier propiedad, agrega fallback en px para navegadores antiguos.
 *
 * @mixin
 * @section Utils
 * @param $property Propiedad css, ej. margin, max-width, etc..
 * @param $values Valor en px
 * @example
 *  .foo {
 *    @include px-to-rem(padding, 20px 10px);
 *  }
 */
/**
 * Incluye Font-family propiedades fuente de iconos para pseudo elementos.
 * @mixin
 * @section Utils
 * @param $font-family Variable Font-family
 * @example
 *  .foo {
 *  Propiedades...
 *  &:before {
 *     @include font-family-ico($font-family-ico);
 *  }
 *  }
 */
/**
 * keyframes mixin para animaciones CSS
 *
 * @mixin
 * @section Utils
 * @param $animation-name Nombre que indica un @keyframes, esta regla define los valores de las propiedades de la secuencia de animación.
 * @param animation-name Propiedad CSS que especifica las animaciones aplicadas al elemento seleccionado. Cada nombre indica un @keyframes.
 * @example
 *  @include keyframes(slideIn) {
 *    from {
 *      margin-left: 100%;
 *      width: 300%
 *    }
 *    to {
 *      margin-left: 0%;
 *      width: 100%;
 *    }
 *  }
 *  //- La propiedad CSS animation-name especifica una lista de animaciones que se deben aplicar al elemento seleccionado.
 *  .ag-animation-slidein {
 *    animation-name: slideIn;
 *    animation-duration: 3s;
 *    animation-iteration-count: 3;
 *    animation-direction: alternate;
 *    ....
 *  }
 */
/**
 * Full query: Mediaquerys predefinidos, para el proyecto.
 * Disponibles para 10 screen sizes diferentes.
 * Para modificarlos, editar las variables definidas en los breakpoints.
 *
 * @mixin
 * @section Utils
 * @param $breakpoint-value
 *    ♣ Breakpoint min-width  
 *      small: 375px | small-m: 480px | medium: 768px | wide: 1024px | big: 1280px | huge: 1440px | large: 1180px 
 *    ♣ Breakpoint max-width  
 *      medium-max: 0 - 767px  |  wide-max  : 0 - 1023px  |  large-max : 0 - 1179px
 *
 * @example
 *  || small: breakpoint min-width: 375px --> $bp-small
 *     @include media-query(small) {
 *       PROPERTIES...
 *     }
 *  || small-m: breakpoint min-width 540px --> $bp-small-m
 *     @include media-query(small-m) {
 *        PROPERTIES...
 *     }
 *  || medium: breakpoint min-width 768px --> $bp-medium
 *     @include media-query(medium) {
 *        PROPERTIES...
 *     }
 *  || medium-max: breakpoint max-width 0 - 767px
 *     @include media-query(medium-max) {
 *        PROPERTIES...
 *     }
 *  || wide: breakpoint min-width 1024px --> $bp-wide
 *     @include media-query(wide) {
 *        PROPERTIES...
 *     }
 *  || wide-max: breakpoint max-width 0 - 1023px
 *     @include media-query(wide-max) {
 *        PROPERTIES...
 *     }
 *  || large: breakpoint min-width 1180px --> $bp-large
 *     @include media-query(large) {
 *        PROPERTIES...
 *     }
 *  || huge: breakpoint min-width 1440px --> $bp-huge
 *     @include media-query(huge) {
 *        PROPERTIES...
 *     } 
 *  || large-max: breakpoint max-width 0 - 1179px
 *     @include media-query(large-max) {
 *        PROPERTIES...
 *     }
 *  || big: breakpoint min-width 1280px --> $bp-big
 *     @include media-query(big) {
 *        PROPERTIES...
 *     }
 */
/**
 * Helper para insertar fácilmente mediaquery a un selector específico.
 *
 * @mixin
 * @section Helpers
 * @param $breakpoint-value
 *    ♣ Breakpoint min-width  
 *    【 small: 375px | small-m: 480px | medium: 768px | wide: 1024px | big: 1280px | huge: 1440px | large: 1180px 】 
 *    ♣ Breakpoint max-width
 *    【 medium-max: 0 - 767px  |  wide-max  : 0 - 1023px  |  large-max : 0 - 1179px 】
 * @example
 *  .foo {
 *    PROPERTIES...
 *    @include media-query-help(small) {
 *      PROPERTIES...
 *    }
 *  }
 *  || Variables
 *  ♣ small     : breakpoint min-width 375px
 *  ♣ medium    : breakpoint min-width 768px
 *  ♣ medium-max: breakpoint max-width 0 - 767px
 *  ♣ wide      : breakpoint min-width 1024px
 *  ♣ wide-max  : breakpoint max-width 0 - 1023px
 *  ♣ large     : breakpoint min-width 1180px
 *  ♣ huge      : breakpoint min-width 1440px
 *  ♣ large-max : breakpoint max-width 0 - 1179px
 *  ♣ big       : breakpoint min-width 1280px
 */
/**
 * Center-translate: Centra horizontalmente o verticalmente un elemento en su contexto. Translación en un solo eje.
 *
 * @mixin
 * @section Helpers
 * @param $axis 
 *  Valor eje translate
 * ♣ Default: translateX
 * ♣ Values: translateX | translateY 
 * @example
 *  .foo {
 *    @include center-translate(translateY)
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *         display: block;
 *         position: relative;
 *         top: 50%;
 *         -ms-transform    : translateY(-50%);
 *         -moz-transform   : translateY(-50%);
 *         -o-transform     : translateY(-50%);
 *         -webkit-transform: translateY(-50%);
 *         transform        : translateY(-50%);
 *     }
 */
/**
 * Centra horizontalmente o verticalmente un elemento en su contexto. Translación en un solo eje.
 *
 * @mixin
 * @section Helpers
 * @param $justify
 * Default: center ♣
 * Values: center | flex-start | flex-end | space-between | space-around
 * @param $align
 * Default: center ♣
 * Values: center | flex-start | flex-end | baseline | stretch
 * @example
 *  .foo {
 *    @include center-flexbox;
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *         display: flex;
 *         justify-content: center;
 *         align-items    : center;
 *     }
 *  .foo {
 *    @include center-flexbox(space-between)
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *         display: flex;
 *         justify-content: space-between;
 *         align-items    : center;
 *     }
 *  .foo {
 *    @include center-flexbox(center, flex-start)
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *         display: flex;
 *         justify-content: center;
 *         align-items    : flex-start;
 *     }
 */
/**
 * Borra la flotación de los elementos.
 *
 * @mixin
 * @section Helpers
 * @example
 *  .foo {
 *    @include clearfix;
 *  }
 *  || El @include se traducirá en:
 *     .foo:after {
 *        content: '';
 *        display: table;
 *        clear: both;
 *     }
 */
/**
 * Caja con aspect ratio amigable con el responsive. 
 * calcula (alto/ancho) * 100%
 * Si el ancho cambia, también lo hace la altura, y el elemento mantiene el aspect ratio.
 *
 * @mixin
 * @section Helpers
 * @param $width 
 * @param $height
 * @example
 *  .foo {
 *    @include aspect-ratio-box(16, 9);
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *          position: relative;
 *          overflow: hidden;
 *     }
 *     .foo:after {
 *        content: '';
 *        display: block;
 *        width: 100%;
 *        padding-top: 56,25%;
 *     }
 */
/**
 * Use para cambiar el valor del aspect radio en un breakpoint específco.
 *
 * @mixin
 * @section Helpers
 * @param $width 
 * @param $height
 * @example
 *    .foo {
 *      @include aspect-ratio-change(16, 9);
 *    }
 *  || El @include se traducirá en:
 *     .foo:before {
 *        padding-top: 56,25%;
 *     }
 */
/**
 * Aplica overflow ellipsis multiples lineas de texto.
 * Adición de CSS a un elemento que limitará la visibilidad del texto después de cierto punto. 
 * La altura máxima en rem se calcula multiplicando:  
 * (font-size) * (line-heigth) * (número de líneas que se quiera mostrar)
 *
 * @mixin
 * @section Helpers
 * @param $font-size Valor tamaño de fuente en px.
 * @param $line-height Valor Alto de linea.
 * @param $lines Número de lineas a mostrar.
 * @example
 *  .foo {
 *    @include truncatechars(16px, 1.4, 3)
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *        display: block;
 *        display: -webkit-box;
 *        max-height: 67.2px;
 *        max-height: 4.2rem;
 *        overflow: hidden;
 *        line-height: 1.4;
 *        -webkit-line-clamp: 3;
 *        -webkit-box-orient: vertical;
 *        text-overflow: ellipsis;
 *        font-size: 16px;
 *        font-size: 1rem;
 *     }
 */
/**
 * Aplica overflow ellipsis multiples lineas de texto.
 * Adición de CSS a un elemento que limitará la visibilidad del texto después de cierto punto. 
 * La altura máxima en rem se calcula multiplicando:  
 * (font-size) * (line-heigth) * (número de líneas que se quiera mostrar)
 *
 * @mixin
 * @section Helpers
 * @param $font-size Valor tamaño de fuente en px.
 * @param $line-height Valor Alto de linea.
 * @param $lines Número de lineas a mostrar.
 * @example
 *  .foo {
 *    @include truncatechars-change(16px, 1.4, 3)
 *  }
 *  || Debe agregar font-size y line-height. El @include se traducirá en:
 *     .foo {
 *        max-height: 67.2px;
 *        max-height: 4.2rem;
 *     }
 */
/**
 * Offset: compensa el ancho de su contenedor para que el elemento ocupe el 100% del ancho del viewport
 * ♣ Resta al 100% el ancho del canvas,
 * ♣ el padding se puede ajustar a la necesidad del diseño
 * ♣ Se recomienda usar las variables:  _var-canvas
 *
 * @mixin
 * @section Helpers
 * @param $canvasWidth Valor ancho del canvas.
 * @param $elementPadding Valor del padding left y right
 * @example
 *  || Si usa variables prestablecidad para el ancho del canvas.
 *  || para este ejemplo $canvas-with equivale a 90%.
 *  .foo {
 *    @include offset-full('$canvas-with', 4%);
 *  }
 *  || Si usa un valor en prcentajes no registrado: debe ser igual al valor del ancho de su contenedor
 *  .foo {
 *    @include offset-full(90%, 4%);
 *  }
 *  || El @include se traducirá en:
 *     .foo {
 *        margin-left: -5%;
 *        margin-right: -5%;
 *        padding-left: 4%;
 *        padding-right: 4%;
 *     }
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");
body,
h1, h2, h3, h4, h5, h6,
dl, dd, ol, ul {
  margin: 0;
  padding: 0; }

html {
  font-size: 16px;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body * {
  box-sizing: border-box; }

article,
aside,
footer,
header,
nav,
section {
  display: block; }

h1 {
  font-size: 2em; }

figcaption,
figure,
main {
  display: block; }

figure,
p {
  margin: 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:active, a:hover {
    outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

abbr[title],
dfn[title] {
  cursor: help; }

b,
strong {
  font-weight: inherit;
  font-weight: bolder; }

code,
pre,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

blockquote {
  margin: 0; }

audio,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

input {
  line-height: normal; }

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button {
  background-color: transparent; }

optgroup {
  font-weight: bold; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  border: 0; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

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

td, th {
  padding: 0; }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/*---------------------------------------------*\
  #font-face
  $font-family-ico: "ico-juan-rueda" !default;
  URL custom fonts: https://fonts.google.com/share?selection.family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400
\*---------------------------------------------*/
@font-face {
  font-family: "ico-juan-rueda";
  src: url(data:font/truetype;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBkEAAAC8AAAAYGNtYXAXVtKrAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZriW2tYAAAF4AAAj4GhlYWQeumV5AAAlWAAAADZoaGVhB8ID6gAAJZAAAAAkaG10eJoABPYAACW0AAAApGxvY2GVhp70AAAmWAAAAFRtYXhwADYBDQAAJqwAAAAgbmFtZZQHdK0AACbMAAAB2nBvc3QAAwAAAAAoqAAAACAAAwPzAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpJAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6ST//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAKH/wANfA8AACwA2AFIAAAUyNjU0JiMiBhUUFhM2Nz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYXFhceARcWMTA3PgE3NjcTFAcOAQcGIyInLgEnJjU0Nz4BNzYzMhceARcWAgBNbGxNTWxsxDMqKz4RERwbX0BASUlAQF8bHBERPiorMw4UFCYODQ0OJhQUDpAUFUgwLzc3LzBIFRQUFUgwLzc3LzBIFRRADQoJDg4JCg0BSRIiIVg1NTpKQUFiHBwcHGJBQUo6NTVYISISBTEwby4tLS5vMDEFAVg3MDBHFRQUFUcwMDc2MDBIFRQUFUgwMAAAAAIAAP/ABAADwAAkAF0AAAEuASciMDUuASMhIgYVFBY7AQEGFBcWMjcBFRQWMzI2NRE0JicFIgYHDgEVERQWFx4BMyEyNjc+ATURNDYzMhYVERQGBw4BIyEiJicuATURNDY3PgEzITIWFRQGIyED/QEEAgEFDQj+tw8VFQ/x/dELCwseCwIvFQ8QFQEC/JgPHAsKDAwKCxwPAmkPGwsLCxYPDxUWFRU3Hf2XHjcUFRcXFRQ3HgFQDxYWD/6wA6kEBQMBBAYVEA8V/dELHgsLCwIv8Q8VFQ8BSQQHA6ALCwsbD/2XDxwLCgwMCgscDwFQDxYWD/6wHjcUFRcXFRQ3HgJpHTcVFRYVDw8WAAAEAAD/wAQAA8AAGwA3AEUAUwAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgE0Nz4BNzYzMhceARcWFRQHDgEHBiMiJy4BJyYlMhYdARQGIyImPQE0NjciBhUUFjMxMjY1NCYjAgBdUVJ6IyMjI3pSUV1dUVJ6IyMjI3pSUf2jKCiLXl1qal1eiygoKCiLXl1qal1eiygoAgANExMNDRMTDQ0TEw0OEhIOA4AjI3pSUV1dUVJ6IyMjI3pSUV1dUVJ6IyP+QGpdXosoKCgoi15dampdXosoKCgoi15dihMNwA0TEw3ADRPAEw0NExMNDRMABAAA/8AEAAPAABsANwBFAFMAACUyNz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYBFAcOAQcGIyInLgEnJjU0Nz4BNzYzMhceARcWBSImPQE0NjMyFh0BFAYHMjY1NCYjMSIGFRQWMwIAXVFSeiMjIyN6UlFdXVFSeiMjIyN6UlECXSgoi15dampdXosoKCgoi15dampdXosoKP4ADRMTDQ0TEw0NExMNDhISDgAjI3pSUV1dUVJ6IyMjI3pSUV1dUVJ6IyMBwGpdXosoKCgoi15dampdXosoKCgoi15dihMNwA0TEw3ADRPAEw0NExMNDRMAAAUAAP/ABAADwAAbADcAYAB9AIEAACUiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYHMjc+ATc2NTQnLgEnJiMiBw4BBwYVFBceARcWEzIWFxYXHgEXFhcWBw4BBwYHDgEjIiYnJicuAScmJyY3PgE3Njc+ATMXBgcOAQcGFxYXHgEXFhc2Nz4BNzYnJicuAScmJwEhNSECAF1RUnojIyMjelJRXV1RUnojIyMjelJRXWpdXosoKCgoi15dampdXosoKCgoi15daQcMBR0dHjUVFAoKAwQrKilEBAwHBw0EHR4dNRUUCgoDBCsqKkMEDAcCNyIiIgICCAgQECkXGBc3IiIiAgIICBAQKRcYFwHf/EADwAAjI3pSUV1dUVJ6IyMjI3pSUV1dUVJ6IyNAKCiLXl1qal1eiygoKCiLXl1qal1eiygoBAAFBR0qKWY7PENDSUiZT09QBQYFBR8qKmg8PUNDSUiYTU5NBQZRRERDgz8+OjYyMlclJR1GRUWEPz46NjExViQkHP4xQAAAAAACAAz/wAP0A8AAEwAhAAATNjIXCQE2MhcWFAcBBiInASY0NwEiJjURNDYzMhYVERQGDAshCwG9Ab0LIQsMDP4oDCAM/igMDAH0EBcXEBAXFwHcCwv+QwG9CwsMIAz+KAwMAdgMIAz95BcQA7IQFxcQ/E4QFwAAAAACAAD/zAQAA7QAEwAiAAABFhQHCQEWFAcGIicBJjQ3ATYyFwE0NjMhMhYVFAYjISImNQIcCwv+QwG9CwsMIAz+KAwMAdgMIAz95BcQA7IQFxcQ/E4QFwO0CyEL/kP+QwshCwwMAdgMIAwB2AwM/gwQFxcQEBcXEAACAAP/7QPdA7IAEwAiAAAFLgE3CQEmNDc2MhcBHgEHAQ4BJwEWBiMFBiY1NDYzJTIWFQHZCwEMAan+UQwLCyALAcoLAQv+PAwfCwIEARcP/HIQFxYQA44QFhMMHwsBrwGqCx8LDAv+PAsgC/42CwELAeYQFgYBFw8QFgcWEAAAAAIADP/AA/QDwAASACAAAAEGIicJAQYiJyY0NwE2MhcBFhQBMhYVERQGIyImNRE0NgP0CyEL/kP+QwshCwwMAdgMIAwB2Az+ABAXFxAQFxcBpAsLAb3+QwsLDCAMAdgMDP4oDCACEBcQ/E4QFxcQA7IQFwAAAQD4/8wDCAO0ABIAAAUGIicBJjQ3ATYyFxYUBwkBFhQDCAshDP4oDAwB2AwhCwwM/kMBvQw0DAwB2AwgDAHYDAwLIQv+Q/5DCyEAAAEA+P/MAwgDtAATAAATNjIXARYUBwEGIicmNDcJASY0N/gLIQwB2AwM/igMIQsMDAG9/kMMDAO0DAz+KAwgDP4oDAwLIQsBvQG9CyELAAAAAgAA/8AEAAPAABsAUgAABSInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBgEOARUUFhceATMhBw4BFRQWFx4BMzI2PwE+ATc+ATU0JicuAS8BLgEjIgYHDgEVFBYfASEiBgcCAGpdXosoKCgoi15dampdXosoKCgoi15d/psFBAQFBAwGAWqGBQQEBQQMBgYMBLwCAwIBAQEBAgMCvAQMBgYMBAUEBAWG/pYGDARAKCiLXl1qal1eiygoKCiLXl1qal1eiygoAhwECwcGCwUEBYYEDAYGDAQFBQUFuwIGAgMGAwMHAgMFA7sFBAQFBAwGBgwEhgUFAAADADX/wAPLA8AAIgA/AEoAAAE0JiMiBh0BITU0JiMiBh0BIyIGFREUFjMhMjY1ETQmKwE1EyE1NDY7ARUUFjMyNj0BIRUUFjMyNj0BMzIWHQEFIREUBiMhIiY1EQLUFQ4PFf7mFQ8OFXY1TEw1ApQ1TEw1drD8+CIYdhUODxUBGhUPDhV2GCL8+AMIIhj9bBgiA50OFRUOR0cOFRUOR0w1/Ww1TEw1ApQ1TEf+n5kYIkYPFBQPRkYPFBQPRiIYmUf+TBgiIhgBtAAAAAABABL/0gPuA64AIAAAATY0JyYiBwkBJiIHBhQXCQEGFBcWMjcJARYyNzY0JwkBA+4KCgocCf5B/kEJHAoKCgG+/kIKCgocCQG/Ab8JHAoKCv5CAb4DfwkcCgoK/kIBvgoKChwJ/kH+QQkcCgoKAb7+QgoKChwJAb8BvwAAAgAA/8AEAAPAABIAJQAAATQmIyIGFREUFjMhMjY1NCYjIQMUFjMyNjURNCYjISIGFRQWMyECZRMNDhMTDgGbDRMTDf6FyhMNDhMTDv5lDRMTDQF7A6ANExMN/mUOExMODRP9uw0TEw0Bmw4TEw4NEwAAAAACAAD/wAQAA8AAIQBMAAABNCYjIgYVEScmIgcGFBcBHgEzMjY3PgE3ATY0JyYiDwERATIWHQEUFhceATMhMjY3PgE9ATQ2MzIWHQEUBgcOASMhIiYnLgE9ATQ2MwIiFA4OFM8KHQoKCgEJBQ0HBAYEAgYCAQoKCgodCs/+AA4UCwoLGg4C6A4aCwoLFA4OFBUUFDMc/RgcMxQUFRQOA54OFBQO/dXPCgoKHAr+9wUFAQECAwMBCQocCgoKzwIr/aUUDtUOGgsKCwsKCxoO1Q4UFA7VHDMUFBUVFBQzHNUOFAAAAAACAAn/wgP+A7cAEwAnAAAlFBYzMjY1ETQmIyEiBhUUFjMhEQE0JiMiBhURFBYzITI2NTQmIyERA7oUDg4UFA79Ow4UFA4Co/yTFA4OFBQOAsUOFBQO/V3QDhQUDgLFDhQUDg4U/V0B2Q4UFA79Ow4UFA4OFAKjAAAFAF3/zAOjA7kAJgBzAHkAhQCSAAABIgYHDgEVFBceARcWFx4BFx4BFz4BNz4BNzY3PgE3NjU0JicuASMRDgExIzEnMCYjLgEnLgEnLgEnJicuAScmNTQ3PgE3Njc2Nz4BNzYzMhceARcWFxYXHgEXFhUUBw4BBwYHDgEHDgEHDgEHIgYxBzAmJzEXBiInNxEiBhUUFjMyNjU0Jgc0NjMyFhUUBiMiJjUCAEeDMjI2DxAzIiEkI0QbDRQICBQNG0QjJCEiMxAPNjIyg0cNBAEBAgECBwQIFw4cRyYkJSQ5EhIICCAWFx4dIyJLKSgqKigpSyIjHR4XFiAICBISOSQlJCZHHA4XCAQHAgECAgQNEQcUBxEoOjooKTk5yl5DQ15eQ0NeA3o2MjKDRzQyMl8rKyYmPBUKEAUFEAoVPCYmKytfMjI0R4MyMjb8bBMHAQICBQMFEgsWPygmLy9pOjo9KigpSyMiHR4XFx8ICAgIHxcXHh0iI0spKCo9OjppLy8mKD8WCxIFAwUCAgEHExoFBRoCkjkpKDo6KCk5YkNeXkNCXl5CAAAAAwAAAGAEAAMgAA0AGwApAAATNDYzITIWFRQGIyEiJhE0NjMhMhYVFAYjISImEyIGFRQWMyEyNjU0JiMAEw0DwA0TEw38QA0TEw0DwA0TEw38QA0TIA0TEw0DwA0TEw0DAA0TEw0NExP+zQ0TEw0NExP+7RMNDRMTDQ0TAAUAMP/AA9ADwAAPAD4AUABfAG4AAAE+ATsBMhYXHgEdASE1NDYHIyIGFRQWOwERFBYXHgEzITI2Nz4BNREzMjY1NCYrATU0JicuASsBIgYHDgEdARchERQGBw4BIyEiJicuATURMxcRFAYjIiY1ETQ2MzIWFTciBhURFBYzMjY1ETQmIwF0CRcMwAwXCQkK/sIKTM4OExMOPxMSEy8aAd4aLxMSEz8OExMOzhQSEjAZwBkwEhIUIQHuCQkJFw3+Ig0XCQkJboETDg0UFA0OE58OExMODRQUDQNsCAoKCAkXDT8/DRdjEw4NFP2DGi8SEhQUEhIvGgJ9FA0OEz8aLxISFBQSEi8aP0L9gw0XCQgKCggJFw0Cfc7+4Q4UFA4BHw4TEw4hEw7+4Q4UFA4BHw4TAAAAAgAA/8AEAAPAAHMA9wAABSoBIyoBIzEmJy4BJyYnFyYnLgEnJi8BJicuAScmLwE8ATU0NjcVPgE3Iz4BMzgBOwE4ATEyFhcjHgEXFR4BFyceARUUBgc3DgEHMQcWFx4BFxYfATc+ATMyFhcjHgEXMx4BFTAUOQEVFDAVFAYHMQ4BIzEBIyIGBzUOAQcxDgEHMQ4BFRwBFyMWFx4BFxYXJxYXHgEXFh8BFhceARcWHwE6ATMyNjcxPgE3Iz4BNzE+ATU4ATkBNTA0MTQmJyMuAScXLgEjIgYHMQcOASMiJicxJicuAScmLwEuATU0NjcxNz4BNzU2NDU0JicxLgEnNS4BIyIwOQEDfwEDAgIDAT05OmwzMy8ELSkpSiEhHAIfGhkoDg0HAQQDBQ0JARIxHQGQGSsSARIWBAURDAEEBAECAQURDSsXGhs8ISEkAysRLxsMFwsBHEAhAzBAFxMRLRn9lJEHDQYGCwQEBwICAgEBBwwNJRgYHQMcHx9FJiYpAysvL2Q0NTcFAQMBBgoEBwsFAQUIAwIDHxcBKEkjBQULBg0XCD0EDAcECQMwKitLISAaAgIDBQU9BgkCAQICDBIFBCMXAUAHDg0nGhkfAh0hIUooKSsELjIzbDk5OwUCBgIMFgoBDRcKExcRDg8pFwEkQR8EChgMBw4GARMhDSomISI8GxoXASoSFAQECxEFB0gxAZABARwxEg8SA74DAwEDCAUECwcFCgYBAwE4NjZmLzAsBCsmJ0UfHhsCHBcYJA0MBgECAQMGBQQLBgUNB5IBGCMEBRMNAgICCgg+BQUCAhwgIUsrKi4EAwkEBwwEPAYRCQEDBgQGCwUfRyUDFx8AAAACAAD/4gP3A6cAIQBJAAATFBceARcWMzI2NzQ2MT4BNz4BNTQnLgEnJiMiBw4BBwYVAQYHDgEHBiMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBgcXFhQHDgEvAUEeH2tIR1NQjjUCAgMBNDsfH2pISFJTR0hrHx4Cth4iI0wpKStfU1R8JSQkJXxUU19eVFN9JCQ7NNAKCQkbCdMB8kxEQ2UeHTgxAQICAgEyhkpNQ0RlHh0dHmVEQ03+txkUFBsHCCIidlBQWltQUHYiIiIidlBQW1GSOcUJGwoJAQnHAAAAAAQAAP/sBAADlAAtADIANwA8AAABMTIWFwUlNjIXHgEVERQGBwUOASM4ATEwIjEiJiclBQYiJy4BNRE0NjclPgEzATcRBxEDJREFESURNxEHAVIECAMBTAEiCBEIBwkJB/7PBAgFAQQHA/60/t4IEQgHCQkHATEECAUBffDwQf7kARz9s/DwA5QCAaalBAQEEAj9RwkPBa4CAgIBp6YEBAQQCAK5CQ8FrgIC/LGJAm2J/ZMCbI79kI4CcAH9k4kCbYkAAAAEAAD/wAQAA8AADAA9AFoAcAAAASIGFRQWMzI2NTQmIwU8AScuAScuAScmIiMqAQcOAQcOAQcGFBUcARceARceARcWMjM6ATc+ATc+ATc2NDUBIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIwEiJjU0NjMyFhUUBgcOAQcOAQcOASMCAEdkZEdGZWVGAgADAyMtLWw+NWk1NWk1PmwtLSMDAwMDIy0tbD41aTU1aTU+bC0tIwMD/gA3MC9IFBUVFEgvMDc2MDBHFRUVFUcwMDYBERkkJBkaJAMCAgcEBQoFBgwGAmtkR0dkZEdHZKs1aTU+bC0tIwMDAwMjLS1sPjVpNTVpNT5sLS0jAwMDAyMtLWw+NWk1/vkVFUcwLzc3LzBHFRUVFUcwLzc3LzBHFRUB2yQZGiQkGgYLBgYKBAQHAgMCAAAABAAAAJoEAALmAB4ASQB0AIMAAAE2JicmBgcDDgEXHgE7AQcGFhcWNjcTPgEnLgErATcFIgYHDgEVERQWFx4BOwEyFhUUBisBIiYnLgE1ETQ2Nz4BOwEyFhUUBisBJTQ2OwEyFhceARURFAYHDgErASImNTQ2OwEyNjc+ATURNCYnLgErASImNQUyFh0BFAYjIiY9ATQ2MwHwBwULDBoIrgUBBAUPCciMCAYLCxsIrgUBBQQPCcmN/ogLFAcICAgIBxQLVw4TEw5XGCwRERISEREsGIsNFBQNiwHqEw5XGCwREBMTEBEsGIsOExMOiwsUBwgICAgHFAtXDhMBfQ4TEw4NFBQNArMLGwgHBQv++gcSCAgK0gsbCAcFCwEGBxIICArSDgkHCBQL/qQLFAgHCRMNDhMSEREsGAFcGCwRERITDg0TIA4TEhERLBj+pBgsERESEw4NEwkHCBQLAVwLFAgHCRMNuRMNWA0TEw1YDRMAAAAAAQAA/8AEAAPAAB8AAAE0JiMiBhURISIGFRQWMyERFBYzMjY1ESEyNjU0JiMhAiATDQ0T/kANExMNAcATDQ0TAcANExMN/kADoA0TEw3+QBMNDRP+QA0TEw0BwBMNDRMACQAAAFIEAAMuADEAUABaAGQAawBvAHcAgwCPAAATIgYVERQWFxUUFjsBHgEzMjY3FjIzIR4BMzI2NxYyOwEyNj0BNCYvAS4BKwE1NCYjIQEuASMiBgciJisBNTMyNjc+ATUDMxUUFjsBFSMiBgchLgEnMxUjIgYHJw4BByImKwE1MzchESEVEyMXNTMVJTUzFx4BFyMFMhYVFAYjIiY1NDYhMhYVFAYjIiY1NDY9GSQLChQOSAZAKytABgECAQEyBkArK0AGAQIBRhkkHBplBQsGiSQZ/bQDNQw6JCQ5DQIDAjZIBgwEBAUCKyQalEYDBQP96AYWDl4pAwUDqg4VBwECATBe/P6RAkwB3h9ZAQsTXQ8SApP9wRYfHxYWHx8CLhYfHxYWHx8DLSMa/mcMFgdYDhUpODgqASk3NyoBJBq5JUQZZgQFVRok/cEgKCgfATMEBQQLBwEbqRojhwEBEBsKMwEBNQoaEAEzPQGPdP7lcDMzxKldDygVux8WFh8fFhYfHxYWHx8WFh8AAQD9/8ADAwPAADcAAAEzERQWOwEyNjURMzI2PwE0JicuASsBNTQ2MzoBMTI2PQE0JisBKgEjIgYHDgEXFSMiBh0BFBYzAQ5wCge+BwmCBgkBFAIDAgYElRoaBF0HCgoHhgEDAhFnMDUHAnYHCgoHAZ/+MgcKCgcBywkGqgQGAwMDahgZCQecBwoTLDFiCnwKB6gHCQAAAAABAAAAIAQAA2AATAAAAT4BNzUOAQc+ATcOAQcuASMiBw4BBwYVFBYXJicuAScmJw4BFRQWFy4BJxUUFhcOASMiJiceARcOASMiJicWFx4BFxYzMjc+ATc2JzEDlx81FR08ICEwCx5DJB1PLSwmJjkQEQIDQT49bjAwJw0PMyoaMBVhRw0bDwoUChVrRTaFSg0ZDCMmJlErKi2LcXCeKCgFApEWNx8BDREEFDslEhkHHiQREDkmJysMGAwDERE5JycwGDUdN1wcAQ4LAk1zDwMDAQI+UwEqMAIBFhIRGAcGNTWvcXB3AAAAAgAA/8AEAAPAACEAZQAAATEiBw4BBwYVFBceARcWFwc3HgEzMjc+ATc2NTQnLgEnJhMOAQcGJicmJy4BJyYnLgE1NDY3PgEzMhYzMhYXHgEXHgEHDgEHDgEHDgEXHgEXHgEXFjY3PgE3PgEXHgEXHgEXFgYHAgBqXV2LKSgHBhkSEhc/xD2PTmpdXYspKCgpi11dwAk+HRRIWDguLkITEwMFNykLCR0OBQkDDA0ICSIDAwMEBAcFBgsGBQcGByshK0EMChQGCRUKCBMKC1ALCw8DAwMJA8AoKYtdXWoqKClLIyMgvj8pLCgpi11dampdXYspKP0tGigGBQckGCQlRxsbAwhcNzc6CwoJAQcSFlMGBQ8IBwkHBwsHBg4MCz4eJh8FBAMHCR0PCwQEBCcFBgcFBSgaAAAAAQAA/8AEAAPAACQAAAEhIgYVERQWMyERIzUzNTQ2OwEVIyIGHQEzByMRMzI2NRE0JiMDjvzkL0NDLwGOcnJpbWdEKyOSIXHjL0NDLwPAQy/85C9DAY6NdVx1lDQeYI3+ckMvAxwvQwAMAAD/wAQAA8AAGgAjADEASgBZAIUAjwCfALoA1QDkAQoAACUOASMiJic0Jj0BIxUUFhceATMyNjcVMzUjFSczETMRMzUjFSUyNj0BNCYjIgYdARQWFyIGBzUjETM1HgEzMjY3PgE9ATQmJy4BIwcUBiMiJic1PgEzMhYdATciBgcOAR0BFBYXHgEzMjY3PgE3PAE9ASMUBhUOASMiJj0BMzU0JicuASMxFyM1NDYzMhYdARMhIgYVERQWMyEyNjURNCYFMxUcARUeATMyNjc1MxUjNQ4BIyImJy4BPQEHNDY3PgEzMhYXHgEdARQGBw4BIyImJy4BPQEnFzczBxUjNS4BJy4BJzMBDgEHDgEjIiYnLgEnLgE1NDY3PgE3PgEzMhYXHgEXHgEVFAYHMQG8CA4HBAUBASwCAgMPCwwZDiws9jQyNZsBMAsKCgsLCwt/DRcKLS0LFwwNEgQDAgIDBBINBQkKBgsFBQsGCgmTERsKBwYHBwobERIbCQQFAi0BAgoIDAtZBgcKGhEWLQsMCwuO/MgqOjoqAzgqOjr+mC0BBQUGDwctLQ0aDAsPAwICqwcHChoRERoJCAYGCAkaEREaCgcHeSQiMz0yAw8MCBAINAIrBywdRYtFRYtFHSwHCQMDCgYsHUWLRUWLRR0sBwkEBAmeCwoFBgEICLXDDRIFCgkQDxv2vOL+5AEcLy/YERFpEREREWkREfsNDWz+tRgODg4OCBkRYhEZCA0OsxARBQaWBgUREGqzDA0JHRRWFB0JDQwNDQYOBwMPCwYNDwIJCRERLDMUHQkNDGEXERERERcCxDoq/MgqOjoqAzgqOpW3CAkBBQUKC775Gw8PCQkGEg3FURQdCgwNDQwKHRRXFB4JDQwMDQkeFFemg4PHh4cSNSMXLxf81R0oBAcDAwcEKB0qWisrWSoeKAMIAgIIAygeKlkrK1oqAAIAAP/ABAADwAAPAFIAAAEhIgYVERQWMyEyNjURNCYDHAEVFAcOAQcGIyImJx4BMzI2Ny4BJxY2Ny4BPQEeARcuAScuATU0NjcWFx4BFxYXJjYzMhYXPgE3DgEHPgE3DgEHA5L83C5AQC4DJC5AQJ0cHGxQT2g/dTIJEgk1XyYxTA8SIBIzRQ8iExAZCAkJCgocIiJPLCwuEF5FIDgVGTEVCCIYFysVECYVA8BALvzcLkBALgMkLkD+lQUKBEtMTHonJyMgAQEiHgE7LAIBBAtSNgIICgELGxARJBIVJhEiHBwpDAwCTGwZFgUSDRorDgMMCRcnEAAAAQAiAGMD5QMjABMAABMmBgcGFBcBFjY3ATYmJyYGBwEnySNiIiIjASwlaCIB5x8JJiZhH/5q0AIOIAEgIFof/u8iBSUCHyNaHB0JIv48vQABABkArgPnAtIAEwAACQE2MhcWFAcBBiInASY0NzYyFwECAAFuGUcZGRn+VRlGGf5VGRkZRxkBbgFjAW8ZGRlHGf5VGRkBqxlHGRkZ/pEAAAMANf/AA8sDwAAqADYAUwAANz4BMyEyFhceAR0BFAYjIiY9ATQmJy4BIyEiBgcOAR0BFAYjIiY9ATQ2NwEiBhUUFjMyNjU0JgU0Nz4BNzYzMhceARcWFRQHDgEHBiMiJy4BJyY1fSNaMQGqMVojIiYTDQ4SHBkaQyT+ViRDGhkcEg4NEyYiAYNLampLS2pq/sATE0MtLDMzLC1DExMTE0MtLDMzLC1DExP4IyUlIyJbMGsNExMNayRCGhkcHBkaQiRrDRMTDWswWyICiGpLS2trS0tqtTItLUIUExMUQi0tMjMtLUITFBQTQi0tMwAAAAUAAP/ABAADwABjAIMAtQDmAQYAAAE1NCYnLgEjIgYHDgEdAQ4BBw4BBw4BFx4BFw4BBw4BFRQWFx4BMzI2Nz4BNSY2Nz4BNz4BNx4BMzI2Nx4BFx4BFx4BFRQWFx4BMzI2Nz4BNTQmJy4BJz4BNzYmJy4BJy4BJzEBNDY3PgE3PgEXHgEXHgEXFgYHDgEHDgEjIiYnLgE1MQEiBgcOARUUFhceATM2FhceARceARceARcUFhceATMyNjc+ATUuAScuAScuAScuAQcxBT4BNz4BNz4BNz4BMzI2Nz4BNTQmJy4BIyYGBw4BBw4BBw4BBxQWFx4BMzI2Nz4BNQE1NCYnLgEjIgYHDgEdARQWHwEeATMyNjc+ATU0Ji8BAisHBgYQCAgQBgYHQHk0NE8YGA4KCzcqERsKCQkHBgYQCAkPBgYHAQcHBxEKAgUCPZNNTpM9AgQCCRIHBwYHBgYPCQgQBgYHCQkKGxEqNwsKDhgYTzQ0eUD+VSEgH1g1NXE4OGQoKTUMCwwVFkgwL205TI02NjsCtAkPBgYHBwYGDwkLFgsKFAgIDgQFBQEGBgYQCAkPBgYHAQgICBcODiETEicT/SEBBQUEDggIFAoLFgsJDwYGBwcGBg8JEycSEyEODhcICAgBBwYGDwkIEAYGBgHWBwYGEAgIEAYGBwcGgAYPCQgQBgYGBgZzA2gtCQ8GBgcHBgYPCS0FLicnZjw8gEBAdTEIGRARJBIJDwYGBwcGBg8JChIHCAgBAQEBMDIyMAEBAQEICAcSCgkPBgYHBwYGDwkSJBEQGQgxdUBAgDw8ZicnLgX+LTltMC9IFhYLCws2KClkODhxNTRYICAhOzY2jUwCKwcGBg8JCBAGBgcBAwMECwcIEgoKFgsJDwYGBwcGBg8JEycREiAODRUHBgcBwAsWCgoSCAcLBAQCBgYGEAgJDwYGBwEHBgcVDQ4gERInEwkPBgYHBwYGDwn+0sMJDwYGBwcGBg8J1QkPBoAGBgYGBhAICBAGdAAAAQAAAAFmZquukh1fDzz1AAsEAAAAAADdzV1LAAAAAN3NXUsAAP/ABAADwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAAKQQAAAAAAAAAAAAAAAIAAAAEAAChBAAAAAQAAAAEAAAABAAAAAQAAAwEAAAABAAAAwQAAAwEAAD4BAAA+AQAAAAEAAA1BAAAEgQAAAAEAAAABAAACQQAAF0EAAAABAAAMAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAD9BAAAAAQAAAAEAAAABAAAAAQAAAAEAAAiBAAAGQQAADUEAAAAAAAAAAAKABQAHgCaASABmgIUAtwDGANUA5QDzgP0BBwEmAT+BTwFdgXoBiQG+Ac2B9AJEgmCCeQKiAtCC3IMOAyEDPgNlA3IDy4Pqg/SD/oQchHwAAEAAAApAQsADAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAHAJ8AAQAAAAAAAwAOAEsAAQAAAAAABAAOALQAAQAAAAAABQALACoAAQAAAAAABgAOAHUAAQAAAAAACgAaAN4AAwABBAkAAQAcAA4AAwABBAkAAgAOAKYAAwABBAkAAwAcAFkAAwABBAkABAAcAMIAAwABBAkABQAWADUAAwABBAkABgAcAIMAAwABBAkACgA0APhpY28tanVhbi1ydWVkYQBpAGMAbwAtAGoAdQBhAG4ALQByAHUAZQBkAGFWZXJzaW9uIDEuNABWAGUAcgBzAGkAbwBuACAAMQAuADRpY28tanVhbi1ydWVkYQBpAGMAbwAtAGoAdQBhAG4ALQByAHUAZQBkAGFpY28tanVhbi1ydWVkYQBpAGMAbwAtAGoAdQBhAG4ALQByAHUAZQBkAGFSZWd1bGFyAFIAZQBnAHUAbABhAHJpY28tanVhbi1ydWVkYQBpAGMAbwAtAGoAdQBhAG4ALQByAHUAZQBkAGFGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA);
  /* src: url(fonts/ico-juan-rueda.eot?#iefix) format("embedded-opentype"), url(fonts/ico-juan-rueda.ttf?qqnr5) format("truetype"), url(fonts/ico-juan-rueda.woff?qqnr5) format("woff"), url(fonts/ico-juan-rueda.svg?qqnr5#ico-juan-rueda) format("svg"); */
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.i-:before,
[class^="i-"]:before,
[class*=" i-"]:before,
.o-ico:before {
  font-family: "ico-juan-rueda" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.i-after-:after,
[class^="i-after-"]:after,
[class*="i-after-"]:after {
  font-family: "ico-juan-rueda" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/**
* @icon .i-phone
* @markup
*   <span class="i-phone"></span>
*/
.i-phone:before {
  content: ""; }

/**
* @icon .i-trash
* @markup
*   <span class="i-trash"></span>
*/
.i-trash:before {
  content: ""; }

/**
* @icon .i-exclamation-warning
* @markup
*   <span class="i-exclamation-warning"></span>
*/
.i-exclamation-warning:before {
  content: ""; }

/**
* @icon .i-pin
* @markup
*   <span class="i-pin"></span>
*/
.i-pin:before {
  content: ""; }

/**
* @icon .i-external-link
* @markup
*   <span class="i-external-link"></span>
*/
.i-external-link:before {
  content: ""; }

.i-after-external-link:after {
  content: ""; }

/**
* @icon .i-info-circle
* @markup
*   <span class="i-info-circle"></span>
*/
.i-info-circle:before {
  content: ""; }

/**
* @icon .i-internet
* @markup
*   <span class="i-internet"></span>
*/
.i-internet:before {
  content: ""; }

/**
* @icon .i-arrow-down
* @markup
*   <span class="i-arrow-down"></span>
*/
.i-arrow-down:before {
  content: ""; }

/**
* @icon .i-arrow-left
* @markup
*   <span class="i-arrow-left"></span>
*/
.i-arrow-left:before {
  content: ""; }

/**
* @icon .i-arrow-right
* @markup
*   <span class="i-arrow-right"></span>
*/
.i-arrow-right:before {
  content: ""; }

/**
* @icon .i-after-arrow-right
* @markup
*   <span class="i-after-arrow-right"></span>
*/
.i-after-arrow-right:after {
  content: ""; }

/**
* @icon .i-arrow-up
* @markup
*   <span class="i-arrow-up"></span>
*/
.i-arrow-up:before {
  content: ""; }

/**
* @icon .i-slider-left
* @markup
*   <span class="i-slider-left"></span>
*/
.i-slider-left:before {
  content: ""; }

/**
* @icon .i-slider-right
* @markup
*   <span class="i-slider-right"></span>
*/
.i-slider-right:before {
  content: ""; }

/**
* @icon .i-arrow-play
* @markup
*   <span class="i-arrow-play"></span>
*/
.i-arrow-play:before {
  content: ""; }

/**
* @icon .i-calendar
* @markup
*   <span class="i-calendar"></span>
*/
.i-calendar:before {
  content: ""; }

/**
* @icon .i-close
* @markup
*   <span class="i-close"></span>
*/
.i-close:before {
  content: ""; }

/**
* @icon .i-contract
* @markup
*   <span class="i-contract"></span>
*/
.i-contract:before {
  content: ""; }

/**
* @icon .i-download
* @markup
*   <span class="i-download"></span>
*/
.i-download:before {
  content: ""; }

/**
* @icon .i-expand
* @markup
*   <span class="i-expand"></span>
*/
.i-expand:before {
  content: ""; }

/**
* @icon .i-geo-pin
* @markup
*   <span class="i-geo-pin"></span>
*/
.i-geo-pin:before {
  content: ""; }

/**
* @icon .i-menu
* @markup
*   <span class="i-menu"></span>
*/
.i-menu:before {
  content: ""; }

/**
* @icon .i-search
* @markup
*   <span class="i-search"></span>
*/
.i-search:before {
  content: ""; }

.i-after-search:after {
  content: ""; }

/**
* @icon .i-map
* @markup
*   <span class="i-map"></span>
*/
.i-map:before {
  content: ""; }

/**
* @icon .i-batery
* @markup
*   <span class="i-batery"></span>
*/
.i-batery:before {
  content: ""; }

/**
* @icon .i-plus
* @markup
*   <span class="i-plus"></span>
*/
.i-plus:before {
  content: ""; }

/**
* @icon .i-truck
* @markup
*   <span class="i-truck"></span>
*/
.i-truck:before {
  content: ""; }

/**
* @icon .i-facebook
* @markup
*   <span class="i-facebook"></span>
*/
.i-facebook:before {
  content: ""; }

/**
* @icon .i-twitter
* @markup
*   <span class="i-twitter"></span>
*/
.i-twitter:before {
  content: ""; }

/**
* @icon .i-whatsapp
* @markup
*   <span class="i-whatsapp"></span>
*/
.i-whatsapp:before {
  content: ""; }

/**
* @icon .i-facebook-square
* @markup
*   <span class="i-facebook-square"></span>
*/
.i-facebook-square:before {
  content: ""; }

/**
* @icon .i-twitter-square
* @markup
*   <span class="i-twitter-square"></span>
*/
.i-twitter-square:before {
  content: ""; }

/**
* @icon .i-instagram-square
* @markup
*   <span class="i-instagram-square"></span>
*/
.i-instagram-square:before {
  content: ""; }

/**
* @icon .i-youtube-square
* @markup
*   <span class="i-youtube-square"></span>
*/
.i-youtube-square:before {
  content: ""; }

/**
* @icon .i-check
* @markup
*   <span class="i-check"></span>
*/
.i-check:before {
  content: ""; }

/**
* @icon .i-chevron-down
* @markup
*   <span class="i-chevron-down"></span>
*/
.i-chevron-down:before {
  content: ""; }

.i-after-chevron-down:after {
  content: ""; }

/**
* @icon .i-user
* @markup
*   <span class="i-user"></span>
*/
.i-user:before {
  content: ""; }

/**
* @icon .i-clock
* @markup
*   <span class="i-clock"></span>
*/
.i-clock:before {
  content: ""; }

/**
 * Swiper 7.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 18, 2021
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, 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");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-vertical > .swiper-wrapper {
  flex-direction: column; }

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

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

.swiper-pointer-events {
  touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px; }

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

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

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center; }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size); }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

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

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-lock {
  display: none; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */ }

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

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

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

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

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

.swiper-pagination-bullet:only-child {
  display: none !important; }

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

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

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-lock {
  display: none; }

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

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

.swiper-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-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

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

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

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

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

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

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

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

.swiper-cube {
  overflow: visible; }

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

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

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

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

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

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

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0; }

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px); }

.swiper-flip {
  overflow: visible; }

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

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

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

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height; }

.swiper-cards {
  overflow: visible; }

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }

.o-canvas {
  width: 90%;
  max-width: 1200px;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }

.o-canvas__w100 {
  width: 100%; }

html {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; }

.o-layout:not(.o-layout_aside) .o-layout__main {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

@media only screen and (min-width: 1024px) {
  .o-layout_aside {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-areas: "main-content sidebar";
    justify-content: space-between;
    grid-template-columns: minmax(400px, 75%) minmax(230px, 28%); }
  .o-layout__main {
    grid-area: main-content; }
  .o-layout__sidebar {
    grid-area: sidebar;
    margin-top: 32px; }
  .o-layout_aside {
    grid-column-gap: 64px; } }

.o-section {
  margin-top: 136px;
  margin-bottom: 120px; }

.o-bg {
  padding-top: 56px;
  padding-bottom: 56px; }

.o-bg_gray {
  background-color: #F8F8F8; }

.o-bg_primary {
  background-color: #FF7A00; }

.o-bg_secondary {
  background-color: #0076BA; }

/*------------------------------------*\
  Media querys
\*------------------------------------*/
@media only screen and (min-width: 768px) {
  .o-bg {
    padding-top: 56px;
    padding-bottom: 64px; }
    .o-bg.o-bg_pb56 {
      padding-bottom: 56px;
      padding-bottom: 3.5rem; } }

/**
 * Class: .o-intro
 * @description  Introducción de sección. 
 * @atom Section Head
 * @section 01. Intro
 * @markup
 *    <div class="o-intro o-intro_center">
 *      <p class="o-kicker">Bienestar financiero</p>
 *      <h2 class="o-headline">Mejora tus finanzas de la casa</h2>
 *      <p class="o-lead">Teniendo objetivos claros, podras tomar mejores decisiones respecto a tus finanzas.</p>
 *    </div>
 */
.o-intro {
  max-width: 668px;
  max-width: 41.75rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  margin-bottom: 2.5rem; }
  .o-intro .o-heading {
    margin-bottom: 0; }

.o-intro_center {
  text-align: center; }

/*------------------------------------*\
  Estilos Intro Resumen de categoría
\*------------------------------------*/
.o-intro-page {
  position: relative;
  text-align: center; }

.o-intro-page__lead {
  display: inline-block;
  margin-top: 16px;
  margin-top: 1rem;
  padding: 0 24px;
  padding: 0 1.5rem;
  color: #2A2C31; }

.o-intro-page__lead__weight500 {
  font-weight: 500; }

.o-intro__wink {
  position: relative;
  z-index: -1; }

.o-intro__wink_left {
  padding-top: 124%; }

.o-wink-bg {
  display: block;
  width: 100%;
  height: 100%; }

.o-wink-bg_top {
  position: absolute;
  top: -24%;
  left: 0;
  display: block;
  opacity: 0.3; }

.o-wink-bg_bottom {
  opacity: 0.6; }

/*------------------------------------*\
  Estilos Intro detalle de artículo
\*------------------------------------*/
.o-intro-post {
  padding-top: 24px;
  padding-bottom: 24px; }

.o-intro-post__kicker {
  margin-bottom: 8px;
  line-height: calc(33 / 28);
  font-size: 28px;
  font-size: 1.75rem; }

.o-intro-post__info {
  color: #727A95; }

.o-intro-post__property:not(:first-child) {
  color: #9CA1AE; }
  .o-intro-post__property:not(:first-child) time {
    position: relative; }
    .o-intro-post__property:not(:first-child) time::before {
      position: absolute;
      top: calc(50% - 3px);
      left: -15px;
      display: block;
      width: 6px;
      height: 6px;
      border-radius: 50%; }
  .o-intro-post__property:not(:first-child) :not(:first-child) {
    margin-left: 24px; }
    .o-intro-post__property:not(:first-child) :not(:first-child)::before {
      content: ""; }

/*------------------------------------*\
  Media querys
\*------------------------------------*/
@media only screen and (min-width: 768px) {
  .o-intro {
    margin-bottom: 48px; }
  .o-intro-page_bg {
    margin-top: -24px; }
  .o-intro-post__kicker {
    line-height: calc(38 / 30);
    font-size: 30px;
    font-size: 1.875rem; }
  .o-intro-post__property {
    display: inline-block; }
    .o-intro-post__property:not(:first-child) :first-child,
    .o-intro-post__property:not(:first-child) :last-child {
      margin-left: 32px; }
      .o-intro-post__property:not(:first-child) :first-child::before,
      .o-intro-post__property:not(:first-child) :last-child::before {
        content: "";
        left: -20px; } }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .o-intro-post__property:not(:first-child) time {
      display: inline-block; } } }

@media only screen and (min-width: 1024px) {
  .o-intro__wink_left {
    padding-bottom: 32px; }
  .o-intro-post__title {
    max-width: 760px; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600; }

/**
 * Class: .o-heading 
 * @description  titular de sección
 *  ♣ Propiedades: H1 | Montserrat | 36/56 | Medium 
 * @atom Head
 * @section 02. Títulos
 * @markup
 * <h1 class="o-heading">
 *  Titular de sección
 * </h1>
 */
.o-heading {
  margin-bottom: 64px;
  margin-bottom: 4rem;
  line-height: calc(60/45);
  color: #2A2C31;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 45px;
  font-size: 2.8125rem; }

.o-heading_img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  max-width: 500px;
  max-width: 31.25rem; }
  .o-heading_img.o-wink-line::before {
    bottom: -16px;
    bottom: -1rem;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .o-heading_img::after {
    content: url("/static/css/css_images/logo_title.svg");
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; }

.o-heading_bold {
  font-weight: 700; }

.o-heading_center {
  text-align: center; }

.o-heading_margin-bottom {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

/**
 * Class: .o-headline 
 * @description  titular de sección
 *  ♣ Propiedades: H2 | Montserrat | 35/24 | Medium 
 * @atom Head
 * @section 02. Títulos
 * @markup
 * <h2 class="o-headline">
 *  Titular de sección
 * </h2>
 */
.o-headline {
  margin-bottom: 16px;
  line-height: calc(35/24);
  color: #2A2C31;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.5rem; }

.o-headline_h3 {
  line-height: calc(25/16);
  font-size: 16px;
  font-size: 1rem; }

.o-headline_bold {
  font-weight: 700; }

.o-headline_semi-bold {
  font-weight: 600; }

/**
 * Class: .o-title 
 * @description  título de componente
 *  ♣ Propiedades: 22/26px | Montserrat | Bold 
 * @atom Head
 * @section 02. Títulos
 * @markup
 * <h2 class="o-title">
 *  Título de componente
 * </h2>
 */
.o-title {
  margin-bottom: 24px;
  line-height: calc(42/28);
  font-size: 28px;
  font-size: 1.75rem; }

/*------------------------------------*\
  Media querys
\*------------------------------------*/
@media only screen and (max-width: 767px) {
  .o-heading {
    line-height: calc(45/35);
    font-size: 35px;
    font-size: 2.1875rem; }
  .o-title {
    margin-bottom: 32px;
    line-height: calc(46/30);
    font-size: 30px;
    font-size: 1.875rem; } }

/**
* Class: theme | <html>
* @description  font-size base para el HTML
*  ♣ Propiedades: 16px/100%
* @atom Base: HTML
* @section 03. Estilos textos
* @markup
*  <html class="theme">
*     <p>@{lipsum:quantity:type}</p>
*  </html>
*/
html,
.theme {
  color: #757983;
  font-size: 100%; }

/**
* Class: o-text | <body>
* @description  estilos de texto generales para el body
*  ♣ Propiedades:  16px | 1.8 | Montserrat | Medium
* @atom Body copy
* @section 03. Estilos textos
* @markup
*  <p class="o-text">@{lipsum:1:paragraphs}</p> 
*/
body,
.o-text {
  line-height: 1.8;
  color: #757983;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem; }

/**
* Class: .o-italic | <em> | <i>
* @description  define estilo italica para el texto.
*  ♣ Propiedades: italic
* @atom Texto cursiva
* @section 03. Estilos textos
* @markup
*  <p class="o-text">
*   Ad ea velit nisi aliquip <span class="o-italic">nostrud laboris laborum</span> aliquip laborum.
*  </p>
*  <p class="o-text">
*   Ad ea velit <em>nisi aliquip nostrud laboris</em> laborum aliquip laborum.
*  </p>
*/
i,
em,
.o-italic {
  font-style: italic;
  font-family: "Montserrat", sans-serif; }

/**
* Class: Tag HTML | <u>
* @description  Representa texto que no está articulado y tiene un estilo diferente al texto normal, como palabras mal escritas o nombres propios.
*  ♣ Propiedades: underline-position under
* @atom Texto subrayado
* @section 03. Estilos textos
* @markup
*  <p class="o-text">
*   Ad ea velit nisi aliquip <u>nostrud laboris laborum</u> aliquip laborum.
*  </p>
*/
u,
.o-underline {
  text-underline-position: under; }

/**
* Class: .o-bold | <strong>, <b>
* @description  define estilo negrilla para el texto.
*  ♣ Propiedades: 700
* @atom Texto negrilla
* @section 03. Estilos textos
* @markup
*  <p class="o-text">
*   Ad ea velit nisi <span class="o-bold">aliquip nostrud laboris</span> laborum aliquip laborum.
*  </p>
*  <p class="o-text">
*   <strong>Ad ea velit nisi aliquip nostrud laboris laborum aliquip laborum</strong>
*  </p>
*/
b,
strong,
.o-bold {
  font-weight: 700; }

/**
* Class: .o-mark | <mark>
* @description  define estilo destacado para el texto.
* @atom Texto resaltado
* @section 03. Estilos textos
* @markup
*  <p class="o-text">
*   Ad ea velit nisi <mark>aliquip nostrud </mark> laboris laborum aliquip laborum.
*  </p>
*  <p class="o-text">
*   <strong class="o-mark">Ad ea velit</strong> nisi aliquip nostrud laboris laborum aliquip laborum
*  </p>
*/
mark,
.o-mark {
  color: #FF7A00;
  background-color: transparent; }

/**
* Class: .o-wink-line
* @description  clase para agregar guiño horizontal al lado derecho a un grupo de elemntos.
* @atom Guiños
* @section 03. Estilos textos
* @markup
* <p class="o-wink-line">
*  @{lipsum:1:paragraphs}
* </p>
*/
.o-wink-line {
  position: relative;
  padding-left: 12px; }
  .o-wink-line:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 184px;
    height: 6px;
    background-color: #FF7A00; }

.o-copyrights {
  display: block;
  margin-right: 8px;
  text-align: right;
  font-size: 14px;
  font-size: 0.875rem; }

.o-copyrights_margin {
  margin: 0 -4%; }

/*------------------------------------*\
  Media querys
\*------------------------------------*/
@media only screen and (min-width: 768px) {
  .o-copyrights_margin {
    margin: 0 8px 0 0; } }

@media only screen and (min-width: 1024px) {
  .o-mark,
  mark {
    white-space: wrap; } }

.o-list {
  margin-left: 16px; }
  .o-list li {
    margin-bottom: 4px; }

*:focus {
  outline: 0; }

button {
  padding: 0;
  line-height: inherit;
  font-family: "Montserrat", sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  outline-width: 0;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: all 0.6s; }
  button:focus {
    outline-width: 0; }
  button:disabled {
    cursor: default; }

/**
 * Class: o-btn
 * @modifiers
 *  .o-btn_secondary Botón para acciones secundarias 
 *  .o-btn_outline Botón para acciones secundarias 
 * @description  Botón acciones primarias y secundarias
 * ♣ Estados: hover, focus
 * @atom Botón
 * @section 05. Botones
 * @markup
 *   <div class="sg-modifires">
 *      <button class="o-btn" type="button">
 *        Texto botón
 *      </button>
 *   </div>
 *   <div class="sg-modifires">
 *      <button class="o-btn o-btn_secondary" type="button">
 *        Texto botón
 *      </button>
 *   </div>
 *   <div class="sg-modifires">
 *      <button class="o-btn i-chat" type="button">
 *        Texto botón
 *      </button>
 *   </div>
 *   <div class="sg-modifires">
 *      <button class="o-btn o-btn_outline" type="button">
 *        Texto botón
 *      </button>
 *   </div>
 */
.o-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 1px solid #FF7A00;
  border-radius: 4px;
  padding: 14px 16px;
  padding: 0.875rem 1rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  color: #fff;
  background-color: #FF7A00;
  transition: all 0.4s; }
  .o-btn:after {
    padding-left: 8px;
    font-size: 14px;
    font-size: 0.875rem;
    transform: translateX(0);
    transition: all 0.2s; }
  .o-btn:hover {
    border-color: #E66B00;
    text-decoration: none;
    background-color: #E66B00; }
  .o-btn:focus, .o-btn:active {
    border-color: #D96400;
    background-color: #D96400; }
  .o-btn:hover:after, .o-btn:focus:after, .o-btn:active:after {
    transform: translateX(4px); }
  .o-btn:disabled {
    border-color: #F9A249;
    background-color: #F9A249;
    cursor: not-allowed; }

.o-btn_lg {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.o-btn_secondary {
  color: #fff;
  border-color: #9CA1AE;
  background-color: #9CA1AE; }
  .o-btn_secondary:hover {
    border-color: #727A95;
    background-color: #727A95; }
  .o-btn_secondary:focus, .o-btn_secondary:active {
    border-color: #4E587D;
    background-color: #4E587D; }
  .o-btn_secondary:disabled {
    color: #fff;
    border-color: #ECF0F6;
    background-color: #ECF0F6; }

.o-btn_outline {
  color: #FF7A00;
  background-color: transparent; }
  .o-btn_outline:hover {
    border-color: #E66B00;
    text-decoration: none;
    color: #E66B00;
    background-color: #FDEEDE; }
  .o-btn_outline:focus, .o-btn_outline:active {
    border-color: #D96400;
    text-decoration: none;
    color: #D96400;
    background-color: inherit; }
  .o-btn_outline:disabled {
    border-color: #F9A249;
    color: #F9A249;
    background-color: inherit;
    cursor: not-allowed; }

.o-btn_full {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.o-btn-rounder {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 28px;
  width: 1.75rem;
  height: 28px;
  height: 1.75rem;
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-right: 40px;
  margin-right: 2.5rem;
  border-radius: 50%;
  font-size: 12px;
  font-size: 0.75rem;
  color: #FF7A00;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 3px 4px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in;
  z-index: 5; }
  .o-btn-rounder:hover {
    transform: scale(0.9); }
  .o-btn-rounder::before {
    transition: all 0.2s ease-in-out; }
    .is-show .o-btn-rounder::before {
      display: block;
      transform: rotate(45deg); }

.o-btn-rounder_w40 {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem; }

@media only screen and (min-width: 768px) {
  .o-btn_lg {
    width: 386px;
    width: 24.125rem; } }

a {
  text-decoration: none;
  color: inherit;
  outline-width: 0;
  cursor: pointer;
  transition: all 0.6s; }

/**
 * Class: o-link
 * @modifiers
 *  .o-link_ico Enlace con icono 
 *  .o-link_primary Enlace de color primario 
 *  .o-link_dark Enlace de color oscuro
 *  .o-link_neutro Enlace de color blanco
 * @atom Link
 * @section 06.Enlaces
 * @markup
 *   <div class="sg-modifires">
 *      <a class="o-link" href="#">Texto enlace</a>
 *   </div>
 *   <div class="sg-modifires">
 *      <a class="o-link o-link_ico i-chat" href="#">Texto enlace</a>
 *   </div>
 *   <div class="sg-modifires">
 *      <a class="o-link o-link_primary" href="#">Texto enlace</a>
 *   </div>
 *   <div class="sg-modifires">
 *      <a class="o-link o-link_dark" href="#">Texto enlace</a>
 *   </div>
 *   <div class="sg-modifires">
 *      <a class="o-link o-link_neutro" href="#">Texto enlace</a>
 *   </div>
 */
.o-link {
  position: relative;
  padding: 0;
  color: #0076BA;
  text-decoration: underline;
  text-underline-position: under;
  font-weight: 500;
  line-height: calc(30/16);
  font-size: 16px;
  font-size: 1rem; }
  .o-link:hover, .o-link:focus, .o-link:active {
    color: #004C72; }
  .o-link:disabled {
    color: #189DDB;
    cursor: not-allowed; }

.o-link_margin {
  margin-left: 5px;
  margin-left: 0.3125rem; }

.o-link_ico {
  text-underline-position: initial; }
  .o-link_ico::after {
    display: inline-block;
    margin-left: 8px;
    margin-left: 0.5rem;
    font-size: 6px;
    font-size: 0.375rem;
    transform: translateX(0);
    transition: all 0.2s; }
  .o-link_ico:hover:after, .o-link_ico:focus:after, .o-link_ico:active:after {
    transform: translateX(4px); }

.o-link_primary {
  color: #FF7A00; }
  .o-link_primary:hover, .o-link_primary:focus, .o-link_primary:active {
    color: #D96400; }

.o-link_dark {
  color: #2A2C31; }
  .o-link_dark:hover, .o-link_dark:focus, .o-link_dark:active {
    color: #080A17; }

.o-link_neutro {
  color: #fff; }
  .o-link_neutro:hover, .o-link_neutro:focus, .o-link_neutro:active {
    color: #DDE2EA; }

.o-img {
  width: 100%; }

.o-video {
  position: relative;
  overflow: hidden; }
  .o-video:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 56.25%; }
  .o-video iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: none; }

.o-video_margin {
  margin: 0 -5.6%; }

@media only screen and (min-width: 768px) {
  .o-video_margin {
    margin: 0; } }

.o-button-prev,
.o-button-next {
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
  transition: all 0.2s ease-in; }
  .o-button-prev::after,
  .o-button-next::after {
    font-size: 16px;
    font-size: 1rem;
    color: #fff; }
  .o-button-prev.o-button_dark,
  .o-button-next.o-button_dark {
    border-color: #2A2C31;
    background-color: transparent; }
    .o-button-prev.o-button_dark::after,
    .o-button-next.o-button_dark::after {
      color: #2A2C31; }
  .o-button-prev:hover,
  .o-button-next:hover {
    transform: scale(0.9); }

.o-button-prev {
  margin-left: 16px;
  margin-left: 1rem; }

.o-button-next {
  margin-right: 16px;
  margin-right: 1rem; }

.o-paginator.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-right: 16px;
  margin-right: 1rem;
  background-color: #fff;
  transition: all 0.2s ease-in; }
  .o-paginator.swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    opacity: 0.5; }
  .o-paginator.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    transform: scale(0.9); }

.o-paginator.swiper-pagination-bullets.o-paginator_dark .swiper-pagination-bullet {
  background-color: #2A2C31; }

@media screen and (max-width: 991px) {
  .o-button-prev,
  .o-button-next {
    display: none; } }

.o-overlay__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in; }
  .o-overlay__container .i-arrow-play {
    position: inherit;
    z-index: 10;
    max-width: 195px;
    max-width: 12.1875rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: calc(20 / 12);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    letter-spacing: 0.1875rem;
    transition: inherit; }
    .o-overlay__container .i-arrow-play::before {
      margin-right: 16px;
      margin-right: 1rem;
      font-size: 50px;
      font-size: 3.125rem; }
  .o-overlay__container::after {
    content: "";
    position: inherit;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6; }
  .o-overlay__container:hover .i-arrow-play:before {
    animation-name: left-to-right;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    opacity: 0.7; }
  .o-overlay__container.is-overlay-hide {
    opacity: 0;
    visibility: hidden; }

.is-content-hide {
  opacity: 0;
  visibility: hidden; }

.o-overlay__img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

/***************
    animation 
****************/
@keyframes left-to-right {
  from {
    transform: translatex(0); }
  to {
    transform: translatex(6px); } }

.o-slide {
  position: relative;
  max-height: 750px;
  max-height: 46.875rem;
  max-width: 700px;
  max-width: 43.75rem;
  margin: 0 auto; }

.o-slide__slider {
  margin: 48px 0 80px 0;
  margin: 3rem 0 5rem 0;
  overflow: hidden; }

.o-slide__slide {
  text-align: center;
  height: 100%;
  width: 100%; }

.o-slide__bullets {
  position: relative;
  top: -65px; }
  .o-slide__bullets .swiper-pagination {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .o-slide__bullets .swiper-pagination .swiper-pagination-bullet {
      background-color: #757983;
      margin-right: 16px;
      margin-right: 1rem; }
      .o-slide__bullets .swiper-pagination .swiper-pagination-bullet:last-of-type {
        margin-right: 0; }
    .o-slide__bullets .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #2A2C31; }

.o-slide__actions {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .o-slide__actions .swiper-button-prev {
    left: -30px; }
    .o-slide__actions .swiper-button-prev::after {
      width: 8px; }
  .o-slide__actions .swiper-button-next {
    right: -30px; }
    .o-slide__actions .swiper-button-next::after {
      width: 4px; }
  .o-slide__actions .swiper-button-prev, .o-slide__actions .swiper-button-next {
    height: 22px;
    height: 1.375rem;
    width: 22px;
    width: 1.375rem;
    background-color: #ECF0F6;
    border-radius: 100%; }
    .o-slide__actions .swiper-button-prev::after, .o-slide__actions .swiper-button-next::after {
      font-size: 11px;
      font-size: 0.6875rem;
      color: #FF7A00; }

.o-slide__img {
  height: 267px;
  width: 267px;
  object-fit: cover; }

@media only screen and (min-width: 540px) {
  .o-slide__actions {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; } }

.o-layout-forms {
  position: relative;
  max-width: 1920px;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto; }

.o-layout-forms__main {
  background-color: #F8F8F8;
  margin-top: 176px;
  margin-top: 11rem; }

.o-layout-forms__content {
  width: 90%;
  margin: 0 auto; }

.o-layout-forms__header {
  position: absolute;
  left: 0;
  top: -100px;
  padding: 60px 24px;
  padding: 3.75rem 1.5rem;
  background: linear-gradient(114.44deg, #FF7A00 0%, #FF8C22 100%);
  transition: all .4s ease-in; }

.o-layout-forms__header_img {
  padding: 0;
  max-width: 347.18px;
  max-width: 21.69875rem;
  max-height: 231px;
  max-height: 14.4375rem;
  transition: all .4s ease-in; }

.o-layout-forms__img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media only screen and (min-width: 768px) {
  .o-layout-forms__header {
    padding: 62px;
    padding: 3.875rem;
    background: linear-gradient(114.44deg, #FF7A00 0%, #FF8C22 100%); }
  .o-layout-forms__header_img {
    padding: 0;
    max-width: 508px;
    max-width: 31.75rem;
    max-height: 338px;
    max-height: 21.125rem; } }

@media only screen and (min-width: 1440px) {
  .o-layout-forms__header_img {
    max-width: 588px;
    max-width: 36.75rem;
    max-height: 391px;
    max-height: 24.4375rem; } }

@media only screen and (min-width: 1600px) {
  .o-layout-forms__header {
    padding: 60px 120px;
    padding: 3.75rem 7.5rem;
    background: linear-gradient(114.44deg, #FF7A00 0%, #FF8C22 100%); }
  .o-layout-forms__header_img {
    padding: 0; } }

.o-layout-form {
  position: relative; }

.o-layout-form__img {
  object-fit: cover; }

.o-layout-form__box .o-heading {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

.o-layout-form__main {
  background-color: #F8F8F8; }

@media screen and (max-width: 991px) {
  .o-layout-form__box,
  .o-layout-form__content {
    width: 90%;
    max-width: 1200px;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto; }
  .o-layout-form__header {
    position: relative; }
    .o-layout-form__header::before {
      content: "";
      position: absolute;
      top: auto;
      right: 0;
      bottom: 0;
      left: 0;
      height: 80%;
      z-index: -1;
      background-color: #F8F8F8; }
  .o-layout-form__main {
    padding-top: 16px;
    padding-top: 1rem; }
  .o-layout-form__img {
    width: 95%;
    min-height: 230px;
    min-height: 14.375rem; }
  .o-layout-form__box {
    padding: 24px 0;
    padding: 1.5rem 0; }
    .o-layout-form__box .o-heading {
      font-size: 24px;
      font-size: 1.5rem; } }

@media screen and (min-width: 992px) {
  .o-layout-form {
    padding-top: 80px;
    padding-top: 5rem; }
  .o-layout-form__header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .o-layout-form__main {
    width: 90%;
    max-width: 1200px;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto; }
  .o-layout-form__box {
    max-width: 700px;
    max-width: 43.75rem;
    margin-left: 56px;
    margin-left: 3.5rem;
    padding-right: 80px;
    padding-right: 5rem; }
    .o-layout-form__box .o-text {
      font-size: 24px;
      font-size: 1.5rem;
      color: #2A2C31; }
  .o-layout-form__main {
    padding-top: 400px;
    padding-top: 25rem; }
  .o-layout-form__content {
    max-width: 846px;
    max-width: 52.875rem;
    width: 90%;
    margin: 0 auto; }
  .o-layout-form__img {
    width: 35%;
    max-width: 587px;
    max-width: 36.6875rem;
    min-height: 391px;
    min-height: 24.4375rem; } }

/*------------------------------------*\
  Patterns Elements
    #Styles for Forms
\*------------------------------------*/
input,
select,
textarea {
  outline: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

fieldset {
  border: none;
  padding: 0;
  margin: 0; }

.o-form {
  padding-bottom: 40px;
  padding-bottom: 2.5rem; }

.o-form__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.o-form-wrap-centered {
  text-align: center; }

.o-form__set {
  margin-bottom: 32px;
  margin-bottom: 2rem; }

.o-form__set_full {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-box-flex: 1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%; }

.o-form__set_centered {
  width: 100%;
  margin-right: auto;
  margin-left: auto; }

.o-form__set_without-margin {
  margin: 0; }

.o-form__set_relative {
  position: relative;
  text-align: center; }

.o-form__caption {
  position: relative;
  margin-bottom: 40px;
  margin-bottom: 2.5rem; }
  .o-form__caption::before {
    content: "";
    position: absolute;
    top: -20px;
    top: -1.25rem;
    width: 108px;
    width: 6.75rem;
    height: 4px;
    height: 0.25rem;
    background-color: #FF7A00; }

.o-form__label {
  display: block;
  margin: 8px 0;
  margin: 0.5rem 0;
  color: #1E212A; }

.o-form__label_ico {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .o-form__label_ico::before {
    color: #FF7A00; }

.o-form__sup {
  top: -0.1em; }

.o-form__field {
  display: block;
  margin: 8px 0;
  margin: 0.5rem 0; }
  .o-form__field input,
  .o-form__field select,
  .o-form__field textarea {
    width: 100%;
    transition: all 0.2s; }
    .o-form__field input:not([multiple]),
    .o-form__field select:not([multiple]),
    .o-form__field textarea:not([multiple]) {
      border-radius: 5px;
      border-radius: 0.3125rem;
      border: 1px solid #BEC3CE;
      padding: 16px;
      padding: 1rem;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.2;
      color: #9CA1AE;
      background-color: transparent; }
      .is-error .o-form__field input:not([multiple]), .is-error .o-form__field select:not([multiple]), .is-error .o-form__field textarea:not([multiple]) {
        border: 1px solid #F25E5E; }

.o-form__select {
  position: relative; }
  .o-form__select:before {
    position: absolute;
    top: 50%;
    right: 10px;
    right: 0.625rem;
    display: block;
    height: 10px;
    height: 0.625rem;
    margin-top: -5px;
    margin-top: -0.3125rem;
    padding-left: 10px;
    padding-left: 0.625rem;
    line-height: 10px;
    line-height: 0.625rem;
    font-size: 10px;
    font-size: 0.625rem;
    cursor: pointer;
    pointer-events: none;
    z-index: 2; }
  .o-form__select select {
    padding-right: 30px;
    padding-right: 1.875rem; }

.o-form__option {
  position: relative;
  display: inline-block;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  cursor: pointer; }
  .o-form__option .o-form__label {
    margin-top: 0; }

.o-form__option-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none; }

.o-form__option-item {
  position: relative;
  margin-top: 10px;
  margin-top: 0.625rem;
  cursor: pointer; }
  .o-form__option-item:not(:last-child) {
    margin-right: 24px;
    margin-right: 1.5rem; }
  .o-form__option-item:first-of-type {
    display: none; }

.o-form__option-label {
  color: #1E212A; }

.o-form__field_file {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 230px;
  min-height: 14.375rem;
  border: 2px dashed #BEC3CE;
  border-radius: 5px;
  border-radius: 0.3125rem;
  cursor: pointer; }
  .o-form__field_file input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer; }
  .o-form__field_file::before {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 56px;
    width: 3.5rem;
    height: 56px;
    height: 3.5rem;
    border-radius: 50%;
    color: #FF7A00;
    background: #fff; }
  .o-form__field_file::after {
    content: attr(data-text-select-file);
    max-width: 230px;
    text-align: center;
    font-size: 14px;
    margin-top: 16px; }

.o-form__label-checkbox {
  position: relative; }

.o-form__paragraph {
  margin-left: 36px;
  margin-left: 2.25rem; }

input[name="privacy_policy"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 57%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1; }
  input[name="privacy_policy"] + label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    input[name="privacy_policy"] + label:before {
      content: "";
      cursor: pointer;
      display: block;
      min-width: 16px;
      min-width: 1rem;
      max-width: 16px;
      max-width: 1rem;
      height: 16px;
      height: 1rem;
      margin-right: 16px;
      margin-right: 1rem;
      border: 1px solid #9CA1AE;
      line-height: 18px;
      line-height: 1.125rem;
      font-size: 12px;
      font-size: 0.75rem;
      border-radius: 4px;
      border-radius: 0.25rem;
      text-align: center;
      pointer-events: none;
      transition: all 0.2s ease; }
    input[name="privacy_policy"] + label::after {
      content: "";
      font-family: ico-juan-rueda;
      position: absolute;
      left: 4px;
      left: 0.25rem;
      min-width: 10px;
      min-width: 0.625rem;
      max-width: 10px;
      max-width: 0.625rem;
      height: 10px;
      height: 0.625rem;
      font-size: 10px;
      font-size: 0.625rem;
      color: transparent;
      border-radius: 50%;
      background-color: transparent;
      transform: translateY(-41%);
      transition: all 0.2s ease; }
  input[name="privacy_policy"]:checked + label:before {
    border-color: #0076BA;
    background-color: #0076BA; }
  input[name="privacy_policy"]:checked + label::after {
    color: #fff; }

.o-form__option-input[type="checkbox"], .o-form__option-input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1; }
  .o-form__option-input[type="checkbox"] + label, .o-form__option-input[type="radio"] + label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .o-form__option-input[type="checkbox"] + label:before, .o-form__option-input[type="radio"] + label:before {
      content: "";
      cursor: pointer;
      display: block;
      min-width: 16px;
      min-width: 1rem;
      max-width: 16px;
      max-width: 1rem;
      height: 16px;
      height: 1rem;
      margin-right: 16px;
      margin-right: 1rem;
      border: 1px solid #9CA1AE;
      line-height: 18px;
      line-height: 1.125rem;
      font-size: 12px;
      font-size: 0.75rem;
      text-align: center;
      pointer-events: none;
      transition: all 0.2s ease; }
    .o-form__option-input[type="checkbox"] + label::after, .o-form__option-input[type="radio"] + label::after {
      content: "";
      position: absolute;
      left: 4px;
      left: 0.25rem;
      min-width: 10px;
      min-width: 0.625rem;
      max-width: 10px;
      max-width: 0.625rem;
      height: 10px;
      height: 0.625rem;
      border-radius: 50%;
      background-color: transparent;
      transition: all 0.2s ease; }

.o-form__option-input[type="checkbox"] + label:before {
  content: "";
  border-radius: 4px;
  border-radius: 0.25rem;
  font-family: ico-juan-rueda;
  color: transparent; }

.o-form__option-input[type="checkbox"]:checked + label:before {
  border-color: #0076BA;
  color: #fff; }

.o-form__option-input[type="checkbox"]:checked + label::after {
  background-color: #0076BA; }

.o-form__option-input[type="radio"] + label:before {
  border-radius: 50px;
  border-radius: 3.125rem; }

.o-form__option-input[type="radio"]:checked + label:before {
  border: 1px solid #0076BA;
  background: #fff; }

.o-form__option-input[type="radio"]:checked + label::after {
  background-color: #0076BA; }

.is-error__message {
  margin-top: -8px;
  margin-top: -0.5rem;
  padding: 8px 16px 8px 0;
  padding: 0.5rem 1rem 0.5rem 0;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: left;
  color: #F25E5E; }

.o-form__legend {
  margin-bottom: 32px;
  margin-bottom: 2rem; }

.o-form__action {
  justify-content: space-between;
  min-width: 252px;
  min-width: 15.75rem;
  max-width: 252px;
  max-width: 15.75rem;
  margin: 32px auto 0 auto;
  margin: 2rem auto 0 auto; }

@media only screen and (min-width: 768px) {
  .o-form__wrap {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin: 0 -0.625rem; }
  .o-form-wrap-centered {
    margin-top: 80px;
    margin-top: 5rem; }
  .o-form__set {
    width: 50%;
    padding: 0 10px;
    padding: 0 0.625rem; }
  .o-form__set_inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: auto; }
    .o-form__set_inline select {
      min-width: 300px;
      min-width: 18.75rem;
      margin-left: 24px;
      margin-left: 1.5rem; } }

.o-tooltip {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  margin: 0 0.625rem;
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
  z-index: 3; }
  .o-tooltip::before {
    content: "";
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
    background-color: #fff;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2); }

.o-tooltip__button {
  margin-top: 4px;
  margin-top: 0.25rem;
  padding-left: 10px;
  padding-left: 0.625rem; }
  .o-tooltip__button:hover {
    color: #FF7A00; }

.o-tooltip__box {
  position: absolute;
  top: -280px;
  top: -17.5rem;
  right: -20px;
  right: -1.25rem;
  left: auto;
  font-size: 12px;
  font-size: 0.75rem;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
  opacity: 1;
  z-index: 2;
  transition: all 0.5s ease-in-out; }
  .o-tooltip__box:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -15px;
    bottom: -0.9375rem;
    width: 37px;
    width: 2.3125rem;
    height: 16px;
    height: 1rem;
    margin-right: 10px;
    margin-right: 0.625rem;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    background-color: #fff;
    transform: rotate(180deg);
    opacity: 1;
    z-index: 500;
    transition: all 0.5s ease-in-out; }

.o-tooltip__inner {
  position: relative;
  border-radius: 6px;
  border-radius: 0.375rem;
  padding: 16px 24px;
  padding: 1rem 1.5rem;
  background-color: #fff;
  z-index: 2;
  transition: all 0.5s ease-in-out; }

.o-tooltip-ico {
  transition: all 0.3s ease-in-out; }
  .o-tooltip-ico::before {
    color: #FF7A00; }
  .o-tooltip-ico:hover {
    transform: scale(0.9); }

.o-tooltip__text {
  margin: 10px 0;
  margin: 0.625rem 0; }

.o-tooltip__img {
  min-width: 250px;
  min-width: 15.625rem;
  max-width: 250px;
  max-width: 15.625rem; }

.is-hidden {
  overflow: hidden; }
  .is-hidden:after {
    top: -300px;
    top: -18.75rem; }
  .is-hidden:after {
    opacity: 0; }
  .is-hidden .o-tooltip__box {
    top: -300px;
    top: -18.75rem; }
  .is-hidden .o-tooltip__inner {
    border: 1px solid #fff; }

.o-tooltip__caption {
  position: relative;
  padding-top: 24px;
  padding-top: 1.5rem;
  text-align: center; }
  .o-tooltip__caption::before {
    content: "";
    position: absolute;
    top: 14px;
    top: 0.875rem;
    right: 0;
    left: 0;
    width: 30px;
    width: 1.875rem;
    margin: 0 auto;
    border: 1px solid #FF7A00; }

@media only screen and (min-width: 768px) {
  .o-tooltip__img {
    min-width: 310px;
    min-width: 19.375rem;
    max-width: 310px;
    max-width: 19.375rem; } }

@media only screen and (min-width: 1024px) {
  .o-tooltip__box {
    left: auto; } }

.o-overlay-image {
  position: relative; }

.o-overlay-image__box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }
  .o-overlay-image__box::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); }

.o-overlay-image__img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media only screen and (min-width: 1024px) {
  .o-overlay-image__box {
    max-height: 70px;
    max-height: 4.375rem;
    min-height: 70px;
    min-height: 4.375rem; }
  .o-overlay-image__box_h400 {
    min-height: 400px;
    min-height: 25rem; }
  .o-overlay-image__img {
    max-height: 70px;
    max-height: 4.375rem;
    min-height: 70px;
    min-height: 4.375rem; }
  .o-overlay-image__img_inherit {
    max-height: inherit;
    min-height: inherit; } }

/**
  * Class: o-message
  * @atom Status messages
  * @modifiers
  *  o-message_align-left Align text to left
  * @section 14. Messages
  * @markup
  *   <p class="SG-component__preview">
  *      <div class="o-message">
  *        <div class="o-message__wrapper">
  *          <div class="o-message__header o-message__column">
  *             <svg
  *               width="200"
  *               height="125"
  *               viewBox="0 0 200 125"
  *               fill="none"
  *               xmlns="http://www.w3.org/2000/svg"
  *             >
  *               <path
  *                 d="M17.6032 83.9177V95.151C17.6032 103.792 21.3646 106.903 27.2512 106.903C33.1377 106.903 36.8991 103.792 36.8991 95.151V68.5559C36.8991 59.9149 33.1377 56.6313 27.2512 56.6313C21.3646 56.6313 17.6032 59.9149 17.6032 68.5559V72.1851H0L3.38522 2.02014H52.4713V19.3022H20.1422L18.6188 48.1055C20.2802 45.2609 22.6732 42.9354 25.5379 41.3816C28.4025 39.8278 31.6293 39.1049 34.868 39.2917C48.5782 39.2917 55.5556 49.1424 55.5556 66.9429V93.826C55.5556 113.182 46.1521 124.242 27.7966 124.242C9.44106 124.242 0.0375931 113.182 0.0375931 93.826V83.9177H17.6032Z"
  *                 fill="#263238"
  *               />
  *               <path
  *                 d="M69.6968 30.54C69.6968 11.1055 79.8877 0 98.4847 0C117.082 0 127.273 11.1055 127.273 30.54V93.7024C127.273 113.137 117.082 124.242 98.4847 124.242C79.8877 124.242 69.6968 113.137 69.6968 93.7024V30.54ZM88.6968 94.917C88.6968 103.593 92.5352 106.89 98.5422 106.89C104.549 106.89 108.388 103.593 108.388 94.917V29.3639C108.388 20.6878 104.549 17.3909 98.5422 17.3909C92.5352 17.3909 88.6968 20.6878 88.6968 29.3639V94.917Z"
  *                 fill="#263238"
  *               />
  *               <path
  *                 d="M141.414 30.54C141.414 11.1055 151.784 0 170.707 0C189.63 0 200 11.1055 200 30.54V93.7024C200 113.137 189.63 124.242 170.707 124.242C151.784 124.242 141.414 113.137 141.414 93.7024V30.54ZM160.747 94.917C160.747 103.593 164.653 106.89 170.766 106.89C176.878 106.89 180.784 103.593 180.784 94.917V29.3639C180.784 20.6878 176.878 17.3909 170.766 17.3909C164.653 17.3909 160.747 20.6878 160.747 29.3639V94.917Z"
  *                 fill="#263238"
  *               />
  *             </svg>
  *
  *             <h1 class="o-message__title">
  *               ¡Oops! <br />
  *               Error interno del servidor
  *             </h1>
  *          </div>
  *          <div class="o-message__column">
  *            <svg width="310" height="292" viewBox="0 0 310 292" fill="none" xmlns="http://www.w3.org/2000/svg">
  *              <path
  *                 d="M264.596 267.95C204.069 299.571 105.932 299.571 45.3978 267.95C-15.1362 236.328 -15.129 185.063 45.3978 153.442C105.925 121.82 204.069 121.813 264.603 153.442C325.137 185.07 325.*                  13 236.328 *                  264.596 267.95Z"
  *                fill="#E9E9E9"></path>
  *              <path
  *              d="M107.089 234.163C94.8518 234.163 84.9316 229.435 84.9316 223.601C84.9316 217.768 94.8518 213.039 107.089 213.039C119.326 213.039 129.247 217.768 129.247 223.601C129.247 229.435 119.*              326 234.163 *               107.089 234.163Z"
  *                fill="#B0BEC5"></path>
  *              <path
  *              d="M287.249 67.7467V104.086C287.249 105.278 286.411 105.769 285.371 105.17L201.003 56.4548C200.457 56.098 200.003 55.6179 199.676 55.0532C199.35 54.4885 199.161 53.855 199.125 53.*2038V16.8357C199.125 15.6437 199.*               97 15.1524 201.003 15.7521L285.371 64.4668C285.922 64.8251 286.379 65.3095 286.706 65.8798C287.033 66.4502 287.219 67.0901 287.249 67.7467V67.7467Z"
  *              fill="#F0F0F0"></path>
  *              <path
  *              d="M281.375 67.175L256.09 52.5815C254.927 51.9096 253.995 52.4515 253.995 53.788V79.1965C254.034 79.9212 254.245 80.6262 254.609 81.2539C254.973 81.8817 255.48 82.4145 256.09 82.8088L281.375 97.4094C282.531 98.*0741 283.47 97.5323 283.47 96.1957V70.8017C283.431 70.0749 283.221 69.3677 282.857 68.7375C282.493 68.1073 281.985 67.5719 281.375 67.175V67.175Z"
  *              fill="#FAFAFA"></path>
  *              <path
  *              d="M260.901 65.2624L268.422 80.8528L272.251 78.6421C272.618 78.441 273.05 78.3904 273.454 78.5009C273.858 78.6114 274.204 78.8744 274.418 79.2345L283.47 94.8466V96.2121C283.47 97.5486 282.531 98.0904 281.375 97.*4258L256.09 82.8251C255.482 82.4295 254.975 81.8965 254.611 81.269C254.247 80.6414 254.036 79.9371 253.995 79.2128V70.2762L259.052 64.9734C259.165 64.8154 259.319 64.692 259.498 64.6168C259.677 64.5417 259.874 64.5177 260.066 *64.5477C260.257 64.5777 260.437 64.6604 260.585 64.7866C260.732 64.9128 260.842 65.0775 260.901 65.2624V65.2624Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M279.67 76.4739C278.108 75.4549 276.808 74.082 275.875 72.4665C274.943 70.8511 274.404 69.0386 274.303 67.176C274.303 65.6083 274.808 64.474 275.639 63.8672L281.375 67.176C281.983 67.5715 282.49 68.1046 282.854 *68.7321C283.218 69.3596 283.429 70.064 283.47 70.7882V76.8351C282.481 77.4131 281.151 77.3264 279.67 76.4739Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M244.559 48.2994L206.566 26.3586C205.699 25.8601 204.998 26.2141 204.998 27.1533C205.036 27.6796 205.198 28.1895 205.471 28.6414C205.743 29.0934 206.118 29.4746 206.566 29.7541L244.559 51.6877C245.426 52.1862 *246.127 51.8322 246.127 50.893C246.088 50.3679 245.926 49.8595 245.653 49.4089C245.381 48.9583 245.006 48.5782 244.559 48.2994Z"
  *              fill="#FAFAFA"></path>
  *              <path
  *              d="M244.559 55.8033L206.566 33.8625C205.699 33.364 204.998 33.718 204.998 34.6572C205.036 35.1835 205.198 35.6934 205.471 36.1453C205.743 36.5973 206.118 36.9785 206.566 37.258L244.559 59.1916C245.426 59.6901 246.*127 59.3361 246.127 58.4041C246.089 57.8778 245.927 57.3679 245.655 56.916C245.382 56.4641 245.007 56.0828 244.559 55.8033V55.8033Z"
  *              fill="#FAFAFA"></path>
  *              <path
  *              d="M244.559 63.3119L206.566 41.3784C205.699 40.8799 204.998 41.2339 204.998 42.1658C205.036 42.6921 205.198 43.202 205.471 43.6539C205.743 44.1059 206.118 44.4871 206.566 44.7666L244.559 66.7002C245.426 67.2059 *246.127 66.8519 246.127 65.9127C246.089 65.3864 245.927 64.8765 245.655 64.4246C245.382 63.9727 245.007 63.5914 244.559 63.3119Z"
  *              fill="#FAFAFA"></path>
  *              <path
  *              d="M244.559 70.8195L206.566 48.886C205.699 48.3875 204.998 48.7415 204.998 49.6807C205.037 50.2057 205.2 50.7141 205.472 51.1647C205.745 51.6153 206.119 51.9954 206.566 52.2742L244.559 74.2511C245.426 74.7496 246.*127 74.3956 246.127 73.4564C246.095 72.9239 245.935 72.4068 245.663 71.9481C245.39 71.4895 245.012 71.1025 244.559 70.8195V70.8195Z"
  *              fill="#FAFAFA"></path>
  *              <path
  *              d="M304.877 182.079V128.756C304.842 128.104 304.654 127.47 304.327 126.905C304.001 126.34 303.546 125.86 302.998 125.504L239.192 88.6596C238.159 88.06 237.313 88.544 237.313 89.7433V143.067C237.35 143.718 237.539 *144.352 237.865 144.917C238.191 145.481 238.646 145.961 239.192 146.318L302.998 183.163C304.039 183.763 304.877 183.279 304.877 182.079Z"
  *              fill="#F0F0F0"></path>
  *              <path
  *              d="M304.877 179.418V182.084C304.877 183.283 304.039 183.767 302.998 183.167L239.192 146.323C238.646 145.966 238.191 145.486 237.865 144.921C237.539 144.356 237.35 143.723 237.313 143.071V140.398L304.877 179.418Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M274.006 131.053L267.504 130.714C266.71 130.67 266.493 131.118 267.02 131.725L274.49 140.221C275.018 140.821 275.444 140.655 275.444 139.86V132.578C275.441 132.189 275.291 131.816 275.025 131.533C274.758 131.25 *274.394 131.079 274.006 131.053Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M275.682 144.883C276.462 144.893 277.23 144.696 277.908 144.312C279.511 143.38 280.393 141.423 280.393 138.865C280.393 133.649 276.716 127.306 272.193 124.669C269.961 123.376 267.858 123.181 266.24 124.106C264.*622 125.03 263.748 126.995 263.748 129.546C263.748 134.769 267.432 141.105 271.947 143.742C273.071 144.442 274.359 144.836 275.682 144.883V144.883ZM268.458 124.026C269.693 124.075 270.893 124.446 271.94 125.103C276.325 127.631 *279.887 133.808 279.887 138.865C279.887 141.264 279.092 143.048 277.648 143.879C276.203 144.71 274.266 144.515 272.193 143.315C267.808 140.78 264.246 134.646 264.246 129.546C264.246 127.147 265.041 125.37 266.486 124.532C267.09 *124.194 267.773 124.019 268.465 124.026H268.458Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M105.364 33.0553C105.45 33.0543 105.534 33.032 105.609 32.9903L107.639 31.8127C107.695 31.7805 107.744 31.7375 107.784 31.6863C107.823 31.6351 107.852 31.5766 107.869 31.5142C107.886 31.4518 107.89 31.3867 107.*882 31.3227C107.873 31.2586 107.852 31.1968 107.82 31.1409C107.788 31.0849 107.745 31.0358 107.694 30.9964C107.642 30.9571 107.584 30.9282 107.522 30.9114C107.459 30.8946 107.394 30.8903 107.33 30.8987C107.266 30.9071 107.204 *30.928 107.148 30.9602L105.118 32.1378C105.062 32.17 105.013 32.213 104.973 32.2642C104.934 32.3154 104.905 32.3739 104.888 32.4363C104.872 32.4987 104.867 32.5638 104.876 32.6279C104.884 32.692 104.905 32.7538 104.937 32.*8097C104.981 32.8845 105.043 32.9466 105.118 32.9897C105.192 33.0328 105.277 33.0555 105.364 33.0553V33.0553Z"
  *              fill="white"></path>
  *              <path
  *              d="M236.596 75.8904V183.376C236.596 184.576 235.758 185.06 234.725 184.46L109.352 112.078C108.806 111.721 108.351 111.241 108.025 110.676C107.699 110.112 107.51 109.478 107.473 108.827V1.34093C107.473 0.141667 108.*318 -0.342373 109.352 0.257259L234.725 72.6394C235.271 72.9961 235.724 73.4764 236.049 74.0412C236.375 74.6061 236.562 75.2396 236.596 75.8904V75.8904Z"
  *              fill="#455A64"></path>
  *              <path
  *              d="M221.923 95.7462C221.923 99.4957 219.127 100.912 215.667 98.9177L116.28 41.5336V27.9805L215.667 85.3573C219.127 87.3585 221.923 92.0039 221.923 95.7462Z"
  *              fill="#F5F5F5"></path>
  *              <path
  *              d="M107.827 23.1146C104.374 21.1206 101.571 22.5366 101.571 26.2789C101.571 30.0212 104.374 34.6738 107.827 36.6677L116.244 41.5298V27.9767L107.827 23.1146Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M110.861 34.5385C111.221 34.5436 111.576 34.4512 111.887 34.2712C112.271 34.0143 112.578 33.6585 112.777 33.2414C112.975 32.8243 113.057 32.3614 113.014 31.9015C112.962 30.7708 112.64 29.6689 112.074 28.*6885C111.509 27.708 110.716 26.8774 109.763 26.2664C109.399 25.9697 108.954 25.7908 108.486 25.7534C108.018 25.7161 107.55 25.8221 107.143 26.0574C106.737 26.2927 106.412 26.6461 106.212 27.0706C106.011 27.4951 105.945 27.9705 *106.021 28.4338C106.075 29.5641 106.398 30.6653 106.963 31.6455C107.529 32.6257 108.32 33.4566 109.272 34.0689C109.752 34.3619 110.3 34.5239 110.861 34.5385V34.5385ZM108.181 26.7721C108.569 26.7913 108.945 26.9108 109.272 27.*1189C110.07 27.649 110.734 28.3566 111.213 29.1864C111.692 30.0161 111.972 30.9454 112.032 31.9015C112.106 32.1892 112.084 32.4935 111.969 32.7675C111.854 33.0416 111.653 33.2704 111.395 33.4188C111.138 33.5672 110.839 33.6271 *110.544 33.5892C110.249 33.5514 109.975 33.4178 109.763 33.2092C108.965 32.6799 108.3 31.9725 107.821 31.1426C107.342 30.3126 107.062 29.3829 107.004 28.4266C106.966 28.1401 107.006 27.8489 107.117 27.5825C107.229 27.3161 107.*409 27.0839 107.639 26.9094C107.804 26.8151 107.991 26.7676 108.181 26.7721V26.7721Z"
  *              fill="white"></path>
  *              <path
  *              d="M106.382 52.7768L202.468 108.217C203.016 108.572 203.472 109.052 203.798 109.617C204.125 110.182 204.313 110.817 204.346 111.469V141.038C204.346 142.238 203.508 142.722 202.468 142.122L106.382 86.6596C105.835 *86.3041 105.38 85.8243 105.053 85.2593C104.727 84.6943 104.538 84.0602 104.504 83.4086V53.8605C104.54 52.6612 105.378 52.1772 106.382 52.7768Z"
  *              fill="#FF7A00"></path>
  *              <path opacity="0.2"
  *              d="M106.382 52.7768L202.468 108.217C203.016 108.572 203.472 109.052 203.798 109.617C204.125 110.182 204.313 110.817 204.346 111.469V141.038C204.346 142.238 203.508 142.722 202.468 142.122L106.382 86.6596C105.835 *86.3041 105.38 85.8243 105.053 85.2593C104.727 84.6943 104.538 84.0602 104.504 83.4086V53.8605C104.54 52.6612 105.378 52.1772 106.382 52.7768Z"
  *              fill="white"></path>
  *              <path
  *              d="M167.538 92.9815L150.126 82.925C149.26 82.4265 148.559 82.7805 148.559 83.7197C148.598 84.2448 148.76 84.7532 149.033 85.2038C149.305 85.6544 149.68 86.0345 150.126 86.3133L167.538 96.3698C168.404 96.8683 169.*105 96.5143 169.105 95.5751C169.066 95.0501 168.904 94.5416 168.631 94.091C168.359 93.6404 167.984 93.2603 167.538 92.9815V92.9815Z"
  *              fill="white"></path>
  *              <path
  *              d="M169.105 102.354C169.105 103.293 168.383 103.647 167.538 103.149L114.907 72.7627C114.461 72.482 114.088 72.1003 113.817 71.6485C113.546 71.1967 113.385 70.6874 113.347 70.1619C113.347 69.23 114.069 68.876 114.*907 69.3745L167.538 99.7606C167.984 100.039 168.359 100.42 168.631 100.87C168.904 101.321 169.066 101.829 169.105 102.354Z"
  *              fill="white"></path>
  *              <path
  *              d="M169.105 109.132C169.105 110.071 168.383 110.425 167.538 109.926L114.907 79.5401C114.461 79.2593 114.088 78.8776 113.817 78.4258C113.546 77.974 113.385 77.4648 113.347 76.9393C113.347 76.0073 114.069 75.6533 *114.907 76.1518L167.538 106.538C167.984 106.817 168.359 107.197 168.631 107.648C168.904 108.098 169.066 108.607 169.105 109.132Z"
  *              fill="white"></path>
  *              <path
  *              d="M169.105 115.905C169.105 116.844 168.383 117.198 167.538 116.7L114.907 86.3135C114.461 86.0327 114.088 85.651 113.817 85.1992C113.546 84.7474 113.385 84.2382 113.347 83.7127C113.347 82.7807 114.069 82.4267 114.*907 82.9252L167.538 113.311C167.984 113.59 168.359 113.97 168.631 114.421C168.904 114.872 169.066 115.38 169.105 115.905V115.905Z"
  *              fill="white"></path>
  *              <path
  *              d="M199.506 109.911L176.85 96.827C175.81 96.2346 174.972 96.7186 174.972 97.9107V120.689C175.007 121.341 175.195 121.975 175.522 122.54C175.848 123.105 176.303 123.585 176.85 123.941L199.506 137.017C200.539 137.*616 201.384 137.132 201.384 135.94V113.162C201.35 112.51 201.161 111.876 200.835 111.311C200.508 110.746 200.053 110.266 199.506 109.911V109.911Z"
  *              fill="white"></path>
  *
  *              <path
  *              d="M181.156 108.197L187.896 122.169L191.328 120.189C191.659 119.998 192.053 119.946 192.423 120.045C192.793 120.144 193.108 120.386 193.3 120.717L201.384 134.711V135.932C201.384 137.131 200.539 137.615 199.506 137.*015L176.85 123.939C176.303 123.583 175.847 123.104 175.521 122.539C175.195 121.974 175.006 121.34 174.972 120.688V112.69L179.53 107.937C179.633 107.804 179.771 107.701 179.927 107.64C180.084 107.578 180.254 107.559 180.42 107.*586C180.586 107.613 180.742 107.683 180.871 107.791C181.001 107.898 181.099 108.038 181.156 108.197V108.197Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M197.982 118.248C196.581 117.334 195.415 116.103 194.579 114.654C193.743 113.206 193.261 111.581 193.17 109.911C193.122 109.356 193.206 108.798 193.414 108.282C193.622 107.766 193.95 107.307 194.369 106.941L199.*506 109.911C200.053 110.266 200.508 110.746 200.835 111.311C201.161 111.876 201.35 112.51 201.384 113.162V118.58C200.51 119.086 199.311 119.014 197.982 118.248Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M106.382 96.8246L202.468 152.265C203.015 152.621 203.47 153.101 203.797 153.666C204.123 154.231 204.311 154.865 204.346 155.516V185.108C204.346 186.3 203.508 186.784 202.468 186.191L106.382 130.715C105.835 130.*359 105.38 129.879 105.053 129.314C104.727 128.749 104.538 128.115 104.504 127.464V97.9083C104.54 96.7162 105.378 96.2466 106.382 96.8246Z"
  *              fill="#FF7A00"></path>
  *              <path opacity="0.2"
  *              d="M106.382 96.8246L202.468 152.265C203.015 152.621 203.47 153.101 203.797 153.666C204.123 154.231 204.311 154.865 204.346 155.516V185.108C204.346 186.3 203.508 186.784 202.468 186.191L106.382 130.715C105.835 130.*359 105.38 129.879 105.053 129.314C104.727 128.749 104.538 128.115 104.504 127.464V97.9083C104.54 96.7162 105.378 96.2466 106.382 96.8246Z"
  *              fill="white"></path>
  *              <path
  *              d="M167.538 137.029L150.126 126.98C149.26 126.481 148.559 126.835 148.559 127.767C148.597 128.294 148.759 128.804 149.031 129.256C149.304 129.707 149.679 130.089 150.126 130.368L167.538 140.417C168.404 140.916 169.*105 140.562 169.105 139.63C169.067 139.104 168.905 138.594 168.633 138.142C168.36 137.69 167.985 137.309 167.538 137.029Z"
  *              fill="white"></path>
  *              <path
  *             d="M169.105 146.408C169.105 147.34 168.383 147.694 167.538 147.196L114.907 116.809C114.462 116.529 114.089 116.149 113.818 115.698C113.547 115.248 113.386 114.74 113.347 114.216C113.347 113.277 114.069 112.923 114.*907 113.421L167.538 143.807C167.985 144.087 168.36 144.468 168.633 144.92C168.905 145.372 169.067 145.882 169.105 146.408Z"
  *              fill="white"></path>
  *              <path
  *              d="M169.105 153.185C169.105 154.117 168.383 154.471 167.538 153.973L114.907 123.587C114.462 123.307 114.089 122.926 113.818 122.476C113.547 122.025 113.386 121.517 113.347 120.993C113.347 120.054 114.069 119.7 114.*907 120.198L167.538 150.585C167.985 150.864 168.36 151.245 168.633 151.697C168.905 152.149 169.067 152.659 169.105 153.185Z"
  *              fill="white"></path>
  *              <path
  *              d="M169.105 159.959C169.105 160.891 168.383 161.245 167.538 160.746L114.907 130.36C114.462 130.08 114.089 129.7 113.818 129.249C113.547 128.799 113.386 128.291 113.347 127.767C113.347 126.827 114.069 126.473 114.*907 126.972L167.538 157.358C167.985 157.638 168.36 158.019 168.633 158.471C168.905 158.923 169.067 159.433 169.105 159.959Z"
  *              fill="white"></path>
  *              <path
  *              d="M199.506 153.966L176.85 140.882C175.81 140.283 174.972 140.767 174.972 141.966V164.738C175.005 165.389 175.193 166.024 175.519 166.589C175.846 167.154 176.302 167.634 176.85 167.989L199.506 181.072C200.539 181.*672 201.384 181.188 201.384 179.988V157.217C201.35 156.565 201.161 155.931 200.835 155.366C200.508 154.801 200.053 154.321 199.506 153.966V153.966Z"
  *              fill="white"></path>
  *              <path
  *              d="M181.156 152.251L187.896 166.224L191.328 164.237C191.492 164.142 191.674 164.081 191.862 164.057C192.05 164.033 192.242 164.046 192.425 164.096C192.608 164.145 192.779 164.231 192.93 164.347C193.08 164.463 193.*206 164.607 193.3 164.772L201.384 178.765V179.986C201.384 181.186 200.539 181.67 199.506 181.07L176.85 167.986C176.303 167.632 175.848 167.154 175.521 166.59C175.195 166.026 175.006 165.393 174.972 164.743V156.738L179.53 151.*991C179.632 151.856 179.769 151.752 179.926 151.688C180.083 151.625 180.254 151.606 180.421 151.633C180.588 151.66 180.745 151.731 180.874 151.84C181.004 151.949 181.101 152.091 181.156 152.251V152.251Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M197.982 162.295C196.581 161.383 195.415 160.153 194.579 158.706C193.743 157.258 193.26 155.634 193.17 153.965C193.122 153.411 193.206 152.853 193.414 152.337C193.622 151.821 193.95 151.362 194.369 150.996L199.*506 153.965C200.053 154.321 200.508 154.801 200.835 155.366C201.161 155.931 201.35 156.565 201.384 157.216V162.635C200.51 163.133 199.311 163.061 197.982 162.295Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M107.473 5.94293V1.34093C107.473 0.141667 108.318 -0.342373 109.352 0.257259L234.718 72.6394C235.265 72.9949 235.721 73.4747 236.047 74.0397C236.373 74.6047 236.562 75.2388 236.596 75.8904V80.4996L107.473 5.*94293Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M122.854 9.81278C123.258 10.0782 123.594 10.4348 123.835 10.8539C124.076 11.2731 124.215 11.743 124.241 12.2258C124.241 13.1144 123.62 13.4756 122.854 13.0277C122.448 12.766 122.109 12.4113 121.867 11.993C121.*624 11.5747 121.485 11.1048 121.46 10.6219C121.46 9.73331 122.081 9.37208 122.854 9.81278Z"
  *              fill="#F5F5F5"></path>
  *              <path
  *              d="M117.327 6.66496C117.733 6.92954 118.07 7.28584 118.313 7.70503C118.555 8.12422 118.695 8.59454 118.722 9.07794C118.722 9.96655 118.093 10.3206 117.327 9.87986C116.921 9.61657 116.582 9.26058 116.34 8.84112C116.*098 8.42166 115.958 7.95069 115.933 7.46688C115.933 6.54215 116.554 6.18815 117.327 6.66496Z"
  *              fill="#F5F5F5"></path>
  *              <path
  *              d="M111.801 3.44242C112.207 3.70413 112.545 4.05877 112.788 4.47708C113.03 4.89538 113.17 5.36534 113.195 5.84817C113.195 6.73679 112.574 7.09801 111.801 6.65731C111.396 6.39194 111.06 6.0353 110.819 5.61615C110.*578 5.19701 110.439 4.7271 110.413 4.24434C110.413 3.35573 111.035 2.9945 111.801 3.44242Z"
  *              fill="#F5F5F5"></path>
  *              <path
  *              d="M90.7395 219.479C90.5209 220.035 90.3705 220.614 90.2916 221.206C90.088 221.818 90.0408 222.471 90.1543 223.106C90.6411 223.917 91.4146 224.515 92.3216 224.782C92.9671 224.931 93.6364 224.943 94.2869 224.819C94.*9375 224.694 95.555 224.436 96.1001 224.06C97.4221 223.272 98.4119 222.311 100.29 221.784C101.63 221.495 102.892 220.921 103.989 220.101C105.03 219.27 106.417 216.958 104.43 216.423C102.443 215.889 98.1157 217.774 94.1783 217.*948L90.7395 219.479Z"
  *              fill="#263238"></path>
  *              <path
  *              d="M90.9273 216.879C90.9273 216.879 90.6962 219.639 90.6962 219.978C90.6962 220.91 94.135 222.146 94.7708 219.978L95.3198 217.045L90.9273 216.879Z"
  *              fill="#F28F8F"></path>
  *              <path
  *              d="M95.1465 156.328C93.9641 158.067 92.8811 159.871 91.9027 161.732C91.9027 161.732 91.5632 165.749 91.5632 168.422C91.5632 173.335 92.3217 177.127 93.0081 186.808C91.8906 188.713 91.251 190.859 91.1441 193.065C90.*8551 197.45 90.8479 197.399 90.819 217.628C91.4772 217.983 92.1997 218.203 92.9441 218.275C93.6885 218.347 94.4397 218.269 95.1537 218.047L101.656 189.72L102.378 178.601L104.416 164.781L95.1465 156.328Z"
  *              fill="#37474F"></path>
  *              <path
  *              d="M110.535 224.544C110.304 224.782 110.383 225.266 110.275 226.061C110.155 226.672 110.123 227.297 110.181 227.917C110.56 228.777 111.245 229.464 112.102 229.846C112.726 230.071 113.389 230.165 114.051 230.*121C114.712 230.078 115.357 229.898 115.946 229.594C117.347 228.972 118.453 228.149 120.382 227.852C121.747 227.735 123.07 227.323 124.261 226.646C125.395 225.924 127.064 223.828 125.157 223.034C123.25 222.239 118.467 223.662 *114.544 223.344L110.535 224.544Z"
  *              fill="#263238"></path>
  *              <path
  *              d="M109.632 221.075C109.632 221.075 110.354 224.225 110.549 224.926C110.982 226.609 114.718 226.696 114.718 224.753L114.465 220.273L109.632 221.075Z"
  *              fill="#F28F8F"></path>
  *              <path
  *              d="M103.578 157.188C101.706 160.865 99.9003 164.109 99.8425 168.024C99.7052 176.311 103.144 185.435 104.408 191.424C104.032 193.592 103.925 195.798 104.09 197.991C104.343 200.498 110.058 223.277 110.058 223.*277C110.058 223.277 113.237 223.942 114.588 222.504L112.984 178.644L112.55 165.907L103.578 157.188Z"
  *              fill="#37474F"></path>
  *              <path d="M106.149 134.73L104.972 141.254L99.0766 140.82L100.312 133.43L106.149 134.73Z" fill="#FFA8A7">
  *              </path>
  *              <path
  *              d="M92.8564 140.342C93.4416 138.572 95.6884 136.643 97.9136 137.062C101.256 137.63 104.55 138.451 107.768 139.518C109.827 140.241 111.705 142.04 111.878 148.816L112.521 165.866C111.631 166.657 110.563 167.223 109.*408 167.513C106.28 168.373 104.213 168.886 99.4596 167.845C93.2682 166.494 91.7944 162.745 91.7944 162.745C91.7944 162.745 92.0328 153.722 92.2207 148.816C92.3724 144.648 92.4591 141.563 92.8564 140.342Z"
  *              fill="#455A64"></path>
  *              <path
  *              d="M108.664 126.4L138.681 118.258C141.398 117.789 142.532 124.421 139.816 124.883L108.989 127.997L108.664 126.4Z"
  *              fill="#263238"></path>
  *              <path
  *              d="M117.297 140.153L123.43 140.341C123.43 140.341 122.506 131.216 121.935 130.017C121.364 128.818 119.999 128.572 118.64 128.189C117.282 127.806 117.289 127.156 117.289 127.156L118.51 127.033C119.58 126.925 120.*006 125.588 119.543 124.685C119.32 124.266 118.958 123.602 118.308 123.782L116.69 124.223C116.665 123.509 116.843 122.803 117.203 122.186C117.745 121.586 118.106 121.774 119.189 121.398C119.991 121.116 121.631 120.618 122.953 *121.16C124.276 121.702 125.28 124.187 125.619 125.942C125.963 127.972 126.52 129.961 127.281 131.874C128.459 135.125 130.171 141.8 130.351 144.473C130.431 145.709 130.315 146.445 128.943 146.771C127.57 147.096 117.47 147.117 *117.47 147.117L117.297 140.153Z"
  *              fill="#FFA8A7"></path>
  *              <path
  *              d="M110.513 127.004C110.513 127.004 111.958 129.113 111.756 129.345C111.429 129.562 111.068 129.721 110.687 129.814L110.513 127.004Z"
  *              fill="#FFA8A7"></path>
  *              <path
  *              d="M106.156 120.344C107.529 121.067 109.899 122.317 110.556 127.345C111.228 132.503 110.339 134.165 109.646 134.851C109.169 135.313 106.612 135.342 105.311 134.952C103.707 134.475 100.088 133.096 98.4335 130.*444C96.4901 127.323 96.0566 123.147 98.2456 121.486C99.3595 120.641 100.67 120.093 102.054 119.893C103.437 119.694 104.849 119.849 106.156 120.344V120.344Z"
  *              fill="#FFA8A7"></path>
  *              <path
  *              d="M102.118 182.597L98.99 173.754C96.5651 172.895 94.3926 171.445 92.6685 169.535C92.6685 169.535 93.391 172.057 98.3325 174.643L101.764 183.009V187.661L102.118 182.597Z"
  *              fill="#263238"></path>
  *              <path
  *              d="M110.838 122.041C110.39 123.277 109.632 126.311 106.467 127.575C106.467 127.575 106.012 125.646 104.394 125.849C102.776 126.051 102.494 128.124 103.491 129.41C104.488 130.696 105.456 130.234 105.456 130.234C105.*456 130.234 105.673 133.001 103.823 134.258C103.135 134.664 102.361 134.904 101.564 134.961C100.767 135.017 99.9672 134.888 99.2283 134.583C98.1663 134.099 96.6564 131.549 95.775 129.454C93.9111 125.032 93.6438 121.507 96.4975 *120.365C96.8515 118.357 97.7546 117.598 99.5751 117.222C103.491 116.421 106.453 118.992 109.74 118.537C111.423 118.299 111.358 120.625 110.838 122.041Z"
  *              fill="#263238"></path>
  *              <path
  *              d="M96.4036 121.066L94.5541 119.917C94.7153 119.692 94.9561 119.536 95.2278 119.482C95.4995 119.428 95.7816 119.479 96.0169 119.625C96.2522 119.771 96.4231 120.002 96.4949 120.269C96.5667 120.537 96.5341 120.821 *96.4036 121.066V121.066Z"
  *              fill="#263238"></path>
  *              <path
  *              d="M118.669 140.033C118.669 140.033 110.036 139.534 107.833 139.52C105.629 139.505 103.288 143.269 104.661 145.834C105.571 147.517 108.411 148.095 111.987 148.268C115.563 148.442 119.168 148.442 119.168 148.*442C119.168 148.442 122.383 144.779 118.669 140.033Z"
  *              fill="#455A64"></path>
  *              <path
  *              d="M111.878 148.267C111.878 148.267 106.41 148.194 104.618 145.832C104.618 145.832 105.037 147.277 107.161 148.166C108.683 148.751 110.287 149.097 111.915 149.191L111.878 148.267Z"
  *              fill="#37474F"></path>
  *              <path
  *              d="M138.681 118.258C141.398 117.789 142.532 124.421 139.816 124.883L135.481 125.316C137.244 125.136 136.023 118.973 134.679 119.335L138.681 118.258Z"
  *              fill="#455A64"></path>
  *              <path
  *              d="M56.2153 123.027C54.8829 123.209 53.5265 122.986 52.3229 122.386C51.1193 121.786 50.1245 120.837 49.4682 119.663C48.8119 118.489 48.5247 117.145 48.644 115.806C48.7633 114.466 49.2835 113.193 50.1368 112.154L50.*6069 111.645L80.1725 79.4912L88.4752 90.206L60.4916 120.649L60.0092 121.174C58.9771 122.184 57.6465 122.834 56.2153 123.027V123.027Z"
  *              fill="#455A64"></path>
  *              <path
  *              d="M62.295 98.9357C61.2375 100.261 60.7226 101.938 60.8544 103.628C60.9862 105.319 61.7549 106.896 63.005 108.041C64.2551 109.186 65.8934 109.814 67.5888 109.798C69.2841 109.781 70.91 109.122 72.1377 107.953V107.*953L75.7873 103.976C74.5673 105.182 72.9306 105.874 71.2153 105.908C69.5001 105.941 67.8374 105.315 66.571 104.157C65.3045 103 64.5311 101.401 64.4105 99.6892C64.2899 97.9778 64.8314 96.2856 65.9231 94.9621L62.295 98.9357Z"
  *              fill="#FF7A00"></path>
  *              <path
  *              d="M77.6315 24.6031C75.5283 24.8372 73.4952 25.4985 71.6568 26.5465L80.1311 21.6194C85.8168 17.711 94.0022 17.9422 103.098 23.1871C120.27 33.1064 134.199 57.2289 134.199 77.0674C134.199 86.8132 130.883 93.7776 125.*414 97.0864L125.299 97.1587L116.254 102.368C117.858 101.324 119.256 99.9941 120.379 98.4446C118.15 98.6886 115.897 98.5592 113.711 98.0617C112.916 97.8883 112.114 97.6788 111.298 97.4188C111.404 97.3866 111.508 97.3455 111.608 *97.2959C112.043 97.0924 112.459 96.8506 112.851 96.5735C113.562 96.0779 114.195 95.4789 114.729 94.7963C115.459 93.8616 116.053 92.8277 116.492 91.7259C117.081 91.811 117.674 91.8544 118.269 91.8559C119.675 91.884 121.071 91.*6055 122.358 91.0395C122.659 90.9017 122.951 90.7448 123.232 90.5699C123.485 90.411 123.738 90.2232 123.955 90.0353C124.477 87.5899 124.732 85.0947 124.713 82.5941C124.713 62.7629 110.785 38.6331 93.5976 28.7139C91.4033 27.4338 *89.0782 26.3923 86.6621 25.6073C86.011 25.8733 85.3987 26.2257 84.8415 26.6549C84.2515 27.1075 83.72 27.6317 83.2594 28.2154C82.5267 29.1524 81.9308 30.1886 81.4893 31.293C80.8982 31.2102 80.3019 31.1692 79.7049 31.1702C78.0714 *31.1263 76.4557 31.5178 75.0234 32.3044C74.661 32.502 74.3154 32.7291 73.9903 32.9835C74.1204 32.4056 74.2576 31.8349 74.4238 31.293C75.0764 28.8862 76.1635 26.619 77.6315 24.6031V24.6031Z"
  *              fill="#263238"></path>
  *              <path
  *              d="M71.6569 26.5456L72.1481 26.2783C73.8559 25.3838 75.7155 24.8154 77.6315 24.6022C79.6877 24.3729 81.7672 24.468 83.794 24.8839C84.7703 25.069 85.7352 25.3102 86.6838 25.6064C89.0999 26.3914 91.425 27.4328 93.*6193 28.7129C110.806 38.6321 124.735 62.7619 124.735 82.5932C124.753 85.0938 124.499 87.5889 123.977 90.0344C123.883 90.4751 123.774 90.8941 123.666 91.3131C123.022 93.8702 121.905 96.2839 120.372 98.4292C119.687 99.3733 118.*899 100.238 118.024 101.008C117.465 101.499 116.871 101.949 116.246 102.352C110.575 106.015 102.52 105.697 93.6337 100.553C76.4467 90.634 62.5179 66.5114 62.5179 46.673C62.5251 36.7538 66.0145 29.7822 71.6569 26.5456ZM75.0524 *32.3252C74.6899 32.5227 74.3443 32.7498 74.0193 33.0043C73.4745 33.4467 72.978 33.9456 72.5382 34.4925C70.3709 37.2089 69.2222 41.4352 69.2222 46.6947C69.2222 64.0334 81.9373 86.0826 96.9859 94.7736C100.779 96.941 104.427 98.*1258 107.526 98.1258C108.819 98.141 110.102 97.8953 111.298 97.4034C111.404 97.3712 111.508 97.3301 111.608 97.2805C112.043 97.077 112.459 96.8352 112.851 96.5581C113.338 96.2159 113.789 95.8237 114.195 95.3877V95.3877C114.375 *95.1999 114.549 94.9904 114.722 94.7809C115.452 93.8462 116.046 92.8123 116.485 91.7105C117.585 88.795 118.11 85.6939 118.031 82.5787C118.031 82.3475 118.031 82.1236 118.031 81.8563C117.713 64.5897 105.135 43.0391 90.2816 34.*4708C89.942 34.2758 89.5953 34.0807 89.2485 33.9001C86.8532 32.5621 84.2375 31.6641 81.5255 31.2487C80.9343 31.1659 80.338 31.1249 79.7411 31.1259C78.4556 31.1148 77.1809 31.3604 75.9915 31.8484C75.6657 31.9778 75.3514 32.1349 *75.0524 32.318V32.3252Z"
  *              fill="#455A64"></path>
  *              <path opacity="0.6"
  *              d="M72.1263 44.6863C72.1263 62.0251 84.8414 84.0742 99.89 92.7653C103.683 94.9326 107.324 96.1174 110.431 96.1174C111.721 96.1326 113.001 95.8869 114.195 95.395V95.395C114.375 95.2071 114.549 94.9976 114.722 94.*7881C115.452 93.8534 116.046 92.8196 116.485 91.7177C117.585 88.8023 118.11 85.7012 118.031 82.586C118.031 82.3548 118.031 82.1308 118.031 81.8635C117.713 64.597 105.135 43.0463 90.2815 34.4781C89.9419 34.283 89.5952 34.088 89.*2484 33.9074C86.8531 32.5694 84.2374 31.6714 81.5254 31.256C80.9342 31.1732 80.3379 31.1321 79.741 31.1332C78.4555 31.1221 77.1808 31.3677 75.9914 31.8556C75.7964 32.0507 75.6158 32.2602 75.4424 32.4697C73.275 35.2006 72.1263 *39.4269 72.1263 44.6863Z"
  *              fill="white"></path>
  *            </svg>
  *          </div>
  *        </div>
  *
  *      </div>
  *   </p>
*/
.o-message {
  width: 100%; }

.o-message__column {
  text-align: center; }

.o-message__title {
  margin: 24px 0;
  margin: 1.5rem 0;
  font-size: 24px;
  font-size: 1.5rem;
  color: #2A2C31; }

.o-message__button {
  display: block;
  max-width: 140px;
  max-width: 8.75rem;
  margin: 56px auto 0 auto;
  margin: 3.5rem auto 0 auto; }
  .o-message__button svg {
    position: relative;
    top: 2px;
    top: 0.125rem;
    margin-right: 14px;
    margin-right: 0.875rem;
    transition: all 0.3s ease-in-out; }
  .o-message__button:hover svg {
    transform: translateX(-4px); }

@media screen and (max-width: 768px) {
  .o-message {
    padding-right: 24px;
    padding-right: 1.5rem;
    padding-left: 24px;
    padding-left: 1.5rem; } }

@media screen and (min-width: 768px) {
  .o-message__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .o-message__header {
    margin-right: 32px;
    margin-right: 2rem; }
    .o-message_align-left .o-message__header {
      max-width: 280px;
      max-width: 17.5rem;
      margin-right: 80px;
      margin-right: 5rem;
      text-align: left; } }

/**
 * Class: .c-collapsible
 * @description  Es un acordeón que se expanden al hacer clic en él. Permiten ocultar contenido que no es inmediatamente relevante para el usuario.
 *  ♣ Java script:
 *    ♣ .js-collapsible-control dispara la acción
 *    ♣ .js-collapsible-target elemento colapsable
 *    ♣ .js-collapsible-wrapper calcula el alto del colapsable
 *  ♣ Estados:
 *    ♣ .is-collapsible-open elemento desplegado
 * @molecule Collapsible
 * @section Contenido libre
 * @markup
 *  <div class="js-collapsible" data-js-collapsible-options='{ "firstElemenVisible": true }'>
 *    <article class="js-collapsible-item">
 *      <h2 class="js-collapsible-control">
 *          ¿Qué tipo de transacciones puedo realizar desde mi cuenta de ahorros Empresa?
 *      </h2>
 *      <div class="js-collapsible-target">
 *        <div class="js-collapsible-wrapper"> 
 *         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 *        </div>
 *      </div>
 *    </article>
 *  </div>
 */
.js-collapsible {
  overflow: hidden; }

.js-collapsible-item {
  position: relative;
  z-index: 2; }
  .js-collapsible-item.is-collapsible-opened {
    z-index: 1; }

.js-collapsible-target {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.3s; }
  .is-collapsible-opened .js-collapsible-target {
    opacity: 1;
    visibility: visible;
    overflow: visible; }

.js-collapsible-control {
  cursor: pointer; }

/**
 * Class: u-hidden, display none
 * @atom Ocultar elemento
 * @section Utils
 * @markup
 *  <a href="#" class="i-twitter">
 *    <span class="u-hidden">Twitter</span>
 *  </a>
 */
.u-hidden {
  display: none;
  opacity: 0;
  visibility: hidden; }

.u-overflow_hidden {
  overflow: hidden; }

.u-margin-all-0 {
  margin: 0; }

.u-margin-top-0 {
  margin-top: 0; }

.u-margin-bottom-0 {
  margin-bottom: 0; }

.u-margin-both-24 {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.u-text-aling-center {
  text-align: center; }

.u-text-aling-left {
  text-align: left; }

/**
 * Class: u-hidden-mb, display none
 * @atom Ocultar elemento en Mobile
 * @section Utils
 * @markup
 *  <a href="#" class="i-twitter">
 *    <span class="u-hidden-mb">Twitter</span>
 *  </a>
 */
@media only screen and (max-width: 768px) {
  .u-hidden-mb {
    display: none;
    opacity: 0;
    visibility: hidden; } }

/**
 * Class: u-inherit, Color de texto heredado del color especificado para el texto del bloque padre.
 * @atom Color heredado
 * @section Utils
 * @markup
 *  <p href="#" class="u-inherit">
 *    Color de texto heredado
 *  </p>
 */
.u-inherit {
  color: inherit; }

/**
 * Class: u-inline, Elemento display inline-block
 * @atom Elemento Inline block
 * @section Utils
 * @markup
 *  <p href="#" class="u-inline">
 *    Elemento inline Block
 *  </p>
 */
.u-inline {
  display: inline-block; }

.u-reverse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.u-uppercase {
  text-transform: uppercase; }

.s-richtext br {
  content: "";
  display: block;
  margin-bottom: 16px; }

.s-richtext a {
  position: relative;
  padding: 0;
  color: #0076BA;
  text-decoration: underline;
  text-underline-position: under;
  word-break: break-all; }
  .s-richtext a:focus, .s-richtext a:active {
    color: #0076BA; }

.s-richtext ul,
.s-richtext ol {
  margin-left: 32px;
  margin-top: 24px;
  margin-bottom: 24px; }
  .s-richtext ul ul,
  .s-richtext ul ol,
  .s-richtext ol ul,
  .s-richtext ol ol {
    margin-top: 0;
    margin-bottom: 0; }

.s-richtext li li {
  margin-top: 8px;
  margin-bottom: 8px; }

.s-richtext hr {
  margin-top: 48px;
  margin-bottom: 48px;
  border: 0;
  height: 1px;
  background-color: rgba(156, 161, 174, 0.3); }

.s-richtext h3,
.s-richtext h4,
.s-richtext h5,
.s-richtext h6 {
  margin-top: 32px;
  margin-bottom: 24px; }

.s-richtext h3 {
  line-height: calc(38 / 24);
  font-size: 24px;
  font-size: 1.5rem; }

.s-richtext h4 {
  line-height: calc(34 / 22);
  font-size: 22px;
  font-size: 1.375rem; }

.s-richtext h5 {
  line-height: calc(32 / 20);
  font-size: 20px;
  font-size: 1.25rem; }

.s-richtext div {
  position: relative;
  max-width: 720px;
  max-width: 45rem;
  margin: 16px auto;
  margin: 1rem auto;
  width: 100%;
  height: 405px;
  height: 25.3125rem;
  overflow: hidden; }
  .s-richtext div iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; }

.s-richtext-basic p:not(:first-child),
.s-richtext-basic p:not(:last-child) {
  margin-top: 16px;
  margin-bottom: 16px; }

.richtext-image {
  display: block;
  height: auto; }

.richtext-image.right, .richtext-image.left {
  width: 50%;
  margin: 16px auto; }

.richtext-image.right {
  float: right;
  margin-left: 32px; }

.richtext-image.left {
  float: left;
  margin-right: 32px; }

.richtext-image.full-width {
  width: 80%;
  margin: 40px auto; }

.s-richtext:after,
.richtext-image::after {
  content: "";
  display: table;
  clear: both; }

/*------------------------------------*\
  Media querys
\*------------------------------------*/
@media only screen and (min-width: 768px) {
  .s-richtext h3 {
    line-height: calc(44 / 28);
    font-size: 28px;
    font-size: 1.75rem; }
  .s-richtext h4 {
    line-height: calc(34 / 24);
    font-size: 24px;
    font-size: 1.5rem; }
  .s-richtext h5 {
    line-height: calc(32 / 22);
    font-size: 22px;
    font-size: 1.375rem; } }

.c-header {
  position: relative;
  z-index: 12;
  background-color: #fff;
  height: 90px; }

.c-header__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 85px;
  height: 5.3125rem; }

.c-header__wrap_justify {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end; }

.c-main-menu__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.c-main-menu__search {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .c-main-menu__search::after {
    position: absolute;
    right: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #757983;
    top: 50%;
    transform: translate(0, -50%); }

.c-main-menu__input-search {
  width: 100%;
  padding: 16px 0;
  padding: 1rem 0;
  padding-left: 6px;
  padding-left: 0.375rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  border: none;
  border-bottom: 1px solid #757983;
  color: #757983;
  transition: all .4s ease-in; }

.c-menu-brand {
  margin: 0 auto; }

.c-menu-brand__img {
  max-width: 180px;
  max-width: 11.25rem; }

.c-main-menu__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 16px;
  margin-top: 1rem; }

.c-main-menu,
.c-main-menu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.c-main-menu__navigation,
.c-menu-top {
  opacity: 0;
  transition: all 0.4s ease-in;
  pointer-events: none; }
  .is-open-menu .c-main-menu__navigation, .is-open-menu .c-menu-top {
    opacity: 1;
    pointer-events: visible; }

.c-main-menu__list {
  padding-right: 32px;
  padding-right: 2rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  padding-left: 32px;
  padding-left: 2rem;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style-type: none; }

.c-main-menu__link,
.c-submenu__link {
  display: block;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  color: #080A17;
  font-weight: 600; }
  .c-main-menu__link:hover,
  .c-submenu__link:hover {
    color: #FF7A00;
    cursor: pointer; }

.c-main-menu__link:after {
  display: inline-block;
  margin-left: 8px;
  margin-left: 0.5rem;
  font-size: 12px;
  font-size: 0.75rem;
  transform: rotate(0deg);
  transition: all 0.2s; }

.active .c-main-menu__link {
  color: #FF7A00; }

.is-open .c-main-menu__link::after {
  transform: rotate(-180deg); }

.c-submenu__list,
.c-third-menu__list {
  padding-left: 32px;
  padding-left: 2rem;
  list-style-type: none; }

.c-submenu__close {
  display: none; }

.c-menu-top {
  position: relative;
  z-index: 20; }

.c-menu-top__brand {
  min-width: max-content;
  color: #fff;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.c-menu-top__content {
  margin: 0 auto;
  padding: 24px 32px;
  padding: 1.5rem 2rem; }

.c-menu-top-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  column-gap: 24px; }

.c-menu-top-social__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  column-gap: 24px; }

.c-menu-top__list {
  list-style-type: none; }

.c-menu-top__link {
  display: block;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  color: #fff;
  text-decoration: none;
  font-weight: 400; }
  .c-menu-top__link:hover {
    text-decoration: underline; }

.c-menu-top-social {
  margin-top: 24px;
  margin-top: 1.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.c-menu-top-social__title {
  min-width: max-content;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  color: #fff; }

.c-menu-top-social__title_line {
  display: none; }

.c-menu-top-social__item::before {
  display: block;
  font-size: 40px;
  font-size: 2.5rem;
  color: #fff; }

.c-menu-top-social__item:hover {
  opacity: 0.7; }

.c-megamenu {
  height: 0;
  opacity: 0;
  pointer-events: none; }
  .is-open .c-megamenu {
    height: auto;
    opacity: 1;
    pointer-events: visible; }

.c-menu-burger::before {
  display: block;
  line-height: 1;
  font-size: 32px;
  font-size: 2rem;
  transition: 0.4s;
  transform-origin: center; }

.is-open-menu .c-menu-burger:before {
  content: "";
  font-size: 24px;
  font-size: 1.5rem;
  transform: rotate(-180deg); }

@media only screen and (min-width: 1024px) {
  .c-header {
    height: 180px;
    transition: all 0.4s ease-in; }
  .c-header__wrap {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    -webkit-align-items: initial;
    -moz-align-items: initial;
    align-items: initial;
    cursor: auto; }
  .c-header__wrap_justify {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .c-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    background-color: #fff; }
  .c-main-menu__flex {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    column-gap: 16px;
    column-gap: 1rem; }
  .c-main-menu__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    column-gap: 32px;
    column-gap: 2rem; }
  .c-main-menu__link-search::after {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #000; }
  .c-main-menu__form {
    display: none; }
  .c-main-menu__navigation {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    column-gap: 16px;
    column-gap: 1rem;
    opacity: 1; }
  .c-main-menu__navigation,
  .c-menu-top {
    pointer-events: visible; }
  .c-main-menu__list {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    justify-content: space-evenly;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0; }
  .c-main-menu__item {
    line-height: 1.1;
    text-align: center; }
  .c-main-menu__link,
  .c-submenu__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    column-gap: 8px;
    column-gap: 0.5rem;
    padding-bottom: 0;
    padding-top: 0; }
    .c-submenu .c-main-menu__link, .c-submenu .c-submenu__link {
      margin-bottom: 8px;
      margin-bottom: 0.5rem; }
  .c-menu-top {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 70px;
    max-height: 4.375rem;
    min-height: 70px;
    min-height: 4.375rem;
    opacity: 1; }
  .c-menu-top__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .c-menu-top__navigation,
  .c-menu-top__list {
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
  .c-menu-top__content-list {
    width: 100%; }
  .c-menu-top__content {
    width: 100%;
    padding: 0; }
  .c-menu-top__brand {
    margin-bottom: 0; }
  .c-menu-top__link {
    padding: 0; }
  .c-menu-top-social {
    margin-top: 0; }
  .c-menu-top__navigation,
  .c-menu-top__content,
  .c-menu-top__list,
  .c-menu-top-social,
  .c-menu-top-social__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    column-gap: 24px;
    column-gap: 1.5rem; }
  .c-menu-top-social__item::before {
    font-size: 20px;
    font-size: 1.25rem; }
  .c-main-menu,
  .c-main-menu__list {
    column-gap: 24px;
    column-gap: 1.5rem; }
  .c-menu-top-social__title {
    margin-bottom: 0; }
  .c-menu-top-social__title_line {
    display: inline-block;
    margin-right: 24px;
    margin-right: 1.5rem; }
  .c-megamenu {
    position: absolute;
    left: 0;
    top: -900px;
    z-index: -80;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 0px 0px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -1px, 0);
    transition: all 0.2s; }
    .is-open .c-megamenu {
      top: 134px;
      opacity: 1;
      overflow-y: auto; }
  .c-megamenu__container {
    position: relative;
    max-width: 1200px;
    max-width: 75rem;
    width: 90%;
    margin: 0 auto;
    padding-top: 40px;
    padding-top: 2.5rem;
    padding-bottom: 32px;
    padding-bottom: 2rem; }
  .c-megamenu__close-btn {
    position: absolute;
    top: 12px;
    right: 0; }
  .c-submenu {
    position: relative;
    height: inherit; }
  .c-submenu__close {
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
  .c-submenu__list {
    display: grid;
    justify-items: start;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 24px;
    row-gap: 1.5rem;
    grid-auto-flow: row;
    grid-auto-rows: minmax(100px, auto);
    column-gap: 16px;
    column-gap: 1rem; }
  .c-submenu__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left; }
  .c-submenu__link_no-hover:hover {
    color: #080A17;
    cursor: auto; }
  .c-third-menu {
    margin-top: 24px;
    margin-top: 1.5rem; }
  .c-third-menu__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    row-gap: 1rem;
    padding-left: 0; }
  .c-third-menu__link:hover {
    text-decoration: underline; }
  .c-menu-burger {
    display: none; } }

.active {
  color: #FF7A00; }

@media only screen and (min-width: 1180px) {
  .c-menu_width {
    min-width: 100%; } }

@media only screen and (max-width: 1024px) {
  .c-menu {
    position: absolute;
    top: 0;
    width: 100%;
    height: 80px;
    background-color: #fff;
    overflow: hidden;
    transition: all 0.4s ease-in; }
    .is-open-menu .c-menu {
      overflow: visible;
      height: auto; }
  .c-main-menu {
    padding: 0; }
  .c-megamenu__close-btn {
    display: none; }
  .c-main-menu__link-search {
    display: none; } }

.c-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 400px;
  min-height: 25rem; }

.c-search__wrap,
.c-search__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.c-search__wrap {
  row-gap: 32px;
  row-gap: 2rem; }

.c-search__box {
  row-gap: 8px;
  row-gap: 0.5rem; }

.c-search__box_margin-top32 {
  margin-top: 32px;
  margin-top: 2rem; }

.c-search__label {
  color: #F8F8F8; }

.c-search__wrap-input {
  position: relative;
  width: 100%; }
  .c-search__wrap-input::before {
    position: absolute;
    top: 50%;
    transform: translate(84%, -50%);
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 700; }

.c-search__input {
  width: inherit;
  padding: 18px 46px;
  padding: 1.125rem 2.875rem;
  color: #757983;
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 5px;
  border-radius: 0.3125rem;
  border: none; }

.c-search__footer {
  text-align: center; }

.c-search__cta {
  width: 100%;
  margin-top: 40px;
  margin-top: 2.5rem;
  max-width: 377px;
  max-width: 23.5625rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.c-search__select::before {
  color: #2A2C31; }

.c-search__select select:not([multiple]) {
  background-color: #fff; }

@media only screen and (min-width: 768px) {
  .c-search__wrap {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    column-gap: 24px;
    column-gap: 1.5rem; }
  .c-search__box_first-flex {
    flex: 5 1 auto; }
  .c-search__box_second-flex {
    flex: 1 1 auto; } }

.c-search-result {
  margin-top: 88px;
  margin-top: 5.5rem;
  margin-bottom: 88px;
  margin-bottom: 5.5rem;
  padding: 32px;
  padding: 2rem;
  background-color: #F8F8F8;
  text-align: center; }

.c-search-result_margin-top {
  margin-top: 48px; }

.c-search-result__no-result {
  margin-top: 48px;
  margin-top: 3rem; }

.c-search-result__title_no-result {
  margin: 0 auto;
  font-size: 24px;
  font-size: 1.5rem;
  color: #0D101C; }

.c-search-result__text-no-result {
  font-size: 24px;
  font-size: 1.5rem; }

.c-search-result__paragraph {
  margin-top: 88px;
  margin-top: 5.5rem;
  color: #0D101C; }

@media only screen and (min-width: 1024px) {
  .c-search-result_flex-column {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .c-search-result__title_no-result {
    margin: 0; } }

.c-pre-footer {
  text-transform: uppercase;
  margin-top: 180px;
  margin-top: 11.25rem; }

.c-pre-footer__caption {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff; }

.c-pre-footer__txt_sm {
  display: block;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #FF7A00; }

.c-pre-footer__item {
  font-size: 56px;
  font-size: 3.5rem; }
  .c-pre-footer__item::before {
    transition: all 0.3s ease-in-out; }
  .c-pre-footer__item:hover::before {
    color: #DDE2EA; }

.c-pre-footer__alert {
  padding: 32px 0;
  padding: 2rem 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #fff;
  background-color: #1E212A; }

.c-pre-footer__alert-txt {
  display: block; }

@media screen and (max-width: 991px) {
  .c-pre-footer__alert-wrap .o-btn {
    margin-top: 32px;
    margin-top: 2rem; } }

@media screen and (min-width: 992px) {
  .c-pre-footer__alert-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; } }

@media only screen and (max-width: 767px) {
  .c-pre-footer__top {
    background-size: 0; }
  .c-pre-footer__inner {
    width: 90%;
    max-width: 1200px;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto; }
  .c-pre-footer__caption {
    padding: 48px 0;
    padding: 3rem 0;
    background-color: #000; }
  .c-pre-footer__mask {
    position: relative;
    max-height: 182px;
    max-height: 11.375rem;
    background-repeat: no-repeat;
    background-position: top; }
    .c-pre-footer__mask::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.7); }
  .c-pre-footer__img {
    max-width: 230px;
    max-width: 14.375rem;
    margin-left: 24px;
    margin-left: 1.5rem;
    transform: translateY(-87px); }
  .c-pre-footer__txt_sm {
    padding-right: 24px;
    padding-right: 1.5rem; }
  .c-pre-footer__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-top: 40px;
    margin-top: 2.5rem; } }

@media only screen and (min-width: 768px) {
  .c-pre-footer__canvas,
  .c-pre-footer__mask {
    max-height: 267px;
    max-height: 16.6875rem; }
  .c-pre-footer__canvas {
    width: 90%;
    max-width: 1200px;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto; }
    .c-pre-footer__canvas::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.7); }
  .c-pre-footer__top {
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover; }
  .c-pre-footer__mask {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    background-size: 0; }
  .c-pre-footer__img {
    max-width: 330px;
    max-width: 20.625rem;
    transform: translateY(-64px); }
  .c-pre-footer__caption {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding-left: 40px;
    padding-left: 2.5rem;
    z-index: 2; }
  .c-pre-footer__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .c-pre-footer__txt {
    max-width: 428px;
    max-width: 26.75rem;
    margin-right: 24px;
    margin-right: 1.5rem; }
  .c-pre-footer__txt_sm {
    max-width: 282px;
    max-width: 17.625rem; }
  .c-pre-footer__social {
    height: 57px;
    height: 3.5625rem; }
  .c-pre-footer__item {
    margin-right: 16px;
    margin-right: 1rem; }
  .c-pre-footer__alert-ico {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-right: 40px;
    margin-right: 2.5rem; }
    .c-pre-footer__alert-ico::before {
      content: "?";
      position: relative;
      left: 16px;
      left: 1rem;
      margin-right: 64px;
      margin-right: 4rem;
      font-size: 40px;
      font-size: 2.5rem; }
    .c-pre-footer__alert-ico::after {
      content: "";
      position: absolute;
      left: 0;
      width: 48px;
      width: 3rem;
      height: 48px;
      height: 3rem;
      border: 3px solid #FF7A00;
      border-radius: 12px;
      border-radius: 0.75rem;
      transform: rotate(45deg); } }

.c-main__title {
  font-weight: 700;
  margin-bottom: 0; }

.c-main__title_white {
  display: block;
  color: #fff; }

.c-main__img {
  position: relative;
  opacity: 0; }

.c-main__file {
  position: absolute;
  right: -60px;
  top: -95px; }

.c-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
  padding: 144px 0 80px 0;
  padding: 9rem 0 5rem 0; }

.c-options-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.c-options-select__title {
  color: #2A2C31;
  font-weight: 600; }

.c-options-select__list {
  min-width: 285px;
  min-width: 17.8125rem;
  max-width: 320px;
  max-width: 20rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  padding: 10px 8px;
  padding: 0.625rem 0.5rem;
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #757983;
  color: #757983;
  appearance: revert;
  -webkit-appearance: revert;
  -moz-appearance: revert; }

.c-list {
  list-style-type: none; }

.c-list_w1054 {
  width: 100%;
  max-width: 1054px;
  max-width: 65.875rem;
  margin: 0 auto; }

.c-list__item {
  padding: 16px;
  padding: 1rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  background-color: #fff;
  border-radius: 10px;
  border-radius: 0.625rem; }

.c-list__category {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #2A2C31;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #DDE2EA; }

.c-list__category_f-medium {
  font-weight: 500;
  text-transform: lowercase; }

.c-list__wrap-img {
  display: none; }

.c-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  row-gap: 0.5rem; }

.c-date__item {
  margin-right: 12px;
  margin-right: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem; }
  .c-date__item:before {
    font-size: 16px;
    font-size: 1rem;
    margin-right: 5px;
    margin-right: 0.3125rem; }
  .c-date__item:last-child {
    margin-right: 0; }

.c-list__title {
  margin-top: 8px;
  margin-top: 0.5rem;
  color: #727A95; }

.c-list__title_f16 {
  font-size: 16px;
  font-size: 1rem; }

.c-list__avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem; }

.c-avatar__figure {
  display: inherit;
  height: 29px;
  height: 1.8125rem;
  width: 29px;
  width: 1.8125rem;
  border-radius: 50%;
  overflow: hidden; }

.c-avatar__caption {
  margin-left: 16px;
  margin-left: 1rem; }

.c-avatar__text {
  font-size: 14px;
  font-size: 0.875rem;
  color: #FF7A00;
  font-weight: 700; }

.c-list__description {
  margin-left: 48px;
  margin-left: 3rem; }
  .c-list__description .richtext-image {
    max-width: 440px;
    max-width: 27.5rem; }
  .c-list__description .s-richtext div {
    max-width: 440px;
    max-width: 27.5rem;
    margin: 16px 0 auto;
    margin: 1rem 0 auto;
    height: 270px;
    height: 16.875rem; }

.c-list__description_margin0 {
  margin-left: 0; }

.c-list__cta {
  margin-top: 32px;
  margin-top: 2rem;
  text-align: center; }

.c-list__cta-link::after {
  display: inline-block;
  margin-left: 8px;
  margin-left: 0.5rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-decoration: none; }

.c-list__link {
  text-decoration: none; }
  .c-list__link::after {
    margin-left: 16px;
    margin-left: 1rem;
    font-size: 12px;
    font-size: 0.75rem; }

@media only screen and (min-width: 768px) {
  .c-options {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    justify-content: space-evenly;
    column-gap: 16px;
    flex-wrap: wrap; }
  .c-options__left {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    justify-content: left; }
  .c-container-list {
    margin: 0 16px;
    margin: 0 1rem; }
  .c-list__item {
    padding: 32px;
    padding: 2rem; }
  .c-list__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .c-list__wrap-img {
    display: block;
    min-width: 150px;
    min-width: 9.375rem;
    max-width: 150px;
    max-width: 9.375rem;
    height: 150px;
    height: 9.375rem;
    margin-right: 24px;
    margin-right: 1.5rem; }
  .c-list__category_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .c-list__img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    border-radius: 0.625rem; }
  .c-list__description {
    margin-left: 0; }
  .c-list__content {
    padding-left: 20px;
    padding-left: 1.25rem;
    border-left: 2px solid #FF7A00; }
  .c-list__cta {
    text-align: right; }
  .c-list__cta_left {
    text-align: left; } }

@media only screen and (min-width: 1200px) {
  .c-main__img {
    opacity: 1; } }

.c-pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 48px 0;
  padding: 3rem 0; }

.c-pager__list {
  display: inherit;
  column-gap: 16px;
  column-gap: 1rem;
  list-style-type: none; }

.c-pager__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-width: 32px;
  min-width: 2rem;
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  border: 1px solid #9CA1AE;
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 5px;
  font-weight: 600;
  display: flex;
  transition: all .4s ease-in; }
  .c-pager__link::before {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 700; }
  .c-pager__link:hover {
    color: #FF7A00;
    border-color: #FF7A00; }

.c-pager__link_points {
  border: none;
  color: inherit; }
  .c-pager__link_points:hover {
    color: inherit; }

.active {
  color: #FF7A00;
  border-color: #FF7A00; }

.c-pager__link_arrow:hover {
  color: #9CA1AE;
  border-color: #9CA1AE;
  background-color: #9CA1AE; }
  .c-pager__link_arrow:hover::before {
    color: #fff; }

.c-pager__link_left {
  margin-right: 16px;
  margin-right: 1rem; }

.c-pager__link_right {
  margin-left: 16px;
  margin-left: 1rem; }

@media only screen and (max-width: 400px) {
  .c-pager__list {
    column-gap: 8px;
    column-gap: 0.5rem; } }

.l-footer {
  background-color: #263238;
  color: #fff; }

.l-footer__headline {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2; }

.l-footer__item {
  margin-bottom: 8px;
  margin-bottom: 0.5rem; }

.l-footer__follow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.l-footer__label {
  font-size: 14px;
  font-size: 0.875rem; }

.l-footer__icon {
  margin-right: 16px;
  margin-right: 1rem;
  font-size: 18px;
  font-size: 1.125rem; }
  .l-footer__icon:first-of-type {
    margin-left: 24px;
    margin-left: 1.5rem; }

.l-footer__bottom {
  padding-bottom: 24px;
  padding-bottom: 1.5rem; }

.l-footer__partners {
  padding: 16px 0;
  padding: 1rem 0;
  background-color: #DDE2EA; }

.l-footer__partners-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.l-footer__mask {
  max-width: 167px;
  max-width: 10.4375rem;
  margin-right: 24px;
  margin-right: 1.5rem;
  opacity: 0.4;
  transition: all 0.3s ease-in; }
  .l-footer__mask:hover {
    opacity: 1; }

.l-footer__mask-img {
  max-height: 40px;
  max-height: 2.5rem; }

@media screen and (min-width: 992px) {
  .l-footer__inner {
    padding: 56px 0;
    padding: 3.5rem 0; }
  .l-footer__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .l-footer__brand,
  .l-footer__list {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    margin-right: 32px;
    margin-right: 2rem; }
  .l-footer__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .l-footer__follow {
    margin-right: 24px;
    margin-right: 1.5rem; }
  .l-footer__label p {
    display: inline; } }

@media screen and (max-width: 991px) {
  .l-footer {
    padding: 32px 0 0;
    padding: 2rem 0 0; }
  .l-footer__brand {
    margin-bottom: 32px;
    margin-bottom: 2rem;
    text-align: center; }
  .l-footer__list {
    margin-bottom: 48px;
    margin-bottom: 3rem; }
  .l-footer__headline {
    border-bottom: 1px solid #fff; }
  .l-footer__bottom {
    text-align: center; } }

@media only screen and (max-width: 767px) {
  .l-footer__partners {
    padding-top: 40px;
    padding-top: 2.5rem;
    padding-bottom: calc(40px - 16px); }
  .l-footer__mask {
    margin-right: 32px;
    margin-right: 2rem;
    margin-bottom: 16px;
    margin-bottom: 1rem; } }