@charset "UTF-8";
/*------------------------------------*\
    $STYLE
\*------------------------------------*/
/**
 * Let's define the settings file here, or the partials to be included.
 * This way we can have different .css files compiled with different partials each.
 */
/*------------------------------------*\
    $PARTIALS
\*------------------------------------*/
/**
 * All files to be compiled
 */
/**
* Scss Libraries, mixins, functions and any Scss focused logic
**/
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700;800&display=swap");
@font-face {
  font-family: "Museo Sans";
  src: url("../fonts/MuseoSans-500.eot");
  src: url("../fonts/MuseoSans-500.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans-500.woff2") format("woff2"), url("../fonts/MuseoSans-500.woff") format("woff"), url("../fonts/MuseoSans-500.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("../fonts/MuseoSans-700.eot");
  src: url("../fonts/MuseoSans-700.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans-700.woff2") format("woff2"), url("../fonts/MuseoSans-700.woff") format("woff"), url("../fonts/MuseoSans-700.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans";
  src: url("../fonts/MuseoSans-900.eot");
  src: url("../fonts/MuseoSans-900.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans-900.woff2") format("woff2"), url("../fonts/MuseoSans-900.woff") format("woff"), url("../fonts/MuseoSans-900.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "MeteoconsRegular";
  src: url("../fonts/meteocons/meteocons-webfont.eot");
  src: url("../fonts/meteocons/meteocons-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/meteocons/meteocons-webfont.woff") format("woff"), url("../fonts/meteocons/meteocons-webfont.ttf") format("truetype"), url("../fonts/meteocons/meteocons-webfont.svg#MeteoconsRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------*\
    $SETTINGS
\*------------------------------------*/
/**
 *
 * Define all variables and values to use
 *
 */
/*------------------------------------*\
    $INCLUDED-COMPONENTS
\*------------------------------------*/
/**
 * We can tell the components to use here, `true` for used, `false` unused.
 * Remember you can overwrite this value anywhere else by removing the `!default` property
 */
/*------------------------------------*\
    $BREAKPOINTS
\*------------------------------------*/
/**
 * "Start with the small screen first, then expand until it looks like shit. Time to insert a breakpoint!"
 * Used with mixin `respond-to($breakpoint)`:

.div {
  color: pink;
  @include respond-to(medium) {
    color: maroon;
  }
}
 *
 */
/*
$breakpoints: (
  'small': 			48em,
  'medium': 		56.25em,
  'large': 			68.75em,
) !default;
*/
/*------------------------------------*\
    $Z-INDEX
\*------------------------------------*/
/**
 * We can have control over z-index and not ending up having 900 to infinite.
 * To use this values, we use the `z($layers)` function:
 .element {
  z-index: z(goku);
 }
 *
 */
/*------------------------------------*\
    $DIR
\*------------------------------------*/
/**
 * Sometimes we change image dir from develop to production:
 */
/*
 * In case we use local fonts (I use them fewer and fewer lately)
 */
/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/**
 * Constant layout values, apart from these we can also declare values
 * for different blocks sizes and more.
 */
/*------------------------------------*\
    $GRID
\*------------------------------------*/
/**
 * These are the variables we use for our Grid
 */
/*------------------------------------*\
    $FONT-FACE
\*------------------------------------*/
/**
 * Fonts definitions
 */
/*
 * Font Size variables are defined in a Scss MAP, this MAP will create
 * a class (in `utilities.scss`) for every size with the value in REM units, you can check
 * `utilities.scss` if you need to change the loop:

  .x-small { font-size: .8rem}

 * We also have a function to assign font sizes, call `fs`:

    .selector { font-size: fs(f_10);}

 *
 */
/*------------------------------------*\
    $COLORS
\*------------------------------------*/
/**
 * Brand colors
 */
/**
* Grey Scale
* This is mainly to hold back designers from adding 200 different greys ;)
*/
/**
* Colors Map
* We may also need a map with all these colors, to create classes.
*/
/*------------------------------------*\
    $TEXTURAS
\*------------------------------------*/
/**
 * Definimos Colores y elementos de popups, mensajes de alerta, etc...
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/*
* Fácil de usar: las variables a usar están en settings.scss y son:

    'small'  : 48em,
    'medium' : 56.25em,
    'large'  : 68.75em,

* Y el uso va como sigue:

.foo {
  color: red;
  @include respond-to('mobile') {
    color: blue;
  }
}
*/
/**
* Centrar y dar un ancho máximo igual a $pagemaxwidth.
*/
/*------------------------------------*\
    $FUNCTIONS
\*------------------------------------*/
/*
 * Function to control Index values

 	.selector { z-index: z(goku);}

 * Compiles to:

	.selector { z-index: 9001;}

 * You can see the current values and variables in settings.scss
 */
/*
 * Function to keep font size consistent

 .selector { font-size: fs(f_10);}

 * You can see the current values and variables in settings.scss
 */
/*
 * Function to use colors in our Scss

 .selector { font-size: fs(f_10);}

 * You can see the current values and variables in settings.scss
 */
/**
* Base
**/
/*------------------------------------*\
    $CONTENIDO
\*------------------------------------*/
/**
 * Contenido..................... Esto que lees

 * Variables..................... Configuramos todas las variables del framework

 * Mixins........................ Mixins de SASS

 * Helpers....................... Clases de ayuda

 * Reset......................... Reinicio de valores CSS

 * Fuentes....................... Fuentes que vamos a importar

 * Links......................... Formas y estilos de los links

 * Tablas........................ Estilos de las tablas

 * Botones....................... Estilos de Botones, skins y variantes

 * Elementos..................... Elementos varios como Imagen, HR, etc...

 * Tipografía.................... Encabezados, small, párrafos, listas, etc...

 * Navegación.................... Una navegación, por si quieres usar esta y no la tuya propia

 * Formularios................... Estilos de todos los elementos de formularios y sus variantes

 * Sitio......................... Aquí escribes tus estilos para la web se vea como tú quieres ;)

 * Paginación.................... Estilos básicos para las paginaciones

 * Texturas...................... Badges, cajas y wells

 * Breakpoints................... Importamos breakpoints basados en las variables @bp$

 * Patron........................ Estilos para la guía de patrones
 */
/*------------------------------------*\
    $RESET
\*------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, main, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

/**
* HTML elements
**/
/*------------------------------------*\
    $ELEMENTOS-FIGURE
\*------------------------------------*/
figure {
  margin-bottom: 1.2;
}
figure img {
  margin-bottom: 0.3;
}
figure figcaption {
  display: block;
  font-weight: normal;
  font-size: 0.75rem;
  font-style: italic;
  color: rgb(76.5, 76.5, 76.5);
}

/*------------------------------------*\
    $FORMULARIOS
\*------------------------------------*/
form {
  margin: 0 0 1.2 0;
}
form fieldset {
  margin-bottom: 1.2;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 2.4;
  padding: 0;
  color: rgb(76.5, 76.5, 76.5);
  border: 0;
  border-bottom: 1px solid rgb(191.25, 191.25, 191.25);
  white-space: normal;
}
form legend small {
  font-size: 0.625rem;
  color: rgb(191.25, 191.25, 191.25);
}
form p {
  margin-bottom: 0.6;
}
form ul {
  list-style-type: none;
  margin: 0 0 1.2 0;
  padding: 0;
}
form br {
  display: none;
}

label,
input,
button,
select,
textarea {
  font-size: 0.625rem;
  border-radius: 3px;
  vertical-align: baseline;
}

input,
button,
select,
textarea {
  font-family: "Noto Sans", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

label {
  display: inline-block;
  margin-bottom: 0.15;
  font-family: 0.625rem;
  font-weight: bold;
  color: rgb(76.5, 76.5, 76.5);
  cursor: pointer;
}

input,
textarea {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 4px;
  margin-bottom: 1.2;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(191.25, 191.25, 191.25);
  color: rgb(76.5, 76.5, 76.5);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input:hover,
textarea:hover {
  border-color: rgb(160.5, 160.5, 160.5);
}

select {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 4px;
  margin-bottom: 1.2;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(191.25, 191.25, 191.25);
  color: rgb(76.5, 76.5, 76.5);
}
select:hover {
  border-color: rgb(160.5, 160.5, 160.5);
}

.input-small {
  width: 60px;
}

.input-medium {
  width: 150px;
}

.input-big {
  width: 300px;
}

input[type=image] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  line-height: normal;
  cursor: pointer;
}

input[type=checkbox],
input[type=radio] {
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0 3px 0 0;
  line-height: normal;
  cursor: pointer;
  background-color: rgb(255, 255, 255);
}
input[type=checkbox]:checked,
input[type=radio]:checked {
  background-color: rgb(191.25, 191.25, 191.25);
  border-color: rgb(255, 255, 255);
  border-width: 1px;
  box-shadow: 0 0 0 1px rgb(191.25, 191.25, 191.25);
}
input[type=checkbox] + label,
input[type=radio] + label {
  margin-right: 24px;
}

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

label input[type=checkbox],
label input[type=radio] {
  margin-right: 6px;
}

input[type=image] {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type=file] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type=button],
input[type=reset],
input[type=submit] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
}

textarea {
  resize: vertical;
  overflow: auto;
  height: auto;
  overflow: auto;
  vertical-align: top;
}

input[type=hidden] {
  display: none;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}

input:focus,
textarea:focus {
  border-color: #D6001A, 40%;
  box-shadow: 0 0 1px 1px rgb(191.25, 191.25, 191.25);
  outline: none;
}

::-webkit-input-placeholder {
  font-size: 0.75rem;
}

input:-moz-placeholder {
  font-size: 0.75rem;
}

/**
* Validamos los formularios que son "required":
* http://coolvillage.es/ayuda-al-usuario-a-rellenar-formularios-con-css/
*/
input:required:focus:invalid {
  background-color: rgb(253.5, 241.5, 231);
  border: 1px solid rgb(252, 228, 207);
}

input:required:focus:valid {
  background-color: rgb(232.7627118644, 245.2372881356, 232.7627118644);
  border: 1px solid rgb(91, 183, 91);
}

/*------------------------------------*\
    $BOTONES
\*------------------------------------*/
/*
 * Definimos los botones y sus variantes
 */
/**
* .btn es la clase principal para definir un botón
*/
.btn--blanco, .btn--whatsapp, .btn--gris, .btn--naranja, .cont_boton_editar, .btn--primary, .btn--success, .btn--warning, .btn--error, .btn--info, .btn--disabled {
  display: inline-block;
  line-height: 2.4;
  color: rgb(76.5, 76.5, 76.5);
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  white-space: nowrap;
  background-color: transparent;
  border-top: 1px solid currentcolor;
  border-right: 1px solid currentcolor;
  border-bottom: 2px solid currentcolor;
  border-left: 1px solid currentcolor;
  cursor: pointer;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 1em;
  padding-left: 1em;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  /**
  	* Nadie quiere un botón con texto subrayado cuando
  	* hacemos hover.
  	*/
}
.btn--blanco:hover, .btn--whatsapp:hover, .btn--gris:hover, .btn--naranja:hover, .cont_boton_editar:hover, .btn--primary:hover, .btn--success:hover, .btn--warning:hover, .btn--error:hover, .btn--info:hover, .btn--disabled:hover {
  text-decoration: none;
  color: rgb(76.5, 76.5, 76.5);
}
.btn--blanco:active, .btn--whatsapp:active, .btn--gris:active, .btn--naranja:active, .cont_boton_editar:active, .btn--primary:active, .btn--success:active, .btn--warning:active, .btn--error:active, .btn--info:active, .btn--disabled:active, .btn--blanco:focus, .btn--whatsapp:focus, .btn--gris:focus, .btn--naranja:focus, .cont_boton_editar:focus, .btn--primary:focus, .btn--success:focus, .btn--warning:focus, .btn--error:focus, .btn--info:focus, .btn--disabled:focus {
  outline: none;
}
.btn--blanco:visited, .btn--whatsapp:visited, .btn--gris:visited, .btn--naranja:visited, .cont_boton_editar:visited, .btn--primary:visited, .btn--success:visited, .btn--warning:visited, .btn--error:visited, .btn--info:visited, .btn--disabled:visited {
  color: rgb(76.5, 76.5, 76.5);
}

/*------------------------------------*\
    $BOTONES-VARIANTES
\*------------------------------------*/
/**
 * Variantes de los botones: color para dar sensaciones.
 *
 */
/**
* Inputs con estilo de botones
*/
input[type=submit].btn:hover {
  border-color: currentcolor;
}

/**
* Botón no disponible
*/
.btn--disabled {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
  background-color: rgb(242.25, 242.25, 242.25);
}

/**
* Botón de Info
*/
.btn--info {
  background-color: rgb(66, 184, 221);
  color: rgb(255, 255, 255);
}
.btn--info:hover {
  color: rgb(66, 184, 221);
  background-color: rgb(255, 255, 255);
}
.btn--info:visited {
  background-color: rgb(66, 184, 221);
}

/**
* Botón de Error
*/
.btn--error {
  color: rgb(218, 79, 73);
}
.btn--error:hover {
  color: rgb(218, 79, 73);
}
.btn--error:visited {
  color: rgb(218, 79, 73);
}

/**
* Botón de advertencia
*/
.btn--warning {
  color: rgb(231, 135, 48);
}
.btn--warning:hover {
  color: rgb(231, 135, 48);
}
.btn--warning:visited {
  color: rgb(231, 135, 48);
}

/**
* Botón de OK
*/
.btn--success {
  color: rgb(91, 183, 91);
}
.btn--success:hover {
  color: rgb(91, 183, 91);
}
.btn--success:visited {
  color: rgb(91, 183, 91);
}

/**
* Botón principal
*/
.btn--primary {
  background-color: #D6001A;
  color: rgb(255, 255, 255);
}
.btn--primary:hover {
  color: rgb(255, 255, 255);
}
.btn--primary:visited {
  color: rgb(255, 255, 255);
}

/*------------------------------------*\
    $BOTONES-TAMAÑOS
\*------------------------------------*/
/**
 * Variantes de los botones por tamaño.
 *
 */
.btn--mini {
  padding-right: 0.5em;
  padding-left: 0.5em;
  line-height: 1.5;
  font-size: 0.625rem;
}

.btn--small {
  padding-right: 1.5em;
  padding-left: 1.5em;
  line-height: 2;
  font-size: 0.75rem;
}

.btn--large {
  padding-right: 3em;
  padding-left: 3em;
  line-height: 3;
  font-size: 1.5rem;
}

/*------------------------------------*\
    $BOTONES-GRUPOS
\*------------------------------------*/
/**
 * Con esta clase podemos agrupar los botones
 * en grupos horizontales.
 *
 */
.btn-group {
  position: relative;
}
.btn-group [class^=btn--], .btn-group [class*=" btn--"] {
  position: relative;
  border-radius: 0;
  float: left;
  margin-left: -1px;
}
.btn-group [class^=btn--]:first-child, .btn-group [class*=" btn--"]:first-child {
  margin-left: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.btn-group [class^=btn--]:last-child, .btn-group [class*=" btn--"]:last-child {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

/*------------------------------------*\
    $IMÁGENES
\*------------------------------------*/
.img--rounded {
  border-radius: 12px;
}

.img--polaroid {
  padding: 12px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(242.25, 242.25, 242.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.img--circle {
  border-radius: 100%;
}

/*------------------------------------*\
    $LINKS
\*------------------------------------*/
a {
  text-decoration: none;
  color: color-brand(color-brand);
}
a:visited {
  color: color-brand(color-brand);
}
a:hover {
  text-decoration: underline;
  color: color-brand(color-brand);
}
a:focus {
  outline: thin dotted;
  color: color-brand(color-brand);
}
a:hover, a:active {
  outline: 0;
}

/*------------------------------------*\
    $TIPOGRAFÍA
\*------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Noto Sans", sans-serif;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1.altheader,
h2.altheader,
h3.altheader,
h4.altheader,
h5.altheader,
h6.altheader {
  color: rgb(76.5, 76.5, 76.5);
  text-transform: uppercase;
  display: block;
}

h1, .h1 {
  margin-bottom: 0;
  font-size: 2.5rem;
  line-height: 1.2;
}

h2, .h2 {
  margin-bottom: 0;
  font-size: 2.4rem;
  line-height: 1.2;
}

h3, .h3 {
  margin-bottom: 0;
  font-size: 2.1rem;
  line-height: 1.2;
}

h4, .h4 {
  margin-bottom: 0;
  font-size: 1.8rem;
  line-height: 1.2;
}

h5, .h5 {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 1.2;
}

h6, .h6 {
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 1.2;
}

p,
ol,
ul,
dl,
address {
  margin-bottom: 1.2;
  line-height: 1.2;
}

small {
  font-size: 0.625rem;
  color: rgb(76.5, 76.5, 76.5);
}

ul,
ol {
  margin: 0 0 1.2 0;
  padding: 0 0 0 24px;
}

li ul,
li ol {
  margin: 0;
}

blockquote {
  margin: 0 0 1.2 0;
  padding-left: 24px;
  border-left: 2px solid rgb(242.25, 242.25, 242.25);
  font-family: "Roboto", sans-serif;
  font-style: normal;
}
blockquote p {
  font-size: 0.75rem;
  color: rgb(76.5, 76.5, 76.5);
  font-style: italic;
  line-height: 1.5;
}

q {
  quotes: none;
  font-style: italic;
}

blockquote p::before,
blockquote p::after,
q:before,
q:after {
  content: "";
}

cite {
  font-style: normal;
}

dl,
dd {
  margin-bottom: 1.2;
}

dt {
  font-weight: bold;
}

.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 22.78%;
}

abbr[title] {
  border-bottom: 1px dotted rgb(242.25, 242.25, 242.25);
  cursor: help;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

ins {
  background-color: white;
  color: rgb(76.5, 76.5, 76.5);
  text-decoration: none;
}

mark {
  background-color: yellow;
  color: rgb(76.5, 76.5, 76.5);
}

pre,
code,
kbd,
samp {
  font-family: "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1.2;
}

code {
  background-color: #f5f2f0;
  padding: 0.1em 0.3em;
  border-radius: 3px;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

sub,
sup {
  position: relative;
  font-size: 0.625rem;
  line-height: 0;
  vertical-align: 1.2;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

hr {
  clear: both;
  display: block;
  margin: 1.2 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid rgb(242.25, 242.25, 242.25);
}

.intro {
  font-weight: bold;
}

/*
 * Creamos clases para cada uno de los tamaños de fuentes. Se pueden ver en Settings.
 * Son los nombres de las varables con el prefijo font-
 * Por ejemplo:

        .font-x-small {
            font-size: .8rem;
        }


 */
.font-f_8 {
  font-size: 0.5rem;
}

.font-f_9 {
  font-size: 0.5625rem;
}

.font-f_10 {
  font-size: 0.625rem;
}

.font-f_11 {
  font-size: 0.6875rem;
}

.font-f_12 {
  font-size: 0.75rem;
}

.font-f_13 {
  font-size: 0.8125rem;
}

.font-f_14 {
  font-size: 0.875rem;
}

.font-f_15 {
  font-size: 0.9375rem;
}

.font-f_16 {
  font-size: 1rem;
}

.font-f_17 {
  font-size: 1.063rem;
}

.font-f_18 {
  font-size: 1.125rem;
}

.font-f_20 {
  font-size: 1.25rem;
}

.font-f_21 {
  font-size: 1.3125rem;
}

.font-f_22 {
  font-size: 1.375rem;
}

.font-f_24 {
  font-size: 1.5rem;
}

.font-f_26 {
  font-size: 1.625rem;
}

.font-f_28 {
  font-size: 1.75rem;
}

.font-f_30 {
  font-size: 1.875rem;
}

.font-f_32 {
  font-size: 2rem;
}

.font-f_34 {
  font-size: 2.125rem;
}

.font-f_36 {
  font-size: 2.25rem;
}

.font-f_38 {
  font-size: 2.375rem;
}

.font-f_40 {
  font-size: 2.5rem;
}

.font-f_42 {
  font-size: 2.625rem;
}

.font-f_44 {
  font-size: 2.75rem;
}

.font-f_46 {
  font-size: 2.875rem;
}

.font-f_48 {
  font-size: 3rem;
}

.font-f_50 {
  font-size: 3.125rem;
}

.font-f_52 {
  font-size: 3.25rem;
}

.font-f_60 {
  font-size: 3.75rem;
}

.font-f_64 {
  font-size: 4rem;
}

.font-f_65 {
  font-size: 4.063rem;
}

.font-f_70 {
  font-size: 4.375rem;
}

/*------------------------------------*\
    $TABLAS
\*------------------------------------*/
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.2;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}
table th,
table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid rgb(76.5, 76.5, 76.5);
  font-size: 0.75rem;
  line-height: 1.2;
  text-align: left;
}
table th {
  font-weight: bold;
}
table thead th {
  vertical-align: bottom;
}
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid rgb(76.5, 76.5, 76.5);
}
table tbody tr td,
table tbody tr th {
  -webkit-transition: background-color 0.25s 0 linear;
  -moz-transition: background-color 0.25s 0 linear;
  -ms-transition: background-color 0.25s 0 linear;
  -o-transition: background-color 0.25s 0 linear;
  transition: background-color 0.25s 0 linear;
}
table tbody tr:hover td,
table tbody tr:hover th {
  background-color: rgb(242.25, 242.25, 242.25);
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid rgb(76.5, 76.5, 76.5);
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid rgb(76.5, 76.5, 76.5);
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: rgb(242.25, 242.25, 242.25);
}

.progress {
  display: flex;
  cursor: pointer;
  position: relative;
  height: 2.063rem;
  width: 100%;
  overflow: hidden;
  font-size: 1rem;
  background-color: rgb(255, 255, 255);
  margin-bottom: 20px;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #D6001A;
  transition: width 0.6s ease;
}
.progress-bar .opcion, .progress-bar .valor {
  position: absolute;
  color: rgb(33, 33, 33);
}
.progress-bar .opcion {
  left: 15px;
}
.progress-bar .valor {
  right: 15px;
  display: none;
}

.progress-bar.progress-secundario {
  background-color: #CBCBCB;
}

/*Style for the first level menu bar*/
ul.dropdown {
  position: relative;
  top: 0;
  width: 100%;
  height: 3em;
  font-size: 1rem;
  margin: 0;
  padding: 0 10px;
}
ul.dropdown > li {
  float: left;
  list-style-type: none;
  position: relative;
}
ul.dropdown label {
  position: relative;
  display: block;
  padding: 0 18px 0 12px;
  line-height: 3em;
  cursor: pointer;
}
ul.dropdown label img {
  width: 40px;
  height: 40px;
}
ul.dropdown label:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 5px;
  width: 0;
  height: 0;
  border-top: 4px solid rgba(255, 255, 255, 0.5);
  border-bottom: 0 solid rgba(255, 255, 255, 0.5);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  transition: border-bottom 0.1s, border-top 0.1s 0.1s;
}
ul.dropdown input:checked ~ label:after {
  border-top: 0 solid rgba(255, 255, 255, 0.5);
  border-bottom: 4px solid rgba(255, 255, 255, 0.5);
  transition: border-top 0.1s, border-bottom 0.1s 0.1s;
}
ul.dropdown input:checked ~ ul.submenu {
  max-height: 300px;
  transition: max-height 0.5s ease-in;
}
ul.dropdown input {
  display: none;
}
ul.dropdown {
  /*hide the inputs*/
  /*show the second levele menu of the selected voice*/
  /*style for the second level menu*/
}
ul.dropdown ul.submenu {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
  background: #444;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  transition: max-height 0.5s ease-out;
  position: absolute;
  min-width: 100%;
  z-index: 999;
}
ul.dropdown ul.submenu li a {
  display: block;
  padding: 12px;
  color: #ddd;
  text-decoration: none;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.5) inset;
  transition: background 0.3s;
  white-space: nowrap;
}
ul.dropdown ul.submenu li a:hover {
  background: rgba(0, 0, 0, 0.3);
}

.chevron:before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 0.65em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 0.65em;
  border-color: #989898;
}

.chevron.right:before {
  left: 0;
  transform: rotate(45deg);
}

.chevron.left:before {
  left: 0.25em;
  transform: rotate(-135deg);
}

.chevron.bottom:before {
  top: 0;
  transform: rotate(135deg);
}

.dropdown_list {
  position: relative;
  display: inline-block;
}
.dropdown_list .dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
.dropdown_list .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.dropdown_list .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown_list .dropdown-content a:hover {
  background-color: #ddd;
}
.dropdown_list:hover .dropdown-content {
  display: block;
}
.dropdown_list:hover .dropbtn {
  background-color: #3e8e41;
}

/**
* Vendor elements
**/
.ph-item, .ph-item *,
.ph-item ::after, .ph-item ::before {
  box-sizing: border-box;
}
.ph-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 15px 15px 15px;
  overflow: hidden;
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid rgb(229.5, 229.5, 229.5);
  border-radius: 2px;
}
.ph-item::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  animation: phAnimation 0.8s linear infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
}
.ph-item > * {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  padding-right: 15px;
  padding-left: 15px;
}

.ph-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7.5px;
}
.ph-row div {
  height: 10px;
  margin-bottom: 7.5px;
  background-color: #ced4da;
}
.ph-row .big, .ph-row.big div {
  height: 20px;
  margin-bottom: 15px;
}
.ph-row .empty {
  background-color: rgba(255, 255, 255, 0);
}

.ph-col-2 {
  flex: 0 0 16.6666666667%;
}

.ph-col-4 {
  flex: 0 0 33.3333333333%;
}

.ph-col-6 {
  flex: 0 0 50%;
}

.ph-col-8 {
  flex: 0 0 66.6666666667%;
}

.ph-col-10 {
  flex: 0 0 83.3333333333%;
}

.ph-col-12 {
  flex: 0 0 100%;
}

.ph-avatar {
  position: relative;
  width: 100%;
  min-width: 60px;
  background-color: #ced4da;
  margin-bottom: 15px;
  border-radius: 50%;
  overflow: hidden;
}
.ph-avatar::before {
  content: " ";
  display: block;
  padding-top: 100%;
}

.ph-picture {
  width: 100%;
  height: 120px;
  background-color: #ced4da;
  margin-bottom: 15px;
}

@keyframes phAnimation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger-box {
  width: 25px;
  height: 16px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 25px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -7px;
  width: 25px;
}
.hamburger-inner::after {
  bottom: -7px;
  width: 15px;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 50px;
}
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 50px;
}
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  perspective: 50px;
}
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  perspective: 50px;
}
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  perspective: 50px;
}
.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
  perspective: 50px;
}
.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-5px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-5px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(5px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(5px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(5px, -6.25px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -14px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top: -14px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 7px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 14px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(-270deg);
  transition-delay: 0.075s;
  width: 25px;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top: 7px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 14px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
  top: 7px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -50px;
  top: -50px;
  transform: translate3d(50px, 50px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -50px;
  top: -50px;
  transform: translate3d(-50px, 50px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 7px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -50px;
  top: 50px;
  transform: translate3d(50px, -50px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -50px;
  top: 50px;
  transform: translate3d(-50px, -50px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 1px;
}
.hamburger--slider .hamburger-inner::before {
  top: 7px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 14px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-3.5714285714px, -5px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 1px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 7px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 14px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(3.5714285714px, -5px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 1px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 7px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 14px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 7px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -14px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-ms-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-moz-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-ms-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-o-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-ms-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-ms-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-ms-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-ms-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-ms-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@-ms-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-ms-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-ms-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-ms-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-ms-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-ms-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-ms-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}
@-moz-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}
@-ms-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}
@-o-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}
@keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}
@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-moz-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-ms-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-o-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}
@-moz-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}
@-ms-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}
@-o-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}
@keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}
@-webkit-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-moz-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-ms-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-o-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-webkit-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}
@-ms-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}
@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}
@-ms-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}
@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-moz-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-ms-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-o-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-ms-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-webkit-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-ms-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-ms-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-webkit-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-ms-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-moz-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-ms-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-o-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-ms-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-ms-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-ms-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-ms-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-moz-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-ms-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-o-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-moz-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-ms-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-o-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-moz-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-ms-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-o-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-ms-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-o-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
  }
}
@-moz-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
  }
}
@-ms-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
  }
}
@-o-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
  }
}
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
  }
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@-ms-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-ms-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@-moz-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@-ms-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@-o-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@-webkit-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@-moz-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@-ms-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@-o-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@-moz-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@-ms-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@-o-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@-webkit-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@-moz-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@-ms-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@-o-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-moz-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-ms-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-o-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}
@-moz-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}
@-ms-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}
@-o-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}
@-moz-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}
@-ms-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}
@-o-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}
@-webkit-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-moz-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-ms-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-o-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url("..//img/estructura/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/../fonts/slick.eot");
  src: url("/../fonts/slick.eot?#iefix") format("embedded-opentype"), url("/../fonts/slick.woff") format("woff"), url("/../fonts/slick.ttf") format("truetype"), url("/../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: white;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.PrevArrow {
  position: absolute;
  cursor: pointer;
  top: 25%;
  left: 1px;
  width: 30px;
  height: 70px;
  color: #fff;
  font-size: 1.875rem;
  background-color: #E20000;
  border: 1px solid #949494;
  text-align: center;
  z-index: 5;
  padding: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.NextArrow {
  position: absolute;
  cursor: pointer;
  top: 25%;
  right: 1px;
  width: 30px;
  height: 70px;
  color: #fff;
  border: 1px solid #949494;
  background-color: #E20000;
  font-size: 1.875rem;
  text-align: center;
  z-index: 5;
  padding: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.slick-slider {
  overflow: hidden;
  cursor: pointer;
}

.slick-next {
  right: 0px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 5px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: #e5e5e5;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: transparent;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  background: #D6001A;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px;
}

/**
* Layout and general styles
**/
/*------------------------------------*\
    $SITIO
\*------------------------------------*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
html {
  background: rgb(255, 255, 255);
  font-size: 87.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  /* background-color : #F5F5F5; */
  font-family: "Noto Sans", sans-serif;
  line-height: 1.2;
  color: rgb(76.5, 76.5, 76.5);
}

/**
* A partir de aquí es donde debes escribir los estilos de posicionamiento
* y detalles que forman tu web. Disfruta!
*/
html {
  font-size: 16px;
}

a {
  color: inherit;
  cursor: pointer;
}

a, button {
  outline: none !important;
}
a:active, a:focus, a:hover, button:active, button:focus, button:hover {
  text-decoration: none;
}

ul {
  padding: 0;
}

blockquote {
  -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  padding: 20px 10px;
  font-weight: bold;
  text-align: center;
}

.icon {
  display: inline-block;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  vertical-align: middle;
}

.gif_cont {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  clear: left;
  width: 100%;
}
.video-wrapper iframe, .video-wrapper video, .video-wrapper img, .video-wrapper a, .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
}

.fb-video {
  background-color: black;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.nota-marco {
  -webkit-box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.3);
  -webkit-border-top-right-radius: 0.1875rem;
  -webkit-border-bottom-right-radius: 0.1875rem;
  -webkit-border-bottom-left-radius: 0.1875rem;
  -webkit-border-top-left-radius: 0.1875rem;
  -moz-border-radius-topright: 0.1875rem;
  -moz-border-radius-bottomright: 0.1875rem;
  -moz-border-radius-bottomleft: 0.1875rem;
  -moz-border-radius-topleft: 0.1875rem;
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.nota-borde {
  border: 1px solid #e5e5e5;
}

.contenedor {
  overflow: hidden;
}

.contenedor__publicidad {
  margin: 1rem auto;
  overflow: hidden;
}
.contenedor__publicidad .contenedor__publicidad {
  text-align: center;
}
.contenedor__publicidad .contenedor__publicidad * {
  margin: auto;
}
.contenedor__publicidad .view_mobile {
  width: 100%;
}

.cont_mediakit {
  max-width: 970px;
  margin: auto;
  padding: 10px 0;
}
.cont_mediakit .mediakit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cont_mediakit .mediakit p {
  font-size: 1.125rem;
  width: 100%;
  text-align: center;
}
.cont_mediakit .mediakit p span {
  font-size: 1rem;
}
.cont_mediakit .mediakit.ocupado {
  border: 1px dashed red;
}
.cont_mediakit .mediakit.ocupado p {
  color: red;
}
.cont_mediakit .mediakit.libre {
  border: 1px dashed green;
}
.cont_mediakit .mediakit.libre p {
  color: green;
}

.fb_iframe_widget_fluid_desktop iframe {
  width: 100%;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    height: 0;
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    height: 0;
  }
}
.interstitial-container {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1000;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.interstitial-container.OM {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  align-items: center;
}
.interstitial-container.OM .interstitial-inner .interstitial-next {
  bottom: unset;
  right: 20px;
  top: 20px;
}
.interstitial-container.interstitial-close {
  margin: 0;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-fill-mode: forwards;
  overflow: hidden;
}
.interstitial-container .interstitial-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
}
.interstitial-container .interstitial-inner .interstitial-next {
  cursor: pointer;
  position: absolute;
}
.interstitial-container .interstitial-nav {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.interstitial-container .interstitial-nav p {
  margin-bottom: 0;
}
.interstitial-container .interstitial-next {
  cursor: pointer;
  background: #313133;
  border: 0;
  padding: 8px 14px;
  border-radius: 10px;
}
.interstitial-container .interstitial-next span {
  font-size: 14px;
  line-height: 0;
  color: white;
  font-weight: bold;
}
@media (min-width: 992px) {
  .interstitial-container .interstitial-next {
    padding: 10px 16px;
  }
  .interstitial-container .interstitial-next span {
    font-size: 16px;
  }
}

.interstitial-mobile {
  display: none;
}

.interstitial-desktop {
  display: block;
}

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

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #D6001A;
  z-index: 9009;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 1s;
}
.loading .contenedor {
  animation: pulse 2s infinite;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  padding: 20px;
  text-align: center;
  width: 180px;
}
.loading.hidden {
  opacity: 0;
  pointer-events: none;
}

.lazyload {
  /*visibility: hidden;*/
}

.cont_boton_editar {
  z-index: 900;
  background-color: rgb(66, 184, 221);
  color: rgb(255, 255, 255);
  line-height: 1.8;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.cont_boton_editar:hover {
  color: rgb(242.25, 242.25, 242.25);
}
.cont_boton_editar:visited {
  background-color: rgb(66, 184, 221);
}

.cont_boton_publi {
  z-index: 900;
  line-height: 1.8;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  white-space: nowrap;
  padding: 0 1rem;
  background-clip: padding-box;
}
.cont_boton_publi.libre {
  border: 1px dashed green;
  color: green;
}
.cont_boton_publi.ocupado {
  border: 1px dashed red;
  color: red;
}

.iframelive {
  width: 100%;
  max-height: 100%;
}

.mustang {
  text-align: center;
}
.mustang a:focus, .mustang a:hover {
  text-decoration: none;
}
.mustang a {
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
}
.mustang a img {
  width: 30px;
  margin-right: 5px;
}

.btn--naranja {
  background-color: #D6001A;
  color: rgb(255, 255, 255);
}
.btn--naranja:hover {
  background-color: #D6001A;
  color: rgb(255, 255, 255);
}
.btn--naranja:visited {
  background-color: #D6001A;
  color: rgb(255, 255, 255);
}

.btn--gris {
  background-color: #817F7C;
  color: rgb(255, 255, 255);
}
.btn--gris:hover {
  background-color: #817F7C;
  color: rgb(255, 255, 255);
}
.btn--gris:visited {
  background-color: #817F7C;
  color: rgb(255, 255, 255);
}

.btn--whatsapp {
  background-color: #23cc3d;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: none;
}
.btn--whatsapp .icon {
  width: 20px;
  height: 20px;
}
.btn--whatsapp:hover {
  background-color: #23cc3d;
  color: rgb(255, 255, 255);
}
.btn--whatsapp:visited {
  background-color: #23cc3d;
  color: rgb(255, 255, 255);
}

.btn--blanco {
  background-color: rgb(255, 255, 255);
  color: #6487E8;
  font-size: 0.875rem;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.btn--blanco:hover {
  background-color: rgb(255, 255, 255);
  color: #6487E8;
}
.btn--blanco:visited {
  background-color: rgb(255, 255, 255);
  color: #6487E8;
}

.btn--link {
  color: #D6001A;
}
.btn--link:hover {
  color: #D6001A;
}
.btn--link:visited {
  color: #D6001A;
}

.error {
  color: red;
}

.valido {
  color: green;
}

.cont-p {
  flex: 1 1 auto;
  min-height: 0px;
  min-width: 0px;
}

.cont-300 {
  flex: 1 1 auto;
  min-height: 0px;
  min-width: 0px;
}

@media (min-width: 768px) {
  .cont-p {
    flex: 0 0 calc(100% - 324px);
    padding: 0 !important;
    margin: 0 !important;
  }
  .left-p {
    width: calc(30% - 10px);
    height: calc(100% - 10px);
    float: left;
  }
  .right-p {
    width: calc(70% - 10px);
    height: calc(100% - 10px);
    float: left;
  }
  .cont-300 {
    flex: 0 0 324px;
  }
}
.tabs_contenedor .tabs {
  list-style: none;
  width: 100%;
  text-align: left;
  padding: 0;
  margin-bottom: 25px;
  position: relative;
}
.tabs_contenedor .tabs:after {
  content: "";
  border-bottom: 1px solid #d1d1d1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
}
.tabs_contenedor .tabs li {
  display: inline-block;
  padding: 5px 10px;
}
.tabs_contenedor .tabs li a {
  text-decoration: none;
  font-size: 1rem;
  font-weight: bold;
}
.tabs_contenedor .tabs .active {
  border-bottom: 3px solid #D6001A;
}
.tabs_contenedor .tabs .active a {
  color: #D6001A;
}
.tabs_contenedor .tabs-content .opinion .linea .contenedor_texto .titulo, .tabs_contenedor .tabs-content .nota .linea .contenedor_texto .titulo {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 14.4; /* Fallback for non-webkit */
  font-size: 3;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .tabs_contenedor .tabs-content .opinion .linea .contenedor_texto .titulo, .tabs_contenedor .tabs-content .nota .linea .contenedor_texto .titulo {
    overflow: hidden;
    position: relative;
  }
  .tabs_contenedor .tabs-content .opinion .linea .contenedor_texto .titulo:before, .tabs_contenedor .tabs-content .nota .linea .contenedor_texto .titulo:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .tabs_contenedor .tabs-content .opinion .linea .contenedor_texto .titulo:after, .tabs_contenedor .tabs-content .nota .linea .contenedor_texto .titulo:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.tabs_contenedor .tabs-content .opinion .linea .contenedor_texto .verde, .tabs_contenedor .tabs-content .nota .linea .contenedor_texto .verde {
  position: relative;
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 4.8; /* Fallback for non-webkit */
  font-size: 1;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .tabs_contenedor .tabs-content .opinion .linea .contenedor_texto .verde, .tabs_contenedor .tabs-content .nota .linea .contenedor_texto .verde {
    overflow: hidden;
    position: relative;
  }
  .tabs_contenedor .tabs-content .opinion .linea .contenedor_texto .verde:before, .tabs_contenedor .tabs-content .nota .linea .contenedor_texto .verde:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .tabs_contenedor .tabs-content .opinion .linea .contenedor_texto .verde:after, .tabs_contenedor .tabs-content .nota .linea .contenedor_texto .verde:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.tabs_contenedor .tabs-content .opinion .linea .contenedor_texto .verde, .tabs_contenedor .tabs-content .nota .linea .contenedor_texto .verde {
  padding-top: 0;
}
.tabs_contenedor .tabs-content .opinion .linea .contenedor_texto .titulo {
  margin-bottom: 15px;
}

.ms-sel-ctn .ms-sel-item {
  background-color: transparent !important;
  color: #555 !important;
}
.ms-sel-ctn .ms-sel-item:hover {
  background-color: transparent !important;
}

.ms-helper {
  display: none !important;
}

.ms-close-btn {
  display: none;
}

.ms-ctn input {
  padding: 6px !important;
}

.view_mobile {
  display: flex !important;
}

.view_desktop {
  display: none !important;
}

.form-group {
  margin-bottom: 10px;
  position: relative;
}
.form-group label {
  font-size: 1rem;
  margin-bottom: 5px;
}
.form-group input {
  font-size: 1rem;
}
.form-group input[type=text], .form-group input[type=email] {
  padding: 5px;
}
.form-group input[type=text]::-webkit-input-placeholder, .form-group input[type=email]::-webkit-input-placeholder {
  font-size: 1rem;
}
.form-group input[type=text]:-moz-placeholder, .form-group input[type=email]:-moz-placeholder {
  font-size: 1rem;
}
.form-group input[type=text]::-moz-placeholder, .form-group input[type=email]::-moz-placeholder {
  font-size: 1rem;
}
.form-group input[type=text]:-ms-input-placeholder, .form-group input[type=email]:-ms-input-placeholder {
  font-size: 1rem;
}
.form-group input[type=checkbox], .form-group input[type=radio] {
  width: 15px;
  height: 15px;
  margin: 0 3px 0 0;
}
.form-group input[type=checkbox] + label, .form-group input[type=radio] + label {
  display: inline;
}
.form-group input[type=checkbox] + label.error, .form-group input[type=radio] + label.error {
  position: absolute;
  top: 20px;
}
.form-group input[type=file] {
  cursor: pointer !important;
  display: block;
  padding: 10px 0;
}
.form-group input[type=file]::-webkit-file-upload-button {
  background: #D6001A;
  border: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding: 1rem 2rem;
  cursor: pointer;
  color: #FFF;
  outline: 0 none;
}
.form-group input[type=file]::-ms-browse {
  background: #D6001A;
  border: 0;
  padding: 1rem 2rem;
  cursor: pointer;
  color: #FFF;
  outline: 0 none;
}
.form-group textarea {
  font-size: 1rem;
}
.form-group select {
  font-size: 1rem;
  padding: 5px;
}
.form-group select:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

.swiper-container {
  width: 100%;
  min-height: 310px;
}

.grecaptcha-badge {
  display: none;
  bottom: 41px !important;
}

.contenedor_publi {
  display: none;
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  overflow: visible;
}
.contenedor_publi .contenedor__publicidad.H20, .contenedor_publi .contenedor__publicidad.S20 {
  width: 160px;
  height: 600px;
  position: absolute;
  left: -190px;
}
.contenedor_publi .contenedor__publicidad.H21, .contenedor_publi .contenedor__publicidad.S21 {
  width: 160px;
  height: 600px;
  position: absolute;
  right: -190px;
}
.contenedor_publi.cont_home {
  color: red;
}
.contenedor_publi.cont_home .cont_mediakit:first-child {
  position: absolute;
  left: -185px;
  margin-top: 50px;
  top: 0;
}
.contenedor_publi.cont_home .cont_mediakit:last-child {
  position: absolute;
  right: -185px;
  margin-top: 50px;
  top: 0;
}
.contenedor_publi.cont_home .mediakit {
  width: 160px !important;
  max-width: 160px !important;
  height: 600px !important;
  max-height: 600px !important;
}

/******* MODULO RESULTADOS ELECCIONES********/
/*VERSION DESKTOP*/
.resultados_div_desktop_cont {
  width: 100%;
  overflow: hidden;
  display: none;
  padding-top: 30px;
  padding-bottom: 30px;
}
.resultados_div_desktop_cont * {
  font-family: "Noto Sans", sans-serif;
}

.resultados_div_desktop {
  width: 100%;
  max-width: 1140px;
  margin: 0px auto;
  padding: 0px;
  box-sizing: border-box;
  display: flex;
}

.resultados_div_desktop > div {
  width: calc(50% - 15px);
  display: inline-block;
  margin: 0px;
  vertical-align: top;
  padding: 20px;
  border-radius: 15px;
}
@media (min-width: 1550px) {
  .resultados_div_desktop > div {
    padding: 20px 20px 20px 0;
  }
}

.resultados_div_desktop > div:first-child {
  float: left;
}

.resultados_div_desktop > div:last-child {
  float: right;
}

.resultados_div_desktop_cont .cont_titulo {
  padding-left: 25px;
}
.resultados_div_desktop_cont .cont_titulo h2 {
  color: #D6001A;
  font-weight: bold;
}
.resultados_div_desktop_cont .cont_titulo p {
  font-weight: bold;
  color: #565656;
  font-size: 22px;
}

.resultados_div_desktop .etiqueta {
  font-size: 16px;
  margin-bottom: 25px;
  font-weight: 600;
  color: white;
  background: #D6001A;
  border-radius: 10px;
  padding: 5px 7px;
  width: fit-content;
}

.resultados_div_desktop .etiqueta span {
  color: #444444;
  font-size: 13px;
  font-weight: normal;
}

.resultados_div_desktop .valor {
  font-size: 17px;
  font-weight: bold;
  color: black;
  min-width: 34px;
  padding-left: 5px;
}
.resultados_div_desktop .valor span {
  font-weight: 800;
}

.resultados_div_desktop .candidato {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 7px;
  text-transform: uppercase;
  display: flex;
  overflow: inherit;
  flex-direction: column;
  color: black;
}

.resultados_div_desktop .candidato span {
  font-size: 15px;
  text-transform: none;
  color: #A6A7A6;
}

.resultados_div_desktop .grafico_valores {
  margin: 0px auto;
  padding: 0px;
}

.candidatos_nacion, .candidatos_provincia, .candidatos_caba {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.resultados_div_desktop .grafico_valores li {
  margin: 0px auto 25px auto;
  position: relative;
  width: 100%;
  display: flex;
}

.resultados_div_desktop .grafico_valores li img {
  height: 70px;
  width: 70px;
  border-radius: 12px;
}

.resultados_div_desktop .grafico_valores .cont_detalle {
  display: flex;
  flex-direction: column;
  height: auto;
  padding-left: 15px;
  width: 100%;
}

.resultados_div_desktop .grafico_valores .cont_valor {
  display: flex;
}

.resultados_div_desktop .cont_barra {
  width: 100%;
  display: flex;
}

.resultados_div_desktop_cont .cont_mesas {
  display: flex;
  max-width: 1140px;
  width: 100%;
  color: #717171;
}
.resultados_div_desktop_cont .cont_mesas p {
  width: calc(50% - 15px);
  padding: 20px;
  font-size: 12px;
  font-weight: bold;
  text-align: start;
}
.resultados_div_desktop_cont .cont_mesas span {
  color: black;
}

/*VERSION MOBILE*/
.resultados_div {
  width: 100%;
  margin: 20px auto 30px auto;
}
.resultados_div * {
  font-family: "Noto Sans", sans-serif;
}

.resultados_div .indiv {
  overflow: hidden;
  padding: 30px 15px 10px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 375px) {
  .resultados_div .indiv {
    padding: 30px 20px 10px 20px;
  }
}
.resultados_div .indiv center {
  width: 100%;
}

.resultados_div .cont_titulo {
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 360px) and (max-width: 1024px) {
  .resultados_div .cont_titulo {
    max-width: 345px;
  }
}
.resultados_div .cont_titulo p {
  font-weight: bold;
}

.resultados_div h3 {
  color: #D6001A;
  font-size: 27px;
  font-weight: 700;
  text-align: start;
  display: flex;
  flex-direction: column;
}

.resultados_div .partido_switch {
  margin-bottom: 30px;
  padding: 0px;
  width: 100%;
  display: flex;
}
@media (max-width: 1024px) {
  .resultados_div .partido_switch {
    max-width: 345px;
  }
}

.resultados_div .partido_switch li {
  display: inline-block;
  vertical-align: middle;
  margin-right: -5px;
  background-color: #D6001A;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  transition: all 0.2s linear;
  padding: 5px;
  cursor: pointer;
  flex: 1;
}
@media (max-width: 374px) {
  .resultados_div .partido_switch li {
    font-size: 13px;
  }
}

.resultados_div .partido_switch li.activa {
  background-color: #606060;
  color: #ffffff;
}

.resultados_div .partido_switch li:first-child {
  border-radius: 7px 0px 0px 7px;
}

.resultados_div .partido_switch li:last-child {
  border-radius: 0px 7px 7px 0px;
}

.resultados_div .candidatos_caba {
  text-align: center;
}

.resultados_div .candidatos_provincia {
  text-align: center;
}

.resultados_div .etiqueta {
  color: #4D4D4D;
  font-weight: bold;
}

.resultados_div .mesas {
  font-weight: bold;
  font-size: 16px;
  margin-top: 25px;
  color: #777;
  text-align: center;
}
.resultados_div .mesas span {
  color: #000000;
}

.resultados_div .grafico_valores {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media (min-width: 360px) and (max-width: 1024px) {
  .resultados_div .grafico_valores {
    width: 345px;
  }
}

.resultados_div .grafico_valores li {
  display: flex;
  width: 100%;
}
.resultados_div .grafico_valores li img {
  width: 70px;
  height: 70px;
  border-radius: 12px;
}
.resultados_div .grafico_valores li .cont_detalle {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}
.resultados_div .grafico_valores li .content {
  text-align: center;
  margin-top: 241px;
  display: block;
  vertical-align: unset;
  width: unset;
  position: unset;
}
@media (min-width: 375px) {
  .resultados_div .grafico_valores li .content {
    margin-top: 231px;
  }
}
@media (min-width: 768px) {
  .resultados_div .grafico_valores li .content {
    margin-top: 244px;
  }
}

.resultados_div .grafico_valores li .valor {
  color: #000000;
  font-weight: bold;
  font-size: 15px;
  padding-left: 10px;
}

.resultados_div .grafico_valores li .candidato {
  color: #38373d;
  font-weight: bold;
  font-size: 17px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.resultados_div .grafico_valores li .candidato span {
  color: #A4A4A4;
  text-transform: initial;
}

.resultados_div .cont_valor {
  display: flex;
}
.resultados_div .cont_valor .cont_barra {
  width: 100%;
  display: flex;
}

@media (min-width: 980px) {
  .resultados_div_desktop_cont {
    display: block;
  }
  .resultados_div {
    display: none;
  }
}
@media (max-width: 500px) {
  .resultados_div .mesas {
    margin-right: 3%;
  }
}
.resultados_div_desktop_cont.balotaje .bloque_nacion {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.resultados_div_desktop_cont.balotaje .bloque_nacion .cont_gral_elec {
  width: 100%;
}
.resultados_div_desktop_cont.balotaje .bloque_nacion .grafico_valores {
  display: flex;
}
.resultados_div_desktop_cont.balotaje .bloque_nacion .grafico_valores .cont_detalle {
  justify-content: space-around;
}
.resultados_div_desktop_cont.balotaje .bloque_nacion .grafico_valores li {
  flex-basis: 50%;
}
.resultados_div_desktop_cont.balotaje .bloque_nacion .grafico_valores li img {
  width: 150px;
  height: 150px;
}
.resultados_div_desktop_cont.balotaje .bloque_nacion .grafico_valores .candidato {
  font-size: 25px;
}
.resultados_div_desktop_cont.balotaje .bloque_nacion .grafico_valores .candidato span {
  font-size: 20px;
  padding-top: 5px;
}
.resultados_div_desktop_cont.balotaje .bloque_nacion .cont_barra {
  align-items: center;
}
.resultados_div_desktop_cont.balotaje .bloque_nacion .valor {
  font-size: 19px;
}
.resultados_div_desktop_cont.balotaje .bloque_nacion .etiqueta {
  font-size: 19px;
}
.resultados_div_desktop_cont.balotaje .cont_mesas {
  justify-content: center;
}
.resultados_div_desktop_cont.balotaje .cont_mesas p {
  text-align: center;
  font-size: 17px;
}

/*-------------------------------------Header-------------------------------------------------*/
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
.navbar #radio_desktop {
  display: flex;
  align-items: center;
  background: #e20200;
  margin: 0 auto;
  width: 158px;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 15px;
  color: white;
  margin: 10px auto;
}
.navbar #radio_desktop span {
  text-align: end;
  line-height: 1.2;
  cursor: pointer;
  font-size: 0.6875rem;
  font-weight: bold;
}
.navbar #radio_desktop #btnPlay {
  width: 35px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 0px;
}

.header {
  background-color: #D6001A;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 901;
}
.header .cont_header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 60px;
}
.header .cont_header .grid {
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.header .cont_header .grid .menu-search {
  width: fit-content;
  position: absolute;
  left: 10px;
  top: 0;
}
@media (min-width: 1024px) {
  .header .cont_header .grid .menu-search {
    top: unset;
  }
}
.header .cont_header .grid .hamburger {
  order: 1;
  padding: 0;
}
.header .cont_header .grid .hamburger .hamburger-box {
  width: 25px;
  height: 16px;
  top: 2px;
}
.header .cont_header .grid .hamburger .hamburger-inner {
  width: 24px;
  height: 2px;
}
.header .cont_header .grid .hamburger .hamburger-inner::before, .header .cont_header .grid .hamburger .hamburger-inner::after {
  height: 2px;
}
.header .cont_header .grid .hamburger .hamburger-inner::before {
  top: 5px;
  width: 25px;
}
@media (min-width: 1024px) {
  .header .cont_header .grid .hamburger .hamburger-inner::before {
    top: 7px;
  }
}
.header .cont_header .grid .hamburger .hamburger-inner::after {
  top: 10px;
}
@media (min-width: 1024px) {
  .header .cont_header .grid .hamburger .hamburger-inner::after {
    top: 14px;
  }
}
@media (max-width: 1023px) {
  .header .cont_header .grid .hamburger.is-active .hamburger-inner::after {
    top: 14px;
  }
}
.header .cont_header .grid .info-clima {
  column-gap: 5px;
  position: absolute;
  left: -5px;
  top: 19px;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  order: 3;
  cursor: pointer;
}
@media (min-width: 992px) {
  .header .cont_header .grid .info-clima {
    left: 100px;
    top: unset;
  }
  .header .cont_header .grid .info-clima .extra-logo {
    display: none;
  }
}
.header .cont_header .grid .info-clima__logo {
  max-height: 28px;
}
@media (max-width: 1024px) {
  .header .cont_header .grid .info-clima__logo {
    width: 16px;
  }
}
.header .cont_header .grid .info-clima__logo img {
  position: relative;
  height: 20px;
  width: 16px;
  bottom: -1px;
  left: 5px;
}
@media (min-width: 992px) {
  .header .cont_header .grid .info-clima__logo img {
    height: 28px;
    width: 21px;
    left: 0;
    bottom: 0;
  }
}
.header .cont_header .grid .info-clima__temperatura p {
  color: white;
  font-size: 0.6875rem;
}
@media (min-width: 992px) {
  .header .cont_header .grid .info-clima__temperatura p {
    font-size: 1.125rem;
  }
}
.header .cont_header .grid .info-clima.desktop {
  display: none;
}
@media (min-width: 1024px) {
  .header .cont_header .grid .info-clima.mobile {
    display: none;
  }
  .header .cont_header .grid .info-clima.desktop {
    display: flex;
  }
}
.header .cont_header .grid .info-extra {
  column-gap: 5px;
  position: absolute;
  right: 10px;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  order: 3;
  cursor: pointer;
}
@media (min-width: 992px) {
  .header .cont_header .grid .info-extra {
    left: 90px;
  }
  .header .cont_header .grid .info-extra .extra-logo {
    display: none;
  }
}
.header .cont_header .grid .info-extra__logo {
  max-height: 28px;
}
.header .cont_header .grid .info-extra__logo img {
  position: relative;
  height: 17px;
  width: 13px;
  bottom: 2px;
  left: 5px;
}
@media (min-width: 992px) {
  .header .cont_header .grid .info-extra__logo img {
    height: 28px;
    width: 21px;
    left: 0;
    bottom: 0;
  }
}
.header .cont_header .grid .info-extra__temperatura p {
  color: white;
  font-size: 0.8125rem;
}
@media (min-width: 992px) {
  .header .cont_header .grid .info-extra__temperatura p {
    font-size: 1.125rem;
  }
}
.header .cont_header .grid .cont-logo {
  text-align: center;
  margin: auto;
  order: 2;
}
.header .cont_header .grid .cont-logo img {
  height: 39px;
  width: 86px;
}
.header .cont_header .grid .cont-3 {
  display: none;
}
.header .cont_header .grid .logo0223 {
  width: 100%;
}
.header .cont_header.vps .grid {
  justify-content: center;
}
.header .navbar {
  position: fixed;
  bottom: 0;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  height: 100%;
  width: 0;
  text-align: center;
  top: 60px;
}
.header .navbar .navbar-menu {
  position: relative;
  z-index: 9000;
  left: 0;
  top: 0;
  height: calc(100% - 60px);
  background-color: white;
  transition: all 0.5s ease-in-out;
  width: 0;
  overflow-x: hidden;
}
.header .navbar .navbar-menu.is-active {
  width: 100vw;
}
.header .navbar .navbar-menu.is-active .menu-mobile {
  opacity: 1;
  padding: 30px 25px;
}
.header .navbar .navbar-menu span {
  font-size: 0.875rem;
  font-weight: bold;
  border-bottom: 3px solid #D6001A;
  color: #313133;
}
.header .navbar .navbar-menu .menu-varios {
  width: 100%;
  height: 100%;
  list-style: none;
  padding: 20px 0;
  text-align: left;
}
.header .navbar .navbar-menu .menu-varios .fecha {
  padding: 10px 0;
}
.header .navbar .navbar-menu .menu-varios .fecha label {
  font-size: 0.9375rem;
}
.header .navbar .navbar-menu .menu-varios .buscar {
  height: 40px;
  max-width: 230px;
}
.header .navbar .navbar-menu .menu-varios .buscar input {
  font-size: 1rem;
  border: 1px solid #A0A0A0;
  border-radius: 0;
  box-shadow: 2px 2px 9px 0px #b8b6b8;
  height: 100%;
  padding: 10px;
}
.header .navbar .navbar-menu .menu-varios .buscar input::-webkit-input-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.header .navbar .navbar-menu .menu-varios .buscar input:-moz-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.header .navbar .navbar-menu .menu-varios .buscar input::-moz-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.header .navbar .navbar-menu .menu-varios .buscar input:-ms-input-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.header .navbar .navbar-menu .menu-varios .redes {
  display: flex;
  justify-content: space-around;
  padding: 20px;
  padding-left: 0;
}
.header .navbar .navbar-menu .menu-varios .redes div {
  width: 45px;
  height: 45px;
  background-color: #D6001A;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .navbar .navbar-menu .menu-varios .redes div .icon {
  width: 25px;
  height: 25px;
  color: rgb(255, 255, 255);
}
.header .navbar .navbar-menu .menu {
  width: 100%;
  height: 100%;
  list-style: none;
  text-align: left;
  position: relative;
}
.header .navbar .navbar-menu .menu li {
  display: block;
  padding: 7px 0 6px 20px;
}
.header .navbar .navbar-menu .menu li a {
  color: rgb(33, 33, 33);
  font-weight: 500;
  font-size: 1rem;
}
.header .navbar .navbar-menu .menu li:focus a, .header .navbar .navbar-menu .menu li:hover a, .header .navbar .navbar-menu .menu li.is-active a {
  color: #D6001A;
}
.header .navbar .navbar-menu .menu:before {
  content: "";
  display: block;
  position: absolute;
  border: 0.5px solid #D5D5D5;
  bottom: 30px;
  right: 0px;
  top: 30px;
}
.header .navbar .navbar-menu .menu.secundario li {
  padding: 7px 0 6px 10px;
}
.header .navbar .navbar-menu .menu.secundario li a {
  font-weight: inherit;
}
.header .navbar .navbar-menu .item:first-of-type .menu {
  margin-top: 10px;
}
.header .navbar .navbar-menu .menu_desktop {
  display: none;
}
.header .navbar .navbar-menu .menu-mobile {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  -o-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}
.header .navbar .navbar-menu .menu-mobile .menu:before {
  display: none;
}
.header .navbar .navbar-menu .menu-mobile #ntab-secciones {
  display: block;
  text-align: left;
  padding: 0px 15px;
}
.header .navbar .navbar-menu .menu-mobile #ntab-secciones li {
  padding: 5px 0;
}
.header .navbar .navbar-menu .menu-mobile .menu-secundario {
  display: block;
  text-align: left;
  margin: 30px 0;
  padding: 0 15px;
}
.header .navbar .navbar-menu .menu-mobile .menu-secundario .menu li {
  padding: 5px 0;
}
.header .navbar .navbar-menu .menu-mobile .menu-secundario ul {
  margin-top: 10px;
}
.header .navbar .navbar-menu .menu-mobile .menu-secundario ul:first-of-type {
  margin-bottom: 30px;
}
.header .navbar .navbar-menu .menu-mobile .cont_opciones {
  width: 100%;
  max-width: 282px;
  margin: 0 auto;
}
.header .navbar .navbar-menu .menu-mobile .cont_opciones .search-text {
  font-size: 0.9375rem;
  border-radius: 10px;
  margin-bottom: 30px;
  background: #707070;
  padding: 3px 10px;
  color: white;
}
.header .navbar .navbar-menu .menu-mobile .cont_opciones .search-text::-webkit-input-placeholder {
  font-size: 0.9375rem;
  color: white;
}
.header .navbar .navbar-menu .menu-mobile .cont_opciones .search-text:-moz-placeholder {
  font-size: 0.9375rem;
  color: white;
}
.header .navbar .navbar-menu .menu-mobile .cont_opciones .search-text::-moz-placeholder {
  font-size: 0.9375rem;
  color: white;
}
.header .navbar .navbar-menu .menu-mobile .cont_opciones .search-text:-ms-input-placeholder {
  font-size: 0.9375rem;
  color: white;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu {
  padding: 40px 0 0 0;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li:focus, .header .navbar .navbar-menu .menu-mobile .cuerpo .menu li:hover, .header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .is-active {
  background-color: transparent;
  border: none;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento {
  display: flex;
  justify-content: space-between;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento .chevron {
  display: block;
  cursor: pointer;
  color: #ACABAB;
  border-bottom: none;
  margin-right: 15px;
  width: 24px;
  height: 24px;
  text-align: center;
  float: right;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento .chevron:before {
  top: 25%;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento label a {
  color: #ACABAB;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento label a:focus, .header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento label a:hover {
  color: #D6001A;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li ul li {
  padding: 10px;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li input[type=checkbox] ~ ul {
  height: 0;
  transform: scaleY(0);
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li input[type=checkbox]:checked ~ ul {
  height: 100%;
  transform-origin: top;
  transition: transform 0.2s ease-out;
  transform: scaleY(1);
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .menu li input[type=checkbox]:checked ~ ul li .elemento .chevron.bottom:before {
  transform: rotate(-45deg);
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima {
  padding: 50px 0 0 0;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .item-12 {
  width: 100%;
  padding: 0 10px;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .alerta {
  background-color: #ffeb00;
  border-radius: 30px;
  font-size: 0.875rem;
  padding: 10px;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 10px 15px 10px;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .alerta a {
  width: 100%;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .alerta a .icon {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  color: rgb(33, 33, 33);
  float: left;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .alerta a span {
  color: rgb(33, 33, 33);
  font-size: 0.875rem;
  line-height: 25px;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .ahora {
  text-align: center;
  font-size: 1.125rem;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .temp {
  text-align: center;
  font-size: 2.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .temp .icon {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .info {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 30px;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .proximo .icon {
  width: 30px;
  height: 30px;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_buscador {
  padding: 50px 0 0 0;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_buscador .item-12 {
  width: 100%;
  padding: 0 10px;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_buscador .item-12 .search-text {
  font-size: 1rem;
  margin-bottom: 10px;
}
.header .navbar .navbar-menu .menu-mobile .cuerpo .cont_buscador .item-12 .btn--primary {
  line-height: 1.8;
  width: 100%;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.header .navbar .cuenta-contenedor {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .navbar .cuenta-contenedor .newsletter .logos-item {
  max-width: 110px;
}
.header .navbar .cuenta-contenedor .newsletter .logos-item .a, .header .navbar .cuenta-contenedor .newsletter .logos-item .b {
  fill: #999;
}
.header .navbar .cuenta-contenedor .newsletter .logos-item .a {
  font-size: 25px;
  font-family: NotoSans-Bold, Noto Sans;
  font-weight: 700;
}
.header .navbar .cuenta-contenedor .newsletter .logos-item .b {
  font-size: 23px;
  font-family: NotoSans, Noto Sans;
}
.header .navbar .cuenta-contenedor .newsletter .logos-item .c {
  fill: #fd0d0f;
  fill-rule: evenodd;
}
.header .navbar .cuenta-contenedor {
  /* .radio{
  	width: 52%;
  } */
}
.header .navbar .compartir {
  margin: 20px 0;
}
.header .navbar .compartir .iconos-compartir {
  display: flex;
  align-items: center;
  flex-direction: row;
  max-width: 240px;
  justify-content: space-between;
  margin: 0 auto;
}
.header .navbar .compartir .iconos-compartir-logo .a {
  fill: #96999c;
  fill-rule: evenodd;
}
.header .menuClose {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vw;
}
.header .is-active {
  display: block;
}
.header.zocalo_on {
  top: 80px;
}
.header.zocalo_on .navbar .navbar-menu {
  top: 81px;
  height: calc(100% - 80px);
}
@media (min-width: 1024px) {
  .header.zocalo_on .navbar .navbar-menu {
    top: 113px;
  }
}
.header.headerColorMobile {
  background-color: #D6001A;
}

.zocalo_home_active {
  display: block;
}

.modulo-alerta-on, .modulo-elecciones-on {
  position: sticky;
  background-color: #D6001A;
}

.header.verParaSaber {
  background-color: #504A9D;
}
@media (max-width: 1023px) {
  .header.verParaSaber .cont_header {
    min-height: 51px;
  }
  .header.verParaSaber .cont_header .logo svg {
    max-width: 58px;
    max-height: 28px;
  }
}

.header.extra {
  background: linear-gradient(90deg, rgb(20, 117, 162) 0%, rgb(123, 85, 162) 100%);
}
.header.extra .cont_header .grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.header.extra .cont_header .grid .cont-logo img {
  width: auto;
}
.header.extra .cont_header .grid .cont-3 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.header.extra .cont_header .grid .cont-3 .buscador {
  display: none;
}
@media (min-width: 1024px) {
  .header.extra .cont_header .grid .cont-3 .buscador {
    position: relative;
    display: block;
  }
}
.header.extra .cont_header .grid .cont-3 .buscador input {
  color: rgb(20, 117, 162);
}
.header.extra .cont_header .grid .cont-3 .buscador input:focus + div .front, .header.extra .cont_header .grid .cont-3 .buscador input:focus + div .back {
  background-color: rgb(20, 117, 162);
}

.scroll {
  background: none;
  background-color: #D6001A;
}

.extra-logo {
  display: block;
  aspect-ratio: 1/1;
  min-width: 45px;
  position: relative;
  border-radius: 50%;
  max-height: 48px;
}
@media (min-width: 992px) {
  .extra-logo {
    margin-left: 10px;
    aspect-ratio: unset;
    min-height: 35px;
    max-height: unset;
    min-width: 150px;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1160px) {
  .extra-logo {
    min-width: 170px;
  }
}
.extra-logo img {
  padding: 2px;
  position: absolute;
  width: 100%;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Footer-------------------------------------------------*/
.footer .bloque {
  display: flex;
  flex-direction: column;
  padding: 0 18px;
  margin-bottom: 30px;
}
.footer .bloque ul {
  list-style: none;
}
.footer .bloque .radio-newsletter {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 490px;
  margin: 15px auto;
}
.footer .bloque .radio-newsletter .newsletterDesktop .logos-item .a, .footer .bloque .radio-newsletter .newsletterDesktop .logos-item .b, .footer .bloque .radio-newsletter .newsletterDesktop .logos-item .a, .footer .bloque .radio-newsletter .newsletterDesktop .logos-item .b {
  fill: #999;
}
.footer .bloque .radio-newsletter .newsletterDesktop .logos-item .a, .footer .bloque .radio-newsletter .newsletterDesktop .logos-item .a {
  font-size: 25px;
  font-family: NotoSans-Bold, Noto Sans;
  font-weight: 700;
}
.footer .bloque .radio-newsletter .newsletterDesktop .logos-item .b, .footer .bloque .radio-newsletter .newsletterDesktop .logos-item .b {
  font-size: 23px;
  font-family: NotoSans, Noto Sans;
}
.footer .bloque .radio-newsletter .newsletterDesktop .logos-item .st0, .footer .bloque .radio-newsletter .newsletterDesktop .logos-item .st0 {
  fill: #434343;
}
.footer .bloque .radio-newsletter .newsletterDesktop .logos-item .st1, .footer .bloque .radio-newsletter .newsletterDesktop .logos-item .st1 {
  fill: #d6001a;
  fill-rule: evenodd;
}
.footer .bloque .radio-newsletter .newsletterDesktop .logos-item .st2, .footer .bloque .radio-newsletter .newsletterDesktop .logos-item .st2 {
  fill: #9d9d9d;
}
.footer .bloque .redes {
  position: relative;
  margin: 5px 0;
}
.footer .bloque .redes__hr {
  border-top: 1px solid #B0A8A0;
}
.footer .bloque .redes .compartir {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  padding: 0 5px;
  align-items: center;
  background-color: white;
  width: fit-content;
  margin: 0 auto;
}
.footer .bloque .redes .compartir .texto {
  display: none;
}
.footer .bloque .redes .compartir .texto label {
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.footer .bloque .redes .compartir .texto-img label {
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.footer .bloque .redes .compartir .iconos-compartir {
  display: flex;
  margin: 0;
  width: 100%;
}
.footer .bloque .redes .compartir .iconos-compartir div {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px;
  cursor: pointer;
}
.footer .bloque .redes .compartir .iconos-compartir div .icon {
  width: 21px;
  height: 21px;
  font-size: 1.1875rem;
  color: transparent;
  text-align: center;
}
.footer .bloque .redes .compartir .iconos-compartir-logo {
  max-width: 18px;
}
.footer .bloque .redes .compartir .iconos-compartir-logo .a {
  fill: #96999c;
  fill-rule: evenodd;
}
.footer .bloque .marca {
  display: flex;
  text-align: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.footer .bloque .marca__logo {
  width: 20%;
}
.footer .bloque .marca__logo .logos-item {
  max-width: 66px;
  max-height: 65px;
}
.footer .bloque .marca__logo .logos-item .cls-1 {
  fill: #d6001a;
}
.footer .bloque .marca__descripcion-mobile, .footer .bloque .marca__descripcion-desktop {
  color: #D6001A;
  font-weight: bold;
  margin: 0 auto 20px;
  font-size: 0.4375rem;
}
.footer .bloque .marca__descripcion-desktop {
  display: none;
}
.footer .bloque .marca__info {
  width: 80%;
  display: flex;
  justify-content: space-between;
}
.footer .bloque .marca__info-mails {
  width: 45%;
}
.footer .bloque .marca__info-privacidad {
  text-align: right;
}
.footer .bloque .marca__info, .footer .bloque .marca__info a, .footer .bloque .marca__info p {
  color: #2A2328;
  font-size: 0.40625rem;
  font-weight: normal;
}
.footer .bloque .marca__info-mails li:last-of-type {
  font-weight: bold;
}
.footer .bloque .marca__info-privacidad li {
  font-size: 0.40625rem;
}
.footer .bloque .titulo {
  font-size: 0.875rem;
  font-weight: bold;
  color: #2E2F32;
  border-bottom: 2px solid #D6001A;
  padding: 0 5px;
  margin-bottom: 20px;
}
.footer .bloque .info {
  width: 100%;
  max-width: 490px;
  margin: 0 auto;
}
.footer .bloque .info .grid {
  justify-content: space-between;
  margin-top: 10px;
}
.footer .bloque .info .secciones, .footer .bloque .info .suplementos, .footer .bloque .info .institucional {
  text-align: center;
  width: 100%;
}
.footer .bloque .info .secciones .menu li a, .footer .bloque .info .suplementos .menu li a, .footer .bloque .info .institucional .menu li a {
  font-size: 0.625rem;
  text-transform: uppercase;
}
.footer .bloque .info .secciones li, .footer .bloque .info .suplementos li, .footer .bloque .info .institucional li {
  padding-bottom: 4px;
  line-height: 1.1;
}
.footer .bloque .info .secciones li a, .footer .bloque .info .suplementos li a, .footer .bloque .info .institucional li a {
  font-size: 0.625rem;
}
.footer .bloque .info .secciones li:hover, .footer .bloque .info .suplementos li:hover, .footer .bloque .info .institucional li:hover {
  color: #D6001A;
}
.footer .bloque .info .secciones .is-6, .footer .bloque .info .suplementos .is-6, .footer .bloque .info .institucional .is-6 {
  flex-basis: 50%;
}
.footer .bloque .info .secciones .item:first-of-type, .footer .bloque .info .suplementos .item:first-of-type, .footer .bloque .info .institucional .item:first-of-type {
  text-align: left;
}
.footer .bloque .info .secciones .item:last-of-type, .footer .bloque .info .suplementos .item:last-of-type, .footer .bloque .info .institucional .item:last-of-type {
  text-align: right;
}
.footer .bloque .info .institucional ul {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.footer .bloque .info .secciones .is-6 {
  flex-basis: 100%;
}
.footer .bloque .info .secciones .menu {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.footer .bloque .info .secciones .menu li {
  text-align: right;
}
.footer .bloque .info .secciones .menu li:nth-child(-n+8) {
  text-align: left;
}
.footer .mustang_div {
  background: #D6001A;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.footer .mustang_div span {
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
}

.footer.verparasaber .bloque {
  display: flex;
  margin: 0 18px 30px;
  padding: 0;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer.verparasaber .bloque .redes {
  width: 100%;
  margin: 20px 0;
}
.footer.verparasaber .bloque .redes .redes__hr {
  border-top: 2px solid #50499D;
}
.footer.verparasaber .bloque .redes .compartir .iconos-compartir .cont-iconos-logo {
  margin: 0 10px;
}
.footer.verparasaber .bloque .redes .compartir .iconos-compartir .cont-iconos-logo .iconos-compartir-logo {
  max-width: 20px;
}
@media (min-width: 1024px) {
  .footer.verparasaber .bloque .redes .compartir .iconos-compartir .cont-iconos-logo .iconos-compartir-logo {
    max-width: 25px;
  }
}
.footer.verparasaber .bloque__izq {
  width: fit-content;
}
@media (max-width: 1023px) {
  .footer.verparasaber .bloque__izq svg {
    max-width: 55px;
    height: 27px;
  }
}
.footer.verparasaber .bloque__izq-direc {
  padding-top: 30px;
}
.footer.verparasaber .bloque__izq-direc .direccion {
  color: #AFAFAF;
  font-size: 16px;
  font-weight: bold;
}
.footer.verparasaber .bloque__der-registros {
  font-size: 9px;
  color: #A6A8AB;
  text-align: end;
}
.footer.verparasaber .bloque__der-mail {
  padding-top: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #50499D;
  text-align: end;
}
@media (min-width: 1024px) {
  .footer.verparasaber .bloque__der-registros {
    font-size: 12px;
  }
  .footer.verparasaber .bloque__der-mail {
    font-size: 15px;
  }
}
.footer.verparasaber .bloque__direc.mobile {
  padding-top: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.footer.verparasaber .bloque__direc.mobile .direccion {
  color: #AFAFAF;
  font-size: 12px;
  font-weight: bold;
}
.footer.verparasaber .direccion {
  color: #AFAFAF;
}
.footer.verparasaber .bloque__izq-direc.desktop {
  display: none;
}
@media (min-width: 1024px) {
  .footer.verparasaber .bloque__direc.mobile {
    display: none;
  }
  .footer.verparasaber .bloque__izq-direc.desktop {
    display: block;
  }
}

.footer.extra {
  margin: 30px 0;
}
.footer.extra * {
  font-family: "Montserrat", sans-serif;
}
.footer.extra .iconos-compartir-logo {
  box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.footer.extra .redes {
  margin: 0 0 30px 0;
}
.footer.extra .redes .iconos-compartir {
  max-width: 250px;
  width: 100%;
  margin-bottom: 30px;
}
.footer.extra .redes .back {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.footer.extra .redes .back span {
  color: #1674A4;
  font-weight: 800;
  font-size: 27px;
  margin-bottom: 10px;
}
.footer.extra .redes .back img {
  width: 120px;
}
.footer.extra .bloque__izq {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.footer.extra .bloque__izq .logo_footer {
  width: 190px;
}
.footer.extra .bloque__der {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer.extra .bloque__der-wpp {
  margin-bottom: 30px;
}
.footer.extra .bloque__der-registros .item {
  text-align: center;
  margin-bottom: 15px;
}
.footer.extra .bloque__der-registros .contacto {
  font-weight: 800;
}
.footer.extra .bloque__der-registros li {
  margin-bottom: 10px;
}
.footer.extra .bloque__der-registros li * {
  color: #606160;
  font-size: 14px;
  font-weight: 400;
}
.footer.extra .bloque__der-registros .direccion {
  color: #1674A4;
  font-weight: 600;
}
@media (min-width: 768px) {
  .footer.extra {
    margin: 30px 0 100px;
  }
  .footer.extra .redes {
    margin: 0 0 70px 0;
  }
  .footer.extra .redes .iconos-compartir {
    margin-bottom: 30px;
  }
  .footer.extra .redes .back {
    flex-direction: row;
    justify-content: center;
  }
  .footer.extra .redes .back span {
    font-size: 16px;
    margin: 0 10px 0 0;
  }
  .footer.extra .redes .back img {
    width: 85px;
  }
  .footer.extra .bloque {
    flex-direction: row;
  }
  .footer.extra .bloque__izq {
    margin-bottom: 0;
  }
  .footer.extra .bloque__der {
    width: calc(100% - 190px);
    justify-content: end;
    padding-left: 30px;
  }
  .footer.extra .bloque__der-wpp {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
  }
  .footer.extra .bloque__der-wpp .iconos-compartir-logo {
    max-width: 30px;
    max-height: 30px;
  }
  .footer.extra .bloque__der-registros {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .footer.extra .bloque__der-registros .item {
    text-align: center;
    margin-bottom: 15px;
  }
  .footer.extra .bloque__der-registros li * {
    font-size: 16px;
  }
  .footer.extra .bloque__der-registros .item.izq {
    text-align: start;
    margin-bottom: 0;
  }
  .footer.extra .bloque__der-registros .item.der {
    text-align: end;
    margin-bottom: 0;
    display: flex;
    align-items: end;
  }
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Iconos Climas------------------------------------------*/
.icono_clima_header {
  font-family: "MeteoconsRegular";
  font-size: 25pt;
  display: inline-block;
  margin-right: 15px;
  color: #D6001A;
}

.icono_clima_clima_sol_noche:before {
  content: "C";
}

.icono_clima_clima_nublado:before, .icono_clima_clima_inestable:before {
  content: "N";
}

.icono_clima_clima_lluvia:before {
  content: "R";
}

.icono_clima_clima_sol:before {
  content: "B";
}

.icono_clima_clima_nieve:before {
  content: "W";
}

.icono_clima_clima_viento:before {
  content: "F";
}

.icono_clima_clima_tormenta:before {
  content: "0";
}

.icono_clima_no_detect:before {
  content: ")";
}

.icono_clima_clima_parcial:before {
  content: "H";
}

.icono_clima_clima_parcial_noche:before {
  content: "I";
}

.menu_hide_900 {
  cursor: pointer;
}

.icono_clima_extendido {
  font-family: "MeteoconsRegular";
  margin: 0px 10px 10px 10px;
  display: block;
  font-size: 70pt;
  z-index: 2;
  position: relative;
  color: white;
  font-style: normal;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Nota-------------------------------------------------*/
.nota {
  position: relative;
  overflow: hidden;
}
.nota .contador {
  width: 33px;
  height: 33px;
  display: flex;
  font-size: 1.875rem;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  background-color: #464646;
  font-weight: bold;
}
.nota .media {
  text-align: center;
  position: relative;
}
.nota .media figure {
  margin: 0;
}
.nota .media figure img {
  width: 100%;
}
.nota .volanta {
  overflow: hidden;
  text-transform: uppercase;
}
.nota .volanta span {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 1.05rem; /* Fallback for non-webkit */
  font-size: 0.875rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota .volanta span {
    overflow: hidden;
    position: relative;
  }
  .nota .volanta span:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota .volanta span:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.nota .volanta span {
  float: left;
  font-weight: bold;
  color: rgb(33, 33, 33);
}
.nota .titulo {
  overflow: hidden;
}
.nota .titulo h2 {
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: bold;
  color: #313133;
}
.nota .introduccion {
  overflow: hidden;
  margin-top: 8px;
}
.nota .introduccion.especial {
  display: none;
}
.nota .introduccion p {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 7.2rem; /* Fallback for non-webkit */
  font-size: 1rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota .introduccion p {
    overflow: hidden;
    position: relative;
  }
  .nota .introduccion p:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota .introduccion p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.nota .autor_nota {
  overflow: hidden;
  margin-top: 11px;
  font-size: 0.75rem;
}
.nota .autor_nota a {
  color: rgb(33, 33, 33);
}

.nota {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.nota a {
  box-sizing: border-box;
  height: 100%;
  display: block;
}
.nota__btnCompartir, .nota__btnCompartir-open {
  position: absolute;
  top: 0;
  right: 0;
}
.nota__btnCompartir *, .nota__btnCompartir *::before, .nota__btnCompartir *::after, .nota__btnCompartir-open *, .nota__btnCompartir-open *::before, .nota__btnCompartir-open *::after {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}
.nota__btnCompartir-open, .nota__btnCompartir-open-open {
  left: 0;
  height: 100%;
}
.nota__btnCompartir .hidden, .nota__btnCompartir-open .hidden {
  display: none;
}
.nota__btnCompartir .share-dialog, .nota__btnCompartir-open .share-dialog {
  display: none;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.3803921569);
  padding: 10px 15px;
  border-radius: 15px;
}
.nota__btnCompartir button, .nota__btnCompartir .button, .nota__btnCompartir-open button, .nota__btnCompartir-open .button {
  border: none;
  background: none;
  cursor: pointer;
}
.nota__btnCompartir .close, .nota__btnCompartir-open .close {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.nota__btnCompartir .targets, .nota__btnCompartir-open .targets {
  display: flex;
  justify-content: space-evenly;
  max-width: 300px;
  align-items: center;
  margin: 0 auto;
  height: 50%;
}
.nota__btnCompartir .targets .iconos-compartir-logo .a, .nota__btnCompartir-open .targets .iconos-compartir-logo .a {
  fill: white;
}
.nota__btnCompartir .close-button, .nota__btnCompartir-open .close-button {
  background-color: transparent;
  border: none;
  padding: 0;
}
.nota__btnCompartir .close-button svg, .nota__btnCompartir-open .close-button svg {
  color: white;
  width: 20px;
  height: 20px;
}
.nota__btnCompartir .link, .nota__btnCompartir-open .link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  background-color: #eee;
}
.nota__btnCompartir .pen-url, .nota__btnCompartir-open .pen-url {
  margin-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nota__btnCompartir .iconos-compartir-logo .a, .nota__btnCompartir-open .iconos-compartir-logo .a {
  fill: #8f8984;
}
.nota__btnCompartir .iconos-compartir-logo .b, .nota__btnCompartir-open .iconos-compartir-logo .b {
  fill: #fcfcfc;
}
.nota__btnCompartir-open .share-dialog.is-open {
  display: block;
  z-index: 2;
}
.nota__btnCompartir-open .share-button {
  display: none;
}
.nota__contador {
  position: relative;
  width: 50px;
  height: 100%;
  font-size: 4.375rem;
  font-weight: bold;
  background: none;
  color: #313133;
  line-height: 1;
}
.nota__media {
  position: relative;
}
.nota__media--link img {
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
}
.nota__media .video-wrapper {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.nota__media .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nota__body {
  padding: 10px 5px;
  color: white;
  height: 100%;
}
.nota__volanta {
  font-size: 0.75rem;
  line-height: 1.2;
  font-weight: 500;
  color: #de640a;
  margin-bottom: 5px;
}
.nota__volantaImg {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 3px 10px;
  background: #D6001A;
  font-size: 14px;
  color: white;
  border-radius: 15px;
}
.nota__titulo {
  position: relative;
}
.nota__titulo-item {
  font-family: "Noto Sans", sans-serif;
  color: #313133;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
  padding-bottom: 10px;
}
.nota__introduccion {
  width: 100%;
  font-size: 1rem;
  line-height: 1.3;
  color: #313133;
}
.nota__firmantes .nombre-firmante {
  margin-bottom: 5px;
}
.nota__firmantes .nombre-firmante .firmante {
  color: #313133;
  font-size: 0.75rem;
}
.nota__clasificador {
  font-size: 0.625rem;
  text-transform: uppercase;
}
.nota__clasificador svg {
  width: 8px;
  height: 8px;
  margin-right: 8px;
  fill: #313133;
}
.nota__list {
  display: none;
  position: absolute;
  right: 30px;
  top: -7px;
  margin: 0;
  border-radius: 2px;
  height: 30px;
  background-color: #e8e8e8;
}
.nota__list::before {
  content: "";
  position: absolute;
  right: -7px;
  top: 8px;
  display: block;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-bottom-width: 7px;
  border-top-width: 7px;
  border-left: 7px solid #e8e8e8;
}
.nota__item {
  padding: 5px;
}
.nota .is-hover:hover {
  z-index: 10;
  transform: scale(1.05);
}
.nota--gral {
  margin-bottom: 20px;
}
.nota--gral .nota__media {
  order: 2;
}
.nota--gral .nota__media img, .nota--gral .nota__media .video-wrapper {
  border-radius: 15px;
}
.nota--gral .nota__body {
  order: 1;
}
.nota--gral .nota__titulo-item {
  font-size: 0.875rem;
  line-height: 1.2;
  color: #313133;
  font-weight: bold;
}
@media (min-width: 768px) {
  .nota--gral .nota__titulo-item {
    font-size: 1.125rem;
  }
}
.nota--gral .nota__btnCompartir img {
  width: 55px;
}
.nota--degrade {
  cursor: pointer;
}
.nota--degrade .nota__degrade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.nota--degrade .nota__volanta {
  margin-top: auto;
  margin-bottom: 10px;
  color: #D6001A;
}
.nota--degrade .nota__titulo-item {
  font-size: 1.75rem;
  color: rgb(255, 255, 255);
  line-height: 1;
  font-weight: 800;
}
@media (min-width: 768px) {
  .nota--degrade .nota__introduccion {
    font-size: 1rem;
  }
}
.nota--degrade .nota__body {
  display: flex;
  flex-direction: column;
  text-align: end;
  position: absolute;
  bottom: 0;
  z-index: 2;
  padding: 15px;
  color: rgb(255, 255, 255);
  width: 100%;
  background: linear-gradient(to bottom, rgba(24, 29, 51, 0) 0%, rgb(24, 29, 51) 100%);
}
.nota--degrade .nota__clasificador {
  color: rgb(255, 255, 255);
}
.nota--degrade .nota__clasificador svg {
  fill: rgb(255, 255, 255);
}
.nota--especial .nota__degrade, .nota--especial .nota__degrade-apertura {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0, white 0, rgba(255, 255, 255, 0.5411764706) 7%, rgba(0, 0, 0, 0.5019607843) 15%, rgba(128, 128, 128, 0) 100%);
}
.nota--especial .nota__media img {
  min-height: 420px;
  max-height: 620px;
}
.nota--especial .nota__titulo {
  height: unset;
}
.nota--especial .nota__titulo-item {
  font-size: 1.4rem;
  line-height: 1.2;
  color: #D6001A;
  font-weight: bold;
  max-height: unset;
  overflow: unset;
}
.nota--especial .nota__introduccion p {
  font-size: 1.125rem;
  line-height: 1.5;
}
.nota--especial .nota__body {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  text-align: end;
  margin: -10% 0 0;
  padding: 10px 15px;
  text-align: center;
  z-index: 2;
  color: #313133;
}
.nota--especial .bloque-blanco {
  width: 100%;
  height: 100%;
  min-height: 100px;
}
.nota--linea {
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 15px;
  border-bottom: 2px solid transparent;
}
.nota--linea .nota__media {
  border-bottom: unset;
  flex-basis: 31%;
  max-width: 31%;
}
.nota--linea .nota__media--link img, .nota--linea .nota__media .video-wrapper {
  border-radius: 7px;
  min-height: 95px;
}
.nota--linea .nota__body {
  padding: 0;
  padding-left: 15px;
  flex-basis: 69%;
  display: flex;
  flex-direction: column;
  position: relative;
  height: initial;
}
.nota--linea .nota__titulo-item {
  font-size: 1rem;
  line-height: 1.2;
}
.nota--linea .nota__volanta {
  color: #6D6F72;
  font-size: 0.875rem;
  line-height: 1.15;
  position: unset;
}
.nota--linea .nota__volantaTop {
  display: none;
}
.nota--linea .nota__volantaTop p {
  line-height: 1.2;
}
.nota--linea .nota__continuar {
  font-size: 0.75rem;
  font-weight: bold;
  color: #D6001A;
  flex: 69%;
  max-width: 69%;
  margin: 0 0 0 auto;
  padding-left: 28px;
}
.nota--linea:hover {
  border-bottom: 2px solid #D6001A;
}
.nota--relleno .nota__volanta {
  color: #D6001A;
}
.nota--relleno .nota__titulo-item {
  font-weight: bold;
}
.nota--relleno .nota__continuar {
  color: #6D6F72;
}

.vps_ordenamiento .nota .nota__media--link .play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vps_ordenamiento .nota .nota__media--link .play .btn-play {
  width: 70px;
}

.apertura_1 .nota--gral .nota__titulo-item {
  font-size: 1.125rem;
}

.nota-general {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}
.nota-general .media {
  order: 2;
}
.nota-general .media .video-wrapper {
  border-radius: 15px;
}
.nota-general .volanta, .nota-general .media .volanta {
  display: none;
}
.nota-general .data {
  order: 1;
  text-align: left;
  margin-bottom: 12px;
}
.nota-general .data .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 67.2px; /* Fallback for non-webkit */
  font-size: 14px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota-general .data .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .nota-general .data .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota-general .data .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}

.nota-lista {
  min-height: 103px;
  padding: 10px;
  display: flex;
  height: auto;
  align-items: flex-start;
  flex-direction: row-reverse;
}
.nota-lista.nota-opinion .media .img--opinion {
  margin-bottom: 0;
}
.nota-lista.nota-opinion .data .opinologo_nombre {
  margin-bottom: 0;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1.2;
}
.nota-lista.nota-opinion .data .titulo {
  margin-bottom: 0;
}
.nota-lista.nota-opinion .data .titulo h2 {
  font-size: 0.875rem;
  line-height: 1.2;
  text-align: left;
}
.nota-lista .media {
  flex-basis: 50%;
  padding: 0 0 0 20px;
}
.nota-lista.modulo_minuto .media {
  padding: 0;
  margin-left: 40px;
}
.nota-lista .data {
  flex-basis: 50%;
  flex-grow: 1;
}
.nota-lista .data .volanta {
  display: block;
}
.nota-lista .titulo h2 {
  font-weight: bold;
  font-size: 0.9375rem;
  line-height: 1.2;
}
.nota-lista .volanta {
  margin-bottom: 5px;
  display: none;
}
.nota-lista .volanta p {
  color: #D6001A;
  font-weight: 500;
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 1.2rem; /* Fallback for non-webkit */
  font-size: 1rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota-lista .volanta p {
    overflow: hidden;
    position: relative;
  }
  .nota-lista .volanta p:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota-lista .volanta p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}

.nota-full {
  margin-bottom: 0.625rem;
  display: table;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.nota-full .media {
  height: 100%;
}
.nota-full .titulo h2 a {
  color: rgb(255, 255, 255);
}
.nota-full .introduccion p {
  color: rgb(255, 255, 255);
}
.nota-full .autor_nota a span {
  color: rgb(255, 255, 255);
}

.nota-destacada {
  position: relative;
}
.nota-destacada .media {
  height: 100%;
  margin-bottom: 20px;
}
.nota-destacada .data {
  position: absolute;
  bottom: 0;
}
.nota-destacada .data .volanta {
  background-color: red;
  display: inline-block;
  margin-left: 10px;
  padding: 5px 15px;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.nota-destacada .data .volanta p {
  color: rgb(255, 255, 255);
}
.nota-destacada .data .titulo {
  padding: 15px 10px 40px 10px;
}
.nota-destacada .data .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 11.4rem; /* Fallback for non-webkit */
  font-size: 2.375rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota-destacada .data .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .nota-destacada .data .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota-destacada .data .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.nota-destacada .data .titulo h2 {
  color: rgb(255, 255, 255);
}

.iconos-compartir {
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto;
}
.iconos-compartir-logo .a {
  fill: #96999c;
  fill-rule: evenodd;
}

.nota-opinion .media .img--opinion {
  margin-bottom: 20px;
}
.nota-opinion .media .img--opinion img {
  width: 40%;
  max-width: 150px;
  margin: auto;
}
.nota-opinion .opinologo_nombre, .nota-opinion .volanta {
  text-align: center;
  margin-bottom: 20px;
}
.nota-opinion .opinologo_nombre a, .nota-opinion .volanta a {
  color: #D6001A;
}
.nota-opinion .titulo {
  margin-bottom: 30px;
}
.nota-opinion .titulo h2 {
  text-align: center;
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 3.75rem; /* Fallback for non-webkit */
  font-size: 1.25rem;
  line-height: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota-opinion .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .nota-opinion .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota-opinion .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.nota-opinion .introduccion p {
  text-align: center;
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 5.6rem; /* Fallback for non-webkit */
  font-size: 1rem;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota-opinion .introduccion p {
    overflow: hidden;
    position: relative;
  }
  .nota-opinion .introduccion p:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota-opinion .introduccion p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}

@media (min-width: 992px) {
  .apertura_1 .apertura-alerta.desktop .nota-en-desktop .nota--gral .nota__media img {
    min-height: 485px;
    max-height: none;
    height: 100%;
  }
}
.apertura_1 .nota-en-desktop {
  display: none;
}
@media (min-width: 992px) {
  .apertura_1 .nota-en-desktop {
    display: block;
  }
  .apertura_1 .nota-en-desktop .nota--gral {
    justify-content: space-between;
    padding-bottom: 10px;
  }
  .apertura_1 .nota-en-desktop .nota--gral .nota__media {
    height: 100%;
    max-height: 515px;
    margin-bottom: 15px;
  }
  .apertura_1 .nota-en-desktop .nota--gral .nota__media img {
    min-height: 485px;
    max-height: none;
    height: 100%;
  }
  .apertura_1 .nota-en-desktop .nota--gral .nota__body {
    height: fit-content;
  }
}
@media (min-width: 992px) {
  .apertura_1 .nota-en-mobile {
    display: none;
  }
}
.apertura_1 .notas-secundarias {
  padding: 20px;
}
.apertura_1 .notas-secundarias .nota__body {
  padding: 10px 5px 0;
}
.apertura_1 .nota_desktop {
  display: none;
}
.apertura_1 .nota--especial .nota__volantaImg {
  display: none;
}
.apertura_1 .nota--especial .nota__media--link img {
  border-radius: 0;
}
.apertura_1 .nota--gral .nota__volantaImg {
  border-radius: 15px;
}
.apertura_1 .nota--especial .nota__introduccion {
  height: 100%;
}
.apertura_1 .nota--especial .nota__introduccion p {
  max-height: 100%;
  font-size: 1rem;
}
.apertura_1 .nota--especial .nota__media {
  max-height: 620px;
}
.apertura_1 .nota--especial .nota__media .video-wrapper {
  padding-bottom: 128.25%;
}
.apertura_1 .nota--especial .nota__media .video-wrapper iframe {
  max-height: 620px;
}
@media (min-width: 768px) {
  .apertura_1 .item-6 {
    max-width: 100%;
    flex: 100%;
  }
  .apertura_1 .item-12 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .apertura_1 [class^=item-], .apertura_1 [class*=" item-"] {
    margin: 0;
    padding: 0;
  }
}
.apertura_1 .item-3 {
  max-width: 100%;
}
.apertura_1 #info_home .fecha {
  padding: 25px 0;
  margin: 0 50px;
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  display: none;
}
.apertura_1 #info_home .fecha label {
  font-size: 15px;
}
.apertura_1 #info_home .clima {
  margin: 0 50px;
  padding: 25px 0;
  padding-bottom: 0;
}
.apertura_1 #info_home .clima .titulo {
  margin-top: 0;
}
.apertura_1 #info_home .dolar {
  margin: 0 50px;
}
.apertura_1 #info_home .radio {
  margin: 0 50px;
  display: none;
}
.apertura_1 #info_home .radio .info {
  flex-direction: column;
  align-items: baseline;
  padding-bottom: 24px;
}
.apertura_1 #info_home .titulo {
  margin-top: 20px;
}
.apertura_1 #info_home .titulo label {
  font-size: 15px;
  text-transform: uppercase;
  color: #D6001A;
  font-weight: bold;
}
.apertura_1 #info_home .info {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #D5D5D5;
}
.apertura_1 #info_home .info label {
  font-size: 15px;
  vertical-align: top;
  margin-right: 15px;
  color: #464646;
}
.apertura_1 #info_home .info .fm {
  margin-top: 10px;
  margin-bottom: 20px;
}
.apertura_1 #info_home .info button {
  background-color: white;
  border: 1px solid #D2D2D2;
  font-size: 13px;
  font-weight: bold;
  color: #464646;
  padding: 8px 12px;
}
.apertura_1 .apertura-alerta.desktop {
  display: none;
}

.apertura_2 .item-6 {
  padding: 0px 15px;
}
.apertura_2 .nota--especial .bloque-blanco {
  min-height: 205px;
}
@media (min-width: 768px) {
  .apertura_2 .nota--especial .bloque-blanco {
    min-height: 100px;
  }
}
.apertura_2 .nota--especial .nota__degrade, .apertura_2 .nota--especial .nota__degrade-apertura {
  background: linear-gradient(0, white 9%, rgba(64, 62, 62, 0.2784313725) 32%, rgba(128, 128, 128, 0) 100%);
}
.apertura_2 .nota--especial .nota__media {
  max-height: 620px;
}
.apertura_2 .nota--especial .nota__media img {
  min-height: 450px;
}
.apertura_2 .nota--especial .nota__media--link img {
  border-radius: 0;
}
.apertura_2 .nota--especial .nota__media .video-wrapper {
  padding-bottom: 128.25%;
}
.apertura_2 .nota--especial .nota__media .video-wrapper iframe {
  max-height: 620px;
}
.apertura_2 .nota--especial .nota__body {
  margin: -20% auto 10px;
}
.apertura_2 .nota--especial .nota__titulo-item {
  font-size: 1.5625rem;
}
.apertura_2 .nota--especial .nota__introduccion {
  height: 100%;
}
.apertura_2 .nota--especial .nota__introduccion p {
  font-size: 1.125rem;
}
.apertura_2 .nota--gral .nota__volantaImg {
  border-radius: 15px;
}
.apertura_2 .nota--gral .nota__body {
  height: fit-content;
  margin-bottom: 10px;
  padding: 20px 0 0;
}
.apertura_2 .nota--gral .nota__titulo-item {
  font-size: 1.125rem;
}
.apertura_2 .apertura-alerta.desktop {
  display: none;
}
@media (min-width: 768px) {
  .apertura_2 .item-12 {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
  }
  .apertura_2 .item-6 {
    max-width: 100%;
    flex: 100%;
  }
}
.apertura_2 .nota-desktop {
  display: none;
}
@media (min-width: 992px) {
  .apertura_2 .nota-desktop {
    display: block;
  }
}
.apertura_2 .nota--gral.nota-mobile {
  justify-content: revert;
  display: flex;
  padding: 0 15px;
}
@media (min-width: 992px) {
  .apertura_2 .nota--gral.nota-mobile {
    display: none;
  }
}
.apertura_2 .apertura-alerta .nota--gral.nota-mobile {
  padding: 0;
}

.relleno {
  display: inline-flex;
  flex-wrap: wrap;
  max-width: 100%;
}
.relleno .nota-lista {
  flex-direction: column;
}
.relleno .nota-lista.nota-opinion .volanta {
  margin-bottom: 5px;
}
.relleno .nota-lista.nota-opinion .data .titulo h2 {
  font-size: 1.125rem;
}
.relleno .nota-lista .media {
  width: 100%;
  padding: 0;
}
.relleno .nota-lista .media .volanta {
  display: none;
}
.relleno .nota-lista .media img {
  width: 100%;
}
.relleno .nota-lista .data {
  width: 100%;
  padding: 20px;
}
.relleno .nota-lista .introduccion {
  display: none;
}
.relleno .nota-lista .introduccion p {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 4.9rem; /* Fallback for non-webkit */
  font-size: 0.875rem;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .relleno .nota-lista .introduccion p {
    overflow: hidden;
    position: relative;
  }
  .relleno .nota-lista .introduccion p:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .relleno .nota-lista .introduccion p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.relleno .nota-lista.modulo_minuto .media {
  margin: 0;
}

/* .apertura_3{
	.item-3{
		max-width: 100%;
	}
	.nota-especial{
		.volanta{
			display: block;
			top: auto;
   			bottom: 10px;
		}
		.media{
			position: relative;
			img{
				width: 100%;
			}
		}
		.data{
			position: relative;
			background-color: $color-white;
			.volanta {
				margin-bottom: 5px;
				top: 30px;
				left: 30px;
				display: none;
			}
			.titulo {
				padding: 30px 20px 10px 30px;
				box-shadow: 0px 15px 20px 0px #d1d1d1;
				margin-bottom: 40px;
				h2{
					font-size: fsc(30px);
					font-weight: bold;
					line-height: 1;
				}
			}
			.introduccion{
				display: none;
			}
		}
		&.modulo_minuto{
			.volanta{
				display: none;
			}
		}
	}
	.ap1_mobile{
		background-color: #ffffff;
	    margin: 40px auto 20px auto;
	    box-shadow: 0px 0px 20px 10px #d1d1d1;
	}
	#info_home{
		.fecha{
			padding: 25px 0;
			margin: 0 50px;
		    border-top: 1px solid #D5D5D5;
		    border-bottom: 1px solid #D5D5D5;
		    display: none;
		    label{
		    	font-size: 15px;
		    }
		}
		.clima{
			margin: 0 50px;
		}
		.dolar{
			margin: 0 50px;
			.info{
				border: none;
			}
		}
		.radio{
			margin: 0 50px;
			display: none;
			.info{
				flex-direction: column;
   				align-items: baseline;
   				padding-bottom: 24px;
			}
		}
		.titulo{
			margin-top: 20px;
			label{
				font-size: 15px;
				text-transform: uppercase;
			    color: $color-brand;
			    font-weight: bold;
			}
		}
		.info{
			display: flex;
			align-items: center;
			padding-bottom: 15px;
   			border-bottom: 1px solid #D5D5D5;
			label{
				font-size: 15px;
			    vertical-align: top;
			    margin-right: 15px;
			    color: #464646;
			}
			.fm{
				margin-top: 10px;
				margin-bottom: 20px;
			}
			button{
				background-color: white;
			    border: 1px solid #D2D2D2;
			    font-size: 13px;
			    font-weight: bold;
			    color: #464646;
			    padding: 8px 12px;
			}
		}
	}
	.nota-lista{
		.media{
			.volanta{
				display: none;
			}
			img{
				width: 100%;
			}
		}			
		.volanta a{
			color:$color-white;
		}
		.titulo{
			h2 a{
				color:$color-black;
			}
			.autor_nota{
				display: none;
			}
		} 
	}
}
.apertura_4{
	.item-3{
		max-width: 100%;
	}
	.ap1_mobile{
		background-color: #ffffff;
	    margin: 40px auto 20px auto;
	    box-shadow: 0px 0px 20px 10px #d1d1d1;
	}
	#info_home{
		.fecha{
			padding: 25px 0;
			margin: 0 50px;
		    border-top: 1px solid #D5D5D5;
		    border-bottom: 1px solid #D5D5D5;
		    display: none;
		    label{
		    	font-size: 15px;
		    }
		}
		.clima{
			margin: 0 50px;
		}
		.dolar{
			margin: 0 50px;
			.info{
				border: none;
			}
		}
		.radio{
			margin: 0 50px;
			display: none;
			.info{
				flex-direction: column;
   				align-items: baseline;
   				padding-bottom: 24px;
			}
		}
		.titulo{
			margin-top: 20px;
			label{
				font-size: 15px;
				text-transform: uppercase;
			    color: $color-brand;
			    font-weight: bold;
			}
		}
		.info{
			display: flex;
			align-items: center;
			padding-bottom: 15px;
   			border-bottom: 1px solid #D5D5D5;
			label{
				font-size: 15px;
			    vertical-align: top;
			    margin-right: 15px;
			    color: #464646;
			}
			.fm{
				margin-bottom: 20px;
			}
			button{
				background-color: white;
			    border: 1px solid #D2D2D2;
			    font-size: 13px;
			    font-weight: bold;
			    color: #464646;
			    padding: 8px 12px;
			}
		}
	}
	.nota-especial{
		.media{
			position: relative;
			.volanta{
				top: auto;
				bottom: 10px;
			}
			img{
				width: 100%;
			}
		}
		.data{
			.volanta{
				display: none;
			}
			.titulo{
				background-color: #ffffff;
    			margin-bottom: 40px;
    			box-shadow: 0px 0px 20px 10px #d1d1d1;
			}
		}
		&.modulo_minuto{
			.volanta{
				display: none;
			}
		}
	}
	.nota-side{
		min-height: 103px;
	    padding: 10px;
	    display: flex;
	    height: auto;
	    align-items: flex-start;
	    flex-direction: row-reverse;
		.media{
			flex-basis: 50%;
   			padding: 0 0 0 20px;
   			width:100%;
			.volanta{
				display: none;
			}
			.introduccion{
				display: none;
			}
			.autor_nota{
				display: none;
			}
			.minuto_a_minuto{
				top: 0;
				bottom: auto !important;
			}
			img{
				width: 100%;
			}
		}
		&.modulo_minuto {
			.media{
				padding: 0;
				margin-left: 20px;
			}
		}
		.data{
			flex-basis: 50%;
   			flex-grow: 1;
   			.titulo{
   				h2{
   					color: $color-black;
   					font-size: fsc(17px);
					font-weight: bold;
					min-height: 80px;

   				}
   			}
   			.volanta{
   				span{
   					color: $color-brand;
   				}
   			}
		}

	}
	.nota-lista{
		.media{
			.volanta{
				display: none;
			}
			img{
				width: 100%;
			}
		}			
		.volanta a{
			color:$color-white;
		}
		.titulo{
			h2 a{
				color:$color-black;
			}
			.autor_nota{
				display: none;
			}
		} 
	}
} */
.relacionadas {
  max-width: 100%;
}
.relacionadas .titulo {
  font-size: 1.125rem;
  color: #404041;
  font-weight: bold;
  border: 0;
  margin-bottom: 35px;
}
.relacionadas .grid .item {
  padding: 0;
}
.relacionadas .notas-relacionadas {
  display: flex;
  flex-wrap: wrap;
}
.relacionadas .notas-relacionadas .item-4 {
  margin-bottom: 45px;
}
.relacionadas .notas-relacionadas .nota {
  padding: 0;
  flex-direction: row;
  flex-wrap: wrap;
}
.relacionadas .notas-relacionadas .nota .nota__media {
  padding: 0;
  height: fit-content;
  flex-basis: 31%;
}
.relacionadas .notas-relacionadas .nota .nota__media img {
  min-height: 95px;
  border-radius: 15px;
}
.relacionadas .notas-relacionadas .nota .nota__body {
  position: relative;
  padding: 0 0 0 28px;
  flex-basis: 69%;
  height: fit-content;
}
.relacionadas .notas-relacionadas .nota .nota__volanta {
  text-transform: inherit;
  margin-bottom: 5px;
  color: #666666;
}
.relacionadas .notas-relacionadas .nota .nota__titulo {
  margin-bottom: 15px;
}
.relacionadas .notas-relacionadas .nota .nota__titulo-item {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 33.6px; /* Fallback for non-webkit */
  font-size: 14px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .relacionadas .notas-relacionadas .nota .nota__titulo-item {
    overflow: hidden;
    position: relative;
  }
  .relacionadas .notas-relacionadas .nota .nota__titulo-item:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .relacionadas .notas-relacionadas .nota .nota__titulo-item:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.relacionadas .notas-relacionadas .nota .nota__continuar {
  font-size: 0.75rem;
  font-weight: bold;
  color: #D6001A;
  flex: 69%;
  max-width: 69%;
  margin: 0 0 0 auto;
  padding-left: 28px;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Bloques/Modulos-----------------------------------------*/
.modulo {
  margin-bottom: 40px;
}

.nota_top_destacada {
  display: none;
  margin: 15px 0;
}
.nota_top_destacada .nota-lista {
  background-color: rgb(33, 33, 33);
  padding: 0;
  margin: 0 10px;
  min-height: auto;
  align-items: center;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.nota_top_destacada .nota-lista:after {
  border-bottom: 0;
}
.nota_top_destacada .nota-lista .media {
  flex: 0 0 106px;
  padding: 0;
}
.nota_top_destacada .nota-lista .data {
  flex: 0 0 calc(100% - 106px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.nota_top_destacada .nota-lista .data .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 3.15rem; /* Fallback for non-webkit */
  font-size: 0.875rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota_top_destacada .nota-lista .data .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .nota_top_destacada .nota-lista .data .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota_top_destacada .nota-lista .data .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.nota_top_destacada .nota-lista .data .titulo h2 a {
  color: rgb(255, 255, 255);
}
.nota_top_destacada .nota-lista .data .btn--gris {
  display: none;
  font-size: 0.875rem;
  background-color: #525252;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: none;
  line-height: 2.5;
}

.bloque_sabana, .relleno {
  width: 100%;
}
@media (min-width: 768px) {
  .bloque_sabana .item-3, .relleno .item-3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.bloque_sabana .bloque-notas, .relleno .bloque-notas {
  padding: 15px;
}

.bloque_1, .bloque_2, .bloque_8Notas, .d_4Notas, .bloque_3, .bloque_5Notas, .bloque-3Notas, .bloque_4, .bloque_5, .bloque_6, .bloque_7, .bloque-elecciones {
  max-width: 100%;
}
.bloque_1 .titulo_bloque, .bloque_2 .titulo_bloque, .bloque_8Notas .titulo_bloque, .d_4Notas .titulo_bloque, .bloque_3 .titulo_bloque, .bloque_5Notas .titulo_bloque, .bloque-3Notas .titulo_bloque, .bloque_4 .titulo_bloque, .bloque_5 .titulo_bloque, .bloque_6 .titulo_bloque, .bloque_7 .titulo_bloque, .bloque-elecciones .titulo_bloque {
  margin-bottom: 20px;
  padding: 10px;
}
.bloque_1 .titulo_bloque h3 a, .bloque_2 .titulo_bloque h3 a, .bloque_8Notas .titulo_bloque h3 a, .d_4Notas .titulo_bloque h3 a, .bloque_3 .titulo_bloque h3 a, .bloque_5Notas .titulo_bloque h3 a, .bloque-3Notas .titulo_bloque h3 a, .bloque_4 .titulo_bloque h3 a, .bloque_5 .titulo_bloque h3 a, .bloque_6 .titulo_bloque h3 a, .bloque_7 .titulo_bloque h3 a, .bloque-elecciones .titulo_bloque h3 a {
  font-weight: bold;
}
.bloque_1 .cont-300, .bloque_2 .cont-300, .bloque_8Notas .cont-300, .d_4Notas .cont-300, .bloque_3 .cont-300, .bloque_5Notas .cont-300, .bloque-3Notas .cont-300, .bloque_4 .cont-300, .bloque_5 .cont-300, .bloque_6 .cont-300, .bloque_7 .cont-300, .bloque-elecciones .cont-300 {
  text-align: center;
}
.bloque_1 .cont-p, .bloque_2 .cont-p, .bloque_8Notas .cont-p, .d_4Notas .cont-p, .bloque_3 .cont-p, .bloque_5Notas .cont-p, .bloque-3Notas .cont-p, .bloque_4 .cont-p, .bloque_5 .cont-p, .bloque_6 .cont-p, .bloque_7 .cont-p, .bloque-elecciones .cont-p {
  margin-bottom: 20px;
}

.bloque_1 .desktop {
  display: none;
}
.bloque_1 .nota-principal {
  flex-direction: column;
  padding: 0;
}
.bloque_1 .nota-principal .media {
  padding: 0;
}
.bloque_1 .nota-principal .data {
  max-width: 300px;
  margin: auto;
  padding: 20px 30px 10px 30px;
  background-color: white;
  margin-top: -15%;
  z-index: 1;
  box-shadow: 0px 6px 12px 0px #d1d1d1;
  margin-bottom: 10px;
}
.bloque_1 .nota-principal .data .volanta p {
  font-size: 1rem;
}
.bloque_1 .nota-principal .data .titulo {
  margin-top: 10px;
}
.bloque_1 .nota-principal .data .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 10.8rem; /* Fallback for non-webkit */
  font-size: 1.5rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .bloque_1 .nota-principal .data .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .bloque_1 .nota-principal .data .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .bloque_1 .nota-principal .data .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.bloque_1 .nota-principal .data .titulo .autor_nota {
  display: block;
}
.bloque_1 .nota-principal .minuto_a_minuto {
  top: 0;
  bottom: auto !important;
}
.bloque_1 .nota-principal {
  min-height: 103px;
  padding: 10px;
  display: flex;
  height: auto;
  flex-direction: row-reverse;
}
.bloque_1 .nota-principal .autor_nota {
  display: none;
}
.bloque_1 .nota-principal .media {
  flex-basis: 50%;
  padding: 0;
}
.bloque_1 .nota-principal .media .volanta {
  display: none;
}
.bloque_1 .nota-principal .media .videoWrapper {
  height: 100%;
}
.bloque_1 .nota-principal .media img {
  width: 100%;
  height: auto;
}
.bloque_1 .nota-principal .data {
  flex-basis: 50%;
  flex-grow: 1;
  padding-right: 20px;
}
.bloque_1 .nota-principal .data .volanta {
  margin-bottom: 5px;
}
.bloque_1 .nota-principal .data .volanta span {
  font-size: 0.875rem;
  color: #D6001A;
}
.bloque_1 .nota-principal .data .titulo h2 {
  font-size: 1.125rem;
}
.bloque_1 .nota-compartida {
  min-height: 103px;
  padding: 10px;
  display: flex;
  height: auto;
  flex-direction: row-reverse;
}
.bloque_1 .nota-compartida .media {
  flex-basis: 50%;
  padding: 0;
}
.bloque_1 .nota-compartida .media .volanta {
  display: none;
}
.bloque_1 .nota-compartida .media img {
  width: 100%;
}
.bloque_1 .nota-compartida .data {
  flex-basis: 50%;
  flex-grow: 1;
  padding-right: 20px;
}
.bloque_1 .nota-compartida .data .volanta span {
  font-size: 0.875rem;
  color: #D6001A;
}
.bloque_1 .nota-compartida .data .titulo {
  margin: 10px 0;
}
.bloque_1 .nota-compartida .data .titulo h2 {
  font-size: 1.125rem;
  max-height: 5.3rem;
}
.bloque_1 .nota-compartida.modulo_minuto {
  align-items: end;
}
.bloque_1 .nota-carrousel .media .volanta {
  display: none;
}
.bloque_1 .nota-carrousel .media img {
  width: 100%;
}
.bloque_1 .nota-carrousel .data {
  padding: 10px;
}
.bloque_1 .nota-carrousel .data .volanta span {
  color: #D6001A;
  font-size: 1rem;
}
.bloque_1 .nota-lista .autor_nota {
  display: none;
}
.bloque_1 .nota-lista .media {
  padding: 0;
}
.bloque_1 .nota-lista .media .volanta {
  display: none;
}
.bloque_1 .nota-lista .media img {
  width: 100%;
}
.bloque_1 .nota-lista .data {
  padding-right: 20px;
}
.bloque_1 .swiper-container {
  margin-top: 20px;
}
.bloque_1 .swiper-container2 {
  margin-top: 20px;
}
.bloque_1 .swiper-container2 .swiper-button-next, .bloque_1 .swiper-container2 .swiper-button-prev {
  display: none;
}

.bloque_2, .d_4Notas, .bloque_8Notas, .bloque_5Notas, .bloque_4, .bloque-3Notas, .bloque-elecciones {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 15px;
}
.bloque_2 .titulo_bloque, .d_4Notas .titulo_bloque, .bloque_8Notas .titulo_bloque, .bloque_5Notas .titulo_bloque, .bloque_4 .titulo_bloque, .bloque-3Notas .titulo_bloque, .bloque-elecciones .titulo_bloque {
  font-size: 2.1875rem;
  color: #313133;
  text-align: center;
  padding: 0;
  margin: 0;
}
.bloque_2 .hr__titulo, .d_4Notas .hr__titulo, .bloque_8Notas .hr__titulo, .bloque_5Notas .hr__titulo, .bloque_4 .hr__titulo, .bloque-3Notas .hr__titulo, .bloque-elecciones .hr__titulo {
  border-top: 2px solid #D6001A;
  max-width: 140px;
  margin-bottom: 40px;
}
.bloque_2 .nota--full .nota__body, .d_4Notas .nota--full .nota__body, .bloque_8Notas .nota--full .nota__body, .bloque_5Notas .nota--full .nota__body, .bloque_4 .nota--full .nota__body, .bloque-3Notas .nota--full .nota__body, .bloque-elecciones .nota--full .nota__body {
  position: absolute;
  bottom: 0;
  height: fit-content;
  text-align: center;
  padding: 15px 20px;
}
.bloque_2 .nota--full .nota__media--link img, .d_4Notas .nota--full .nota__media--link img, .bloque_8Notas .nota--full .nota__media--link img, .bloque_5Notas .nota--full .nota__media--link img, .bloque_4 .nota--full .nota__media--link img, .bloque-3Notas .nota--full .nota__media--link img, .bloque-elecciones .nota--full .nota__media--link img {
  min-height: 344px;
}
.bloque_2 .nota--full .nota__degrade, .d_4Notas .nota--full .nota__degrade, .bloque_8Notas .nota--full .nota__degrade, .bloque_5Notas .nota--full .nota__degrade, .bloque_4 .nota--full .nota__degrade, .bloque-3Notas .nota--full .nota__degrade, .bloque-elecciones .nota--full .nota__degrade {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0, black 1%, rgba(0, 0, 0, 0.6392156863) 26%, rgba(128, 128, 128, 0) 100%);
}
.bloque_2 .nota--full .nota__volanta, .d_4Notas .nota--full .nota__volanta, .bloque_8Notas .nota--full .nota__volanta, .bloque_5Notas .nota--full .nota__volanta, .bloque_4 .nota--full .nota__volanta, .bloque-3Notas .nota--full .nota__volanta, .bloque-elecciones .nota--full .nota__volanta {
  font-size: 0.875rem;
  color: white;
}
.bloque_2 .nota--full .nota__titulo-item, .d_4Notas .nota--full .nota__titulo-item, .bloque_8Notas .nota--full .nota__titulo-item, .bloque_5Notas .nota--full .nota__titulo-item, .bloque_4 .nota--full .nota__titulo-item, .bloque-3Notas .nota--full .nota__titulo-item, .bloque-elecciones .nota--full .nota__titulo-item {
  color: white;
  font-size: 1.375rem;
  line-height: 1.2;
}
.bloque_2 .nota--gral, .d_4Notas .nota--gral, .bloque_8Notas .nota--gral, .bloque_5Notas .nota--gral, .bloque_4 .nota--gral, .bloque-3Notas .nota--gral, .bloque-elecciones .nota--gral {
  margin: 35px 0;
  height: fit-content;
}
.bloque_2 .nota--gral .nota__media, .d_4Notas .nota--gral .nota__media, .bloque_8Notas .nota--gral .nota__media, .bloque_5Notas .nota--gral .nota__media, .bloque_4 .nota--gral .nota__media, .bloque-3Notas .nota--gral .nota__media, .bloque-elecciones .nota--gral .nota__media {
  order: 1;
}
.bloque_2 .nota--gral .nota__volanta, .d_4Notas .nota--gral .nota__volanta, .bloque_8Notas .nota--gral .nota__volanta, .bloque_5Notas .nota--gral .nota__volanta, .bloque_4 .nota--gral .nota__volanta, .bloque-3Notas .nota--gral .nota__volanta, .bloque-elecciones .nota--gral .nota__volanta {
  font-size: 0.875rem;
  color: #D6001A;
}
.bloque_2 .nota--gral .nota__titulo-item, .d_4Notas .nota--gral .nota__titulo-item, .bloque_8Notas .nota--gral .nota__titulo-item, .bloque_5Notas .nota--gral .nota__titulo-item, .bloque_4 .nota--gral .nota__titulo-item, .bloque-3Notas .nota--gral .nota__titulo-item, .bloque-elecciones .nota--gral .nota__titulo-item {
  font-size: 1.375rem;
  line-height: 1.2;
  color: #313133;
}
.bloque_2 .nota--linea .nota__media--link img, .bloque_2 .nota--linea .nota__media .video-wrapper, .d_4Notas .nota--linea .nota__media--link img, .d_4Notas .nota--linea .nota__media .video-wrapper, .bloque_8Notas .nota--linea .nota__media--link img, .bloque_8Notas .nota--linea .nota__media .video-wrapper, .bloque_5Notas .nota--linea .nota__media--link img, .bloque_5Notas .nota--linea .nota__media .video-wrapper, .bloque_4 .nota--linea .nota__media--link img, .bloque_4 .nota--linea .nota__media .video-wrapper, .bloque-3Notas .nota--linea .nota__media--link img, .bloque-3Notas .nota--linea .nota__media .video-wrapper, .bloque-elecciones .nota--linea .nota__media--link img, .bloque-elecciones .nota--linea .nota__media .video-wrapper {
  min-height: 0;
}
.bloque_2 .nota--linea .nota__body, .d_4Notas .nota--linea .nota__body, .bloque_8Notas .nota--linea .nota__body, .bloque_5Notas .nota--linea .nota__body, .bloque_4 .nota--linea .nota__body, .bloque-3Notas .nota--linea .nota__body, .bloque-elecciones .nota--linea .nota__body {
  padding-left: 20px;
}
.bloque_2 .nota--linea .nota__volanta, .d_4Notas .nota--linea .nota__volanta, .bloque_8Notas .nota--linea .nota__volanta, .bloque_5Notas .nota--linea .nota__volanta, .bloque_4 .nota--linea .nota__volanta, .bloque-3Notas .nota--linea .nota__volanta, .bloque-elecciones .nota--linea .nota__volanta {
  font-size: 0.875rem;
  color: #D6001A;
}
.bloque_2 .nota--linea:not(.d_4Notas).nota__titulo-item, .d_4Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque_8Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque_5Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque_4 .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque-3Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque-elecciones .nota--linea:not(.d_4Notas).nota__titulo-item {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 86.4px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .bloque_2 .nota--linea:not(.d_4Notas).nota__titulo-item, .d_4Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque_8Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque_5Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque_4 .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque-3Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque-elecciones .nota--linea:not(.d_4Notas).nota__titulo-item {
    overflow: hidden;
    position: relative;
  }
  .bloque_2 .nota--linea:not(.d_4Notas).nota__titulo-item:before, .d_4Notas .nota--linea:not(.d_4Notas).nota__titulo-item:before, .bloque_8Notas .nota--linea:not(.d_4Notas).nota__titulo-item:before, .bloque_5Notas .nota--linea:not(.d_4Notas).nota__titulo-item:before, .bloque_4 .nota--linea:not(.d_4Notas).nota__titulo-item:before, .bloque-3Notas .nota--linea:not(.d_4Notas).nota__titulo-item:before, .bloque-elecciones .nota--linea:not(.d_4Notas).nota__titulo-item:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .bloque_2 .nota--linea:not(.d_4Notas).nota__titulo-item:after, .d_4Notas .nota--linea:not(.d_4Notas).nota__titulo-item:after, .bloque_8Notas .nota--linea:not(.d_4Notas).nota__titulo-item:after, .bloque_5Notas .nota--linea:not(.d_4Notas).nota__titulo-item:after, .bloque_4 .nota--linea:not(.d_4Notas).nota__titulo-item:after, .bloque-3Notas .nota--linea:not(.d_4Notas).nota__titulo-item:after, .bloque-elecciones .nota--linea:not(.d_4Notas).nota__titulo-item:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.bloque_2 .nota--linea:not(.d_4Notas).nota__titulo-item, .d_4Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque_8Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque_5Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque_4 .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque-3Notas .nota--linea:not(.d_4Notas).nota__titulo-item, .bloque-elecciones .nota--linea:not(.d_4Notas).nota__titulo-item {
  color: #313133;
  font-weight: bold;
}
.bloque_2 .nota--linea:hover, .d_4Notas .nota--linea:hover, .bloque_8Notas .nota--linea:hover, .bloque_5Notas .nota--linea:hover, .bloque_4 .nota--linea:hover, .bloque-3Notas .nota--linea:hover, .bloque-elecciones .nota--linea:hover {
  border-bottom: 2px solid transparent;
}
.bloque_2 .desktop, .d_4Notas .desktop, .bloque_8Notas .desktop, .bloque_5Notas .desktop, .bloque_4 .desktop, .bloque-3Notas .desktop, .bloque-elecciones .desktop {
  display: none;
}
.bloque_2 .mobile, .d_4Notas .mobile, .bloque_8Notas .mobile, .bloque_5Notas .mobile, .bloque_4 .mobile, .bloque-3Notas .mobile, .bloque-elecciones .mobile {
  display: block;
}

.bloque-elecciones.nopadding {
  padding: 0;
}
.bloque-elecciones.nopadding .item-6.elecciones {
  position: relative;
}
.bloque-elecciones.nopadding .item-12.elecciones {
  position: absolute;
  z-index: 1;
  margin-top: 50px;
}
.bloque-elecciones.nopadding .item-12.elecciones.desktop {
  position: absolute;
  z-index: 1;
  margin-top: 0;
  padding: 20px 0;
  display: block;
}
.bloque-elecciones.nopadding .titulo_bloque {
  color: white;
}
.bloque-elecciones.nopadding .titulo_bloque h3 {
  text-align: left;
  padding: 0 15px;
}
.bloque-elecciones.nopadding .nota--especial .nota__titulo .nota__titulo-item {
  font-size: 22.4px;
}
.bloque-elecciones.nopadding hr {
  display: none;
}
.bloque-elecciones.nopadding .nota--especial .nota__degrade, .bloque-elecciones.nopadding .nota--especial .nota__degrade-apertura {
  background: linear-gradient(to top, black, transparent);
}

.bloque-propiedades .nota__firmantes .nombre-firmante .firmante {
  color: white;
}

.bloque-elecciones {
  background-color: black;
}
.bloque-elecciones.notas {
  margin-top: 50px;
}
.bloque-elecciones .nota__titulo-item {
  color: white;
}
.bloque-elecciones .item-4 .nota__titulo-item {
  color: white;
}
.bloque-elecciones .item-4 .firmante {
  color: white;
}
.bloque-elecciones .nota__media--link img {
  border-radius: 0;
}
.bloque-elecciones .nota--linea .nota__media--link img {
  border-radius: 15px;
}
.bloque-elecciones .nota--linea .nota__volanta {
  color: rgb(255, 255, 255);
}
.bloque-elecciones .nota__body {
  padding: 0;
  width: 90%;
}
.bloque-elecciones .ver-mas.mobile {
  display: flex;
  justify-content: center;
  color: white;
  padding: 20px;
}
.bloque-elecciones .ver-mas.desktop {
  display: none;
}

.ultimas-noticias {
  display: flex;
  flex-direction: column;
}
.ultimas-noticias span {
  font-size: 17px;
}

.ultimas {
  color: #D6001A;
}

.bloque-elecciones.nopadding.desktop {
  display: none;
}

@media (min-width: 768px) {
  .bloque-elecciones {
    background: linear-gradient(to top, black 40%, rgba(0, 0, 0, 0.3607843137));
  }
  .bloque-elecciones .ver-mas.desktop {
    display: block;
    position: absolute;
    right: 0;
    top: 36px;
    color: white;
    right: 26px;
    cursor: pointer;
    z-index: 1;
  }
  .bloque-elecciones.nopadding.mobile {
    display: none;
  }
  .bloque-elecciones.nopadding.desktop {
    display: block;
    padding: 20px 15px;
  }
  .bloque-elecciones.nopadding.desktop .item-12.elecciones.desktop {
    position: initial;
  }
  .bloque-elecciones.desktop {
    display: block;
  }
  .ultimas {
    color: #D6001A;
  }
  .ultimas-noticias span {
    color: #313133;
  }
}
.bloque_8Notas .nota--full .nota__titulo-item, .bloque_8Notas .nota--gral .nota__titulo-item, .bloque_8Notas .nota--linea .nota__titulo-item {
  font-weight: 400;
}
.bloque_8Notas .nota--full {
  border-radius: 15px;
}
.bloque_8Notas .nota--full .nota__firmantes {
  display: none;
}
.bloque_8Notas .nota--full .nota__body {
  width: 100%;
  height: auto;
}
.bloque_8Notas .nota--full .nota__btnCompartir img {
  width: 55px;
}
.bloque_8Notas .nota--gral .nota__introduccion {
  display: none;
}
.bloque_8Notas .nota-desktop {
  display: none;
}

@media (max-width: 1024px) {
  .nota.nota--linea .nota__titulo-item {
    font-size: 1rem;
  }
}

.bloque_5Notas .nota--gral {
  margin: 0;
  margin-bottom: 20px;
}
.bloque_5Notas .nota--gral .nota__media .video-wrapper {
  padding-bottom: 61%;
}
.bloque_5Notas .nota--gral .nota__media img {
  max-height: 100%;
}
.bloque_5Notas .nota-desktop {
  display: none;
}
.bloque_5Notas .nota--gral .nota__titulo-item, .bloque_5Notas .nota--linea .nota__titulo-item {
  font-weight: 400;
}
@media (min-width: 768px) {
  .bloque_5Notas .item-6, .bloque_5Notas .item-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.d_4Notas {
  padding: 0 15px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .d_4Notas {
    padding: 0 20px;
  }
  .d_4Notas .item-3 {
    max-width: none;
    flex: 1 1 auto;
  }
}
@media (min-width: 992px) {
  .d_4Notas {
    padding: 0;
  }
  .d_4Notas .item-3 {
    max-width: calc(25% - 12px);
    flex: 0 0 calc(25% - 12px);
  }
  .d_4Notas .nota--linea .nota__body {
    padding: 0;
  }
}
.d_4Notas .grid {
  justify-content: space-between;
}
.d_4Notas .nota--linea .nota__body {
  padding-left: 15px;
}
.d_4Notas .nota--linea:hover {
  border-bottom: 2px solid #D6001A;
}

.bloque-3Notas {
  max-width: 100%;
  padding: 30px 15px;
  background-color: #313133;
}
.bloque-3Notas .grid {
  max-width: 1150px;
  margin: 0 auto;
}
.bloque-3Notas .titulo_bloque {
  color: white;
  position: relative;
}
.bloque-3Notas .titulo_bloque .ver-mas {
  display: none;
}
.bloque-3Notas .nota--gral {
  margin: 0;
  margin-bottom: 10px;
}
.bloque-3Notas .nota--gral .nota__volanta, .bloque-3Notas .nota--gral .nota__titulo-item {
  color: white;
  margin-bottom: 10px;
  font-weight: 400;
}
.bloque-3Notas .nota--gral .nota__firmantes .nombre-firmante .firmante {
  color: white;
}
.bloque-3Notas .nota--gral .nota__body {
  padding: 10px 0;
}
.bloque-3Notas .nota--gral .nota__titulo-item {
  font-size: 1.125rem;
  line-height: 1.2;
}
.bloque-3Notas .nota-desktop {
  display: none;
}
.bloque-3Notas .item-4 {
  flex: 0 0 100%;
  max-width: 100%;
}

.bloque-mundial {
  position: relative;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  background-image: url("/img/qatar2022/fondoMobile.svg");
  background-position: unset;
  background-size: cover;
}
.bloque-mundial .mundial-header__titulo, .bloque-mundial .mundial-main {
  padding: 20px;
}
.bloque-mundial .mundial-main {
  z-index: 1;
  position: relative;
}
.bloque-mundial .mundial-main .item-4 {
  margin-bottom: 30px;
}
.bloque-mundial .mundial-header__titulo {
  position: relative;
  max-width: 700px;
}
.bloque-mundial .mundial-header__verMas {
  display: none;
}
.bloque-mundial .mundial-header__titulo-logo {
  width: fit-content;
}
.bloque-mundial .mundial-header__titulo-logo .mundial-titulo {
  font-size: 21px;
  font-family: "Noto Sans", sans-serif;
  color: #D6001A;
  font-weight: bold;
}
.bloque-mundial .mundial-header__cruzBlanca {
  position: absolute;
  right: 20px;
  bottom: 0;
}
.bloque-mundial .mundial-header__titulo-subtitle-item {
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: bold;
  color: #707171;
}
.bloque-mundial .mundial-header__auspiciante {
  background: #707171;
  margin-top: 25px;
}
.bloque-mundial .mundial-header__auspiciante-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
}
.bloque-mundial .mundial-header__auspiciante-item.desktop {
  display: none;
}
.bloque-mundial .mundial-header__auspiciante-logo {
  max-width: 110px;
}
.bloque-mundial .mundial-header__auspiciante-text {
  padding-right: 10px;
  font-size: 0.75rem;
  font-weight: bold;
  color: white;
}
.bloque-mundial .mundial-iframe {
  height: 100%;
  max-height: 435px !important;
}
.bloque-mundial .mundial-iframe__box {
  height: 100%;
  max-height: 100%;
}
.bloque-mundial .mundial-iframe__box iframe {
  height: auto;
}
.bloque-mundial .mundial-iframe__box iframe, .bloque-mundial .mundial-iframe__box > div:first-child {
  width: 100%;
  max-width: 100%;
  margin: 0 auto !important;
}
.bloque-mundial .mundial-notasFijas .nota--linea, .bloque-mundial .mundial-notasFijas .nota--gral, .bloque-mundial .mundial-notasFijas .nota--linea:hover, .bloque-mundial .mundial-notasFijas .nota--gral:hover {
  border-bottom: none;
}
.bloque-mundial .mundial-notasFijas .nota--gral {
  flex-direction: column-reverse;
}
.bloque-mundial .mundial-notasFijas .nota--gral .nota__media {
  flex-basis: 100%;
  max-width: 100%;
}
.bloque-mundial .mundial-notasFijas .nota--gral .nota__media--link img {
  min-height: inherit;
  border-radius: 10px;
  width: 100%;
}
.bloque-mundial .mundial-notasFijas .nota--gral .nota__body {
  flex-basis: 100%;
  max-width: 100%;
}
.bloque-mundial .mundial-notasFijas .nota--gral .nota__volanta {
  color: #CC1F47;
  font-size: 1.125rem;
  font-weight: bold;
}
.bloque-mundial .mundial-notasFijas .nota--gral .nota__titulo-item {
  font-size: 1.3125rem;
  color: #707171;
}
.bloque-mundial .mundial-notasFijas .nota--linea .nota__media {
  flex-basis: 35%;
  max-width: 35%;
}
.bloque-mundial .mundial-notasFijas .nota--linea .nota__media--link img {
  min-height: inherit;
  border-radius: 10px;
  width: 100%;
}
.bloque-mundial .mundial-notasFijas .nota--linea .nota__body {
  flex-basis: 65%;
  max-width: 65%;
  padding-left: 15px;
}
.bloque-mundial .mundial-notasFijas .nota--linea .nota__volanta {
  color: #CC1F47;
  font-size: 0.875rem;
  font-weight: bold;
}
.bloque-mundial .mundial-notasFijas .nota--linea .nota__titulo-item {
  font-size: 1rem;
  color: #707171;
}
.bloque-mundial .mundial-verMas {
  position: relative;
  text-align: center;
  padding: 35px 0 55px;
  max-width: 375px;
  margin: 0 auto 40px;
}
.bloque-mundial .mundial-verMas__text-item {
  font-size: 1.125rem;
  font-weight: bold;
  color: #707171;
}
.bloque-mundial .mundial-verMas__cruzBlanca, .bloque-mundial .mundial-verMas__cruzGris, .bloque-mundial .mundial-verMas__flechas {
  position: absolute;
}
.bloque-mundial .mundial-verMas__cruzBlanca {
  bottom: 30px;
  left: 20px;
}
.bloque-mundial .mundial-verMas__cruzGris {
  bottom: 40px;
  right: 10px;
}
.bloque-mundial .mundial-verMas__flechas {
  bottom: 0;
  left: 0;
  right: 0;
}
.bloque-mundial .mundial-logosDesktop {
  display: none;
}
.bloque-mundial .mundial-logosDesktop svg {
  opacity: 0.7;
}
@media (min-width: 768px) {
  .bloque-mundial .mundial-main .item-4, .bloque-mundial .mundial-main .item-8 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.bloque-mundial.mundial.onlyIframe {
  width: 100%;
  margin: auto;
  background: none;
}
.bloque-mundial.mundial.onlyIframe .mundial-iframe {
  margin-bottom: 30px;
  max-height: 100% !important;
  overflow-y: inherit !important;
}

.bloque-vps {
  position: relative;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  background: linear-gradient(0deg, rgb(23, 23, 21) 43%, rgb(201, 201, 201) 80%);
  background-position: unset;
  background-size: cover;
}
.bloque-vps .vps-header__titulo {
  padding: 20px 30px 0;
}
.bloque-vps .vps-main {
  padding: 20px;
  z-index: 1;
  position: relative;
}
.bloque-vps .vps-main .item-4 {
  margin-bottom: 10px;
}
.bloque-vps .vps-header__titulo {
  position: relative;
  max-width: 700px;
  z-index: 1;
}
.bloque-vps .vps-header__verMas {
  display: none;
}
.bloque-vps .vps-header__titulo-logo {
  width: fit-content;
  background: #504a9d;
  transform: skew(-20deg);
}
.bloque-vps .vps-header__titulo-logo .vps-titulo {
  font-size: 29px;
  padding: 4px 6px 0;
  font-family: "Bebas Neue", cursive;
  color: white;
  font-weight: 400;
  display: inline-block;
  transform: skew(20deg);
}
.bloque-vps .vps-header__titulo-subtitle-item {
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: bold;
  color: #707171;
}
.bloque-vps .vps-header__auspiciante {
  background: #707171;
}
.bloque-vps .vps-header__auspiciante-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  background-color: #2A2B38;
  position: relative;
  z-index: 1;
}
.bloque-vps .vps-header__auspiciante-item.desktop {
  display: none;
}
.bloque-vps .vps-header__auspiciante-logo {
  max-width: 55px;
}
.bloque-vps .vps-header__auspiciante-text {
  padding-right: 10px;
  font-size: 0.75rem;
  font-weight: bold;
  color: white;
}
.bloque-vps .vps-notasFijas .nota--linea, .bloque-vps .vps-notasFijas .nota--gral, .bloque-vps .vps-notasFijas .nota--linea:hover, .bloque-vps .vps-notasFijas .nota--gral:hover {
  border-bottom: none;
}
.bloque-vps .vps-notasFijas .nota--gral {
  flex-direction: column-reverse;
}
.bloque-vps .vps-notasFijas .nota--gral .nota__media {
  flex-basis: 100%;
  max-width: 100%;
}
.bloque-vps .vps-notasFijas .nota--gral .nota__media--link img {
  min-height: inherit;
  border-radius: 10px;
  width: 100%;
  aspect-ratio: 23/14;
}
.bloque-vps .vps-notasFijas .nota--gral .nota__body {
  flex-basis: 100%;
  max-width: 100%;
}
.bloque-vps .vps-notasFijas .nota--gral .nota__fecha {
  display: none;
}
.bloque-vps .vps-notasFijas .nota--gral .nota__volanta {
  color: white;
  padding-bottom: 0;
  margin-bottom: 0;
  font-weight: 400;
  font-family: "Bebas Neue", cursive;
  font-size: 1.5rem;
  letter-spacing: 1px;
}
.bloque-vps .vps-notasFijas .nota--gral .nota__titulo-item {
  font-size: 1.3125rem;
  color: white;
  font-weight: bold;
  padding-bottom: 0;
}
.bloque-vps .vps-notasFijas .nota--linea .nota__media {
  flex-basis: 35%;
  max-width: 35%;
}
.bloque-vps .vps-notasFijas .nota--linea .nota__media--link img {
  min-height: inherit;
  border-radius: 10px;
  width: 100%;
  max-height: 80px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .bloque-vps .vps-notasFijas .nota--linea .nota__media--link img {
    min-height: 137px;
  }
}
.bloque-vps .vps-notasFijas .nota--linea .nota__body {
  flex-basis: 65%;
  max-width: 65%;
  padding-left: 15px;
}
.bloque-vps .vps-notasFijas .nota--linea .nota__fecha {
  display: none;
}
.bloque-vps .vps-notasFijas .nota--linea .nota__volanta {
  color: white;
  font-size: 1.0625rem;
  font-weight: 400;
  font-family: "Bebas Neue", cursive;
  font-size: 17px;
  margin-bottom: 0;
}
.bloque-vps .vps-notasFijas .nota--linea .nota__titulo-item {
  font-size: 0.875rem;
  color: white;
  font-weight: 600;
}
.bloque-vps .vps-verMas {
  position: relative;
  text-align: center;
  padding: 35px 0 55px;
  max-width: 375px;
  margin: 0 auto 40px;
}
.bloque-vps .vps-verMas__text-item {
  font-size: 1.125rem;
  color: #514A9C;
  font-family: "Bebas Neue", cursive;
  font-weight: 400;
}
.bloque-vps .vps-logosMobile {
  display: block;
}
.bloque-vps .vps-logosMobile__fondo {
  position: absolute;
  top: 58px;
  left: 0px;
  right: 0px;
  opacity: 0.1;
}
.bloque-vps .vps-logosDesktop {
  display: none;
}
.bloque-vps .vps-logosDesktop svg {
  opacity: 0.2;
}
@media (min-width: 768px) {
  .bloque-vps .vps-main .item-4, .bloque-vps .vps-main .item-8 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.bloque-vps .vps-mobile__verMas {
  color: white;
  font-size: 1.0625rem;
  font-weight: 400;
  font-family: "Bebas Neue";
  font-size: 17px;
  text-align: center;
  width: 100%;
  padding: 20px 0 50px;
}
@media (min-width: 1024px) {
  .bloque-vps .vps-mobile__verMas {
    display: none;
  }
}

.bloque-prop.bloque-historiasAca .sponsor-desktop__container {
  display: none;
}
.bloque-prop.bloque-historiasAca .historiasAca {
  background-color: #040404;
}
.bloque-prop.bloque-historiasAca .titulo-bloque-mobile {
  position: absolute;
  top: 100px;
  z-index: 2;
}
.bloque-prop.bloque-historiasAca .sponsor-mobile__container {
  position: absolute;
  left: 0;
  right: 0;
  top: 7px;
  z-index: 1;
  background-color: #828282;
  margin: 20.9px 0px 20.9px 0;
  padding-right: 0px;
}
.bloque-prop.bloque-historiasAca .sponsor-mobile__container .sponsor {
  padding: 5px;
}
.bloque-prop.bloque-historiasAca .sponsor-mobile__container .sponsor .sponsor-items {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bloque-prop.bloque-historiasAca .sponsor-mobile__container .sponsor .sponsor-items .logo-mobile {
  max-width: 130px;
  max-height: 60.3px;
}
.bloque-prop.bloque-historiasAca .sponsor-mobile__container .sponsor .sponsor-items .titulo p {
  font-size: 12px;
  font-family: "Noto Sans", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.bloque-prop.bloque-historiasAca .historiasAca .nota--especial .nota__degrade {
  background: linear-gradient(to top, #040404, transparent);
}
.bloque-prop.bloque-historiasAca .nota--especial.princi .nota__body {
  position: absolute;
  bottom: 0;
}
.bloque-prop.bloque-historiasAca .titulo_bloque h3, .bloque-prop.bloque-historiasAca .historiasAca .nota--especial .nota__titulo-item, .bloque-prop.bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item, .bloque-prop.bloque-historiasAca .banner-principal-desktop .titulo-nota {
  color: white;
}
.bloque-prop.bloque-historiasAca .ver-mas {
  color: white;
  font-weight: 600;
  padding-bottom: 40px;
}

.bloque-propiedades {
  max-width: 1150px;
  margin: 0 auto;
  background-image: url("/img/bloque_propiedades_fondos/mobile.png");
  background-position: unset;
  background-size: cover;
  color: white;
}
.bloque-propiedades .item-4.desktop {
  display: none;
}
.bloque-propiedades .sponsor-desktop__container {
  display: none;
}
.bloque-propiedades .sponsor-mobile__container {
  position: relative;
  z-index: 1;
  background-color: #828282;
  margin: 20.9px 0px 20.9px 0;
  padding-right: 0px;
}
.bloque-propiedades .sponsor-mobile__container .sponsor {
  padding: 5px;
}
.bloque-propiedades .sponsor-mobile__container .sponsor .sponsor-items {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bloque-propiedades .sponsor-mobile__container .sponsor .sponsor-items .logo-mobile {
  max-width: 130px;
  max-height: 60.3px;
}
.bloque-propiedades .sponsor-mobile__container .sponsor .sponsor-items .titulo p {
  font-size: 12px;
  font-family: "Noto Sans", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.bloque-propiedades .propiedades-body {
  padding: 0 15px;
}
.bloque-propiedades .item-6.desktop {
  display: none;
}
.bloque-propiedades .title-n-subtitle {
  margin-bottom: 30.1px;
}
.bloque-propiedades .title-n-subtitle .titulo_bloque {
  text-align: start;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
}
.bloque-propiedades .title-n-subtitle .titulo_bloque h3 {
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  font-family: "Noto Sans", sans-serif;
  font-weight: bold;
  text-shadow: grey 0 4px 3px;
}
.bloque-propiedades .title-n-subtitle .subtitulo {
  color: rgb(255, 255, 255);
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Noto Sans", sans-serif;
  text-shadow: grey 0 4px 3px;
}
.bloque-propiedades .title-n-subtitle .hr__titulo {
  display: none;
}
.bloque-propiedades .vermas__link.mobile {
  text-align: center;
}
.bloque-propiedades .vermas__link.mobile p {
  margin: 20px 20px;
}
.bloque-propiedades .vermas__link.desktop {
  display: none;
}
.bloque-propiedades .vermas__link:hover {
  border-bottom: 1px solid #CE3E41;
}
.bloque-propiedades .nota--gral {
  margin: 35px 0;
  height: fit-content;
}
.bloque-propiedades .nota--gral .nota__media {
  order: 1;
}
.bloque-propiedades .nota--gral .nota__volanta {
  font-size: 0.875rem;
  color: #CE3E41;
  font-family: "Noto Sans", sans-serif;
  font-weight: bold;
}
.bloque-propiedades .nota--gral .nota__titulo-item {
  font-size: 1.375rem;
  line-height: 1.2;
  color: rgb(255, 255, 255);
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
}
.bloque-propiedades .nota--linea .nota__media--link img, .bloque-propiedades .nota--linea .nota__media .video-wrapper {
  min-height: 0;
}
.bloque-propiedades .nota--linea .nota__body {
  padding-left: 20px;
}
.bloque-propiedades .nota--linea .nota__volanta {
  font-size: 0.875rem;
  color: #CE3E41;
  font-family: "Noto Sans", sans-serif;
  font-weight: bold;
}
.bloque-propiedades .nota--linea .nota__titulo-item {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 76.8px; /* Fallback for non-webkit */
  font-size: 16px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .bloque-propiedades .nota--linea .nota__titulo-item {
    overflow: hidden;
    position: relative;
  }
  .bloque-propiedades .nota--linea .nota__titulo-item:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .bloque-propiedades .nota--linea .nota__titulo-item:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.bloque-propiedades .nota--linea .nota__titulo-item {
  color: rgb(255, 255, 255);
  font-weight: bold;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
}
.bloque-propiedades .nota--linea:hover {
  border-bottom: none;
}
.bloque-propiedades .nota--gral {
  margin: 0;
  margin-bottom: 20px;
}
.bloque-propiedades .nota--gral .nota__media .video-wrapper {
  padding-bottom: 61%;
}
.bloque-propiedades .nota--gral .nota__media img {
  max-height: 100%;
}
.bloque-propiedades .nota-desktop {
  display: none;
}
.bloque-propiedades .nota--gral .nota__titulo-item, .bloque-propiedades .nota--linea .nota__titulo-item {
  font-weight: 400;
}
@media (min-width: 768px) {
  .bloque-propiedades .item-6, .bloque-propiedades .item-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.bloque-suscriptores {
  width: 100%;
  position: relative;
  background: #313133;
}
.bloque-suscriptores .cabecera__logo {
  display: none;
}
.bloque-suscriptores .cabecera__titulo {
  color: white;
  font-size: 24px;
  border-bottom: 2px solid #D6001A;
  width: fit-content;
  position: absolute;
  font-weight: bold;
  top: 26px;
  left: 24px;
  z-index: 2;
}
.bloque-suscriptores .nota--degrade {
  margin-bottom: 30px;
}
.bloque-suscriptores .nota--degrade .nota__volanta, .bloque-suscriptores .nota--degrade .nota__btnCompartir {
  display: none;
}
.bloque-suscriptores .nota--degrade .nota__media--link img {
  min-height: 405px;
  border-radius: 0;
}
.bloque-suscriptores .nota--degrade .nota__media--epigrafe {
  padding: 5px;
}
.bloque-suscriptores .nota--degrade .nota__media--epigrafe-item {
  color: white;
  font-weight: 100;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.bloque-suscriptores .nota--degrade .nota__firmantes {
  display: none;
}
.bloque-suscriptores .nota--degrade .nota__degrade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, black 1%, rgba(0, 0, 0, 0.5019607843) 50%, rgba(128, 128, 128, 0) 100%);
  z-index: 0;
}
.bloque-suscriptores .nota--degrade .nota__body {
  height: fit-content;
  top: 78px;
  padding: 0 24px;
  background: none;
}
.bloque-suscriptores .nota--degrade .nota__titulo {
  width: 70%;
}
.bloque-suscriptores .nota--degrade .nota__titulo-item {
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 500;
  text-align: left;
}
.bloque-suscriptores .nota--degrade .firmantes a {
  margin: 0;
  display: flex;
}
.bloque-suscriptores .nota--degrade .firmantes {
  width: fit-content;
  font-size: 14px;
  text-align: left;
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.bloque-suscriptores .nota--degrade .firmantes .image {
  display: flex;
  border-radius: 100%;
  height: 35px;
  width: 35px;
}
.bloque-suscriptores .nota--degrade .firmantes .image img {
  border-radius: 100%;
}
.bloque-suscriptores .nota--degrade .firmantes .nombre-firmante {
  font-size: 13px;
  margin-left: 15px;
}
.bloque-suscriptores .nota--degrade .firmantes .logos-item-default {
  margin: auto;
}
.bloque-suscriptores .nota--degrade .firmantes .logos-item-default .a {
  fill: #fff;
  fill-rule: evenodd;
}
.bloque-suscriptores .nota--degrade .autor_nota a {
  font-size: 14px;
  font-weight: bold;
  color: white;
}
.bloque-suscriptores .nota--degrade .logo-suscriptores {
  text-align: left;
  width: 8%;
  margin-top: 15px;
}
.bloque-suscriptores .nota--linea {
  padding: 15px;
}
.bloque-suscriptores .nota--linea .nota__body {
  padding-left: 20px;
}
.bloque-suscriptores .nota--linea .nota__volanta {
  color: white;
  font-weight: normal;
  font-size: 16px;
}
.bloque-suscriptores .nota--linea .nota__titulo-item {
  font-weight: bold;
  color: white;
  font-size: 0.75rem;
  line-height: 1.3;
}
.bloque-suscriptores .nota--linea .nota__autor {
  display: none;
}
.bloque-suscriptores .nota--linea .nota__firmantes .nombre-firmante .firmante {
  color: white;
}
.bloque-suscriptores .ver-mas {
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
  color: white;
}
@media (min-width: 768px) {
  .bloque-suscriptores .item-12, .bloque-suscriptores .item-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
}

.bloque-historiasAca .titulo_bloque, .bloque-horoscopoHome .titulo_bloque {
  border-bottom: 2px solid #D6001A;
  width: fit-content;
  margin-left: 35px;
  margin-bottom: 20px;
}
.bloque-historiasAca .titulo_bloque h3, .bloque-horoscopoHome .titulo_bloque h3 {
  color: #313133;
  font-size: 1.5625rem;
  font-weight: bold;
}
.bloque-historiasAca .hr__titulo, .bloque-horoscopoHome .hr__titulo {
  display: none;
}
.bloque-historiasAca .banner-principal-desktop, .bloque-horoscopoHome .banner-principal-desktop {
  display: none;
}
.bloque-historiasAca .historiasAca, .bloque-historiasAca .horoscopo-home, .bloque-horoscopoHome .historiasAca, .bloque-horoscopoHome .horoscopo-home {
  position: relative;
}
.bloque-historiasAca .historiasAca .bannerDesktop, .bloque-historiasAca .horoscopo-home .bannerDesktop, .bloque-horoscopoHome .historiasAca .bannerDesktop, .bloque-horoscopoHome .horoscopo-home .bannerDesktop {
  display: none;
}
.bloque-historiasAca .historiasAca .bannerMobile, .bloque-historiasAca .horoscopo-home .bannerMobile, .bloque-horoscopoHome .historiasAca .bannerMobile, .bloque-horoscopoHome .horoscopo-home .bannerMobile {
  position: absolute;
  top: 130px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 83%;
}
.bloque-historiasAca .historiasAca .bannerMobile img, .bloque-historiasAca .horoscopo-home .bannerMobile img, .bloque-horoscopoHome .historiasAca .bannerMobile img, .bloque-horoscopoHome .horoscopo-home .bannerMobile img {
  width: 75%;
}
.bloque-historiasAca .historiasAca .nota-principal_desktop, .bloque-historiasAca .horoscopo-home .nota-principal_desktop, .bloque-horoscopoHome .historiasAca .nota-principal_desktop, .bloque-horoscopoHome .horoscopo-home .nota-principal_desktop {
  display: none;
}
.bloque-historiasAca .historiasAca .nota--especial, .bloque-historiasAca .horoscopo-home .nota--especial, .bloque-horoscopoHome .historiasAca .nota--especial, .bloque-horoscopoHome .horoscopo-home .nota--especial {
  min-height: auto;
}
.bloque-historiasAca .historiasAca .nota--especial .bloque-blanco, .bloque-historiasAca .horoscopo-home .nota--especial .bloque-blanco, .bloque-horoscopoHome .historiasAca .nota--especial .bloque-blanco, .bloque-horoscopoHome .horoscopo-home .nota--especial .bloque-blanco {
  min-height: 75px;
}
.bloque-historiasAca .historiasAca .nota--especial .nota__media--link img, .bloque-historiasAca .horoscopo-home .nota--especial .nota__media--link img, .bloque-horoscopoHome .historiasAca .nota--especial .nota__media--link img, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__media--link img {
  border-radius: 0;
  min-height: 330px;
}
.bloque-historiasAca .historiasAca .nota--especial .nota__degrade, .bloque-historiasAca .horoscopo-home .nota--especial .nota__degrade, .bloque-horoscopoHome .historiasAca .nota--especial .nota__degrade, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__degrade {
  background: linear-gradient(0, white 0, rgba(255, 255, 255, 0.3490196078) 11%, rgba(255, 255, 255, 0) 25%);
}
.bloque-historiasAca .historiasAca .nota--especial .nota__body, .bloque-historiasAca .horoscopo-home .nota--especial .nota__body, .bloque-horoscopoHome .historiasAca .nota--especial .nota__body, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__body {
  bottom: 26px;
  text-align: left;
}
.bloque-historiasAca .historiasAca .nota--especial .nota__volanta, .bloque-historiasAca .horoscopo-home .nota--especial .nota__volanta, .bloque-horoscopoHome .historiasAca .nota--especial .nota__volanta, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__volanta {
  font-size: 1rem;
  color: #D6001A;
  font-weight: 500;
  margin-bottom: 10px;
}
.bloque-historiasAca .historiasAca .nota--especial .nota__titulo-item, .bloque-historiasAca .horoscopo-home .nota--especial .nota__titulo-item, .bloque-horoscopoHome .historiasAca .nota--especial .nota__titulo-item, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__titulo-item {
  font-size: 1.375rem;
  line-height: 1.2;
  color: #313133;
}
.bloque-historiasAca .historiasAca .nota--especial .nota__autor, .bloque-historiasAca .horoscopo-home .nota--especial .nota__autor, .bloque-horoscopoHome .historiasAca .nota--especial .nota__autor, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__autor {
  display: none;
}
.bloque-historiasAca .historiasAca .notas-secundarias, .bloque-historiasAca .horoscopo-home .notas-secundarias, .bloque-horoscopoHome .historiasAca .notas-secundarias, .bloque-horoscopoHome .horoscopo-home .notas-secundarias {
  padding: 0 20px;
  margin-top: 20px;
}
.bloque-historiasAca .historiasAca .nota--linea .nota__volanta, .bloque-historiasAca .horoscopo-home .nota--linea .nota__volanta, .bloque-horoscopoHome .historiasAca .nota--linea .nota__volanta, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__volanta {
  color: #D6001A;
  font-weight: 500;
  margin-bottom: 5px;
}
.bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo-item, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo-item, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo-item {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 108px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo-item, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo-item, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo-item {
    overflow: hidden;
    position: relative;
  }
  .bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item:before, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo-item:before, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo-item:before, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo-item:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item:after, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo-item:after, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo-item:after, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo-item:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo-item, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo-item, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo-item {
  color: #313133;
  font-weight: bold;
}
.bloque-historiasAca .bloque-historiasAca .historiasAca .nota-principal .nota--especial .nota__titulo-item, .bloque-horoscopoHome .bloque-historiasAca .historiasAca .nota-principal .nota--especial .nota__titulo-item {
  font-size: 22px;
}
.bloque-historiasAca .bloque-historiasAca .historiasAca .nota-principal .nota--especial .nota__body, .bloque-horoscopoHome .bloque-historiasAca .historiasAca .nota-principal .nota--especial .nota__body {
  width: 100%;
}
.bloque-historiasAca .ver-mas, .bloque-horoscopoHome .ver-mas {
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
  color: #313133;
}
@media (min-width: 768px) {
  .bloque-historiasAca .item-12, .bloque-historiasAca .item-4, .bloque-horoscopoHome .item-12, .bloque-horoscopoHome .item-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
}

.bloque-horoscopoHome .horoscopo-home .grid .item-12 {
  position: relative;
}
.bloque-horoscopoHome .horoscopo-home .grid .item-12 .logo_mano, .bloque-horoscopoHome .horoscopo-home .grid .item-12 .logo_planeta-1, .bloque-horoscopoHome .horoscopo-home .grid .item-12 .logo_planeta-2 {
  position: absolute;
  z-index: 2;
}
.bloque-horoscopoHome .horoscopo-home .grid .item-12 .logo_mano {
  width: 25%;
  height: fit-content;
  left: -9px;
  top: 24%;
}
.bloque-horoscopoHome .horoscopo-home .grid .item-12 .logo_planeta-1 {
  width: 25%;
  height: fit-content;
  right: 4px;
  bottom: 5%;
}
.bloque-horoscopoHome .horoscopo-home .grid .item-12 .logo_planeta-2 {
  width: 25%;
  height: fit-content;
  left: 14px;
  top: 0;
}

.bloque-verParaSaber {
  width: 100%;
}
.bloque-verParaSaber .cabecera {
  min-height: 215px;
  position: relative;
  background-image: url("/img/verParaSaber/bannerMobile.png");
  background-size: cover;
}
.bloque-verParaSaber .cabecera__logo {
  z-index: 2;
  position: relative;
  padding-top: 30px;
  text-align: center;
}
.bloque-verParaSaber .cabecera__ver-mas {
  display: none;
  z-index: 2;
}
.bloque-verParaSaber .cabecera__banner {
  position: absolute;
  width: 100%;
  max-width: 375px;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.bloque-verParaSaber .cabecera__banner .logos {
  position: absolute;
  width: 20%;
}
.bloque-verParaSaber .cabecera__banner .genero {
  top: 105px;
  left: -30px;
}
.bloque-verParaSaber .cabecera__banner .bitcoin {
  top: 133px;
  right: 85px;
}
.bloque-verParaSaber .cabecera__banner .transmicion {
  top: 30px;
  left: 10px;
}
.bloque-verParaSaber .cabecera__banner .musica {
  top: 13px;
  right: 10px;
}
.bloque-verParaSaber .cabecera__banner .ecologia {
  top: 85px;
  right: -30px;
}
.bloque-verParaSaber .cabecera__banner .logos-item .cls-1 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  fill-rule: evenodd;
}
.bloque-verParaSaber .cabecera__banner-items {
  position: relative;
}
.bloque-verParaSaber .bloque-principal {
  padding: 0 15px;
  position: relative;
}
.bloque-verParaSaber .bloque-principal__notas {
  margin-top: -45px;
}
.bloque-verParaSaber .bloque-principal__logos {
  display: none;
}
.bloque-verParaSaber .bloque-principal__logos .logos-item .cls-1 {
  fill: none;
  stroke: #523e91;
  stroke-miterlimit: 10;
  fill-rule: evenodd;
}
.bloque-verParaSaber .bloque-principal .nota--gral .nota__media {
  order: 0;
}
.bloque-verParaSaber .bloque-principal .nota--gral .nota__body {
  padding: 10px 0 0;
}
.bloque-verParaSaber .bloque-principal .nota--gral .nota__volanta p {
  font-family: "Bebas Neue", cursive;
  font-size: 1.5rem;
}
.bloque-verParaSaber .bloque-principal .nota--gral .nota__titulo-item {
  padding-bottom: 5px;
  font-size: 1.125rem;
}
.bloque-verParaSaber .bloque-principal .item-6 {
  max-width: 100%;
  flex: 0 0 100%;
}
.bloque-verParaSaber .bloque__ver-mas {
  position: relative;
  min-height: 150px;
  max-width: 375px;
  margin: 0 auto;
}
.bloque-verParaSaber .bloque__ver-mas-item {
  color: #474495;
  font-weight: bold;
  text-align: center;
  font-size: 1.25rem;
  padding-top: 25px;
}
.bloque-verParaSaber .bloque__ver-mas .logos {
  position: absolute;
  width: 20%;
}
.bloque-verParaSaber .bloque__ver-mas .logos-item .cls-1 {
  fill: none;
  stroke: #523e91;
  stroke-miterlimit: 10;
  fill-rule: evenodd;
}
.bloque-verParaSaber .bloque__ver-mas .logos.genero {
  top: 0;
  left: 30px;
}
.bloque-verParaSaber .bloque__ver-mas .logos.bitcoin {
  top: 65px;
  right: 70px;
}
.bloque-verParaSaber .bloque__ver-mas .logos.transmicion {
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.bloque-verParaSaber .bloque__ver-mas .logos.musica {
  top: 65px;
  left: 70px;
}
.bloque-verParaSaber .bloque__ver-mas .logos.ecologia {
  top: 15px;
  right: 30px;
}

.bloque-vpssabana {
  width: 100%;
}
.bloque-vpssabana .cabecera {
  position: relative;
  background-image: url("/img/verParaSaber/banner_mobile.png");
  min-height: 268px;
  background-position: center;
  background-size: cover;
}
.bloque-vpssabana .bloque-principal {
  padding: 0 15px;
  position: relative;
  margin-top: -140px;
}
.bloque-vpssabana .bloque-principal .nota--gral .nota__media {
  order: 0;
}
.bloque-vpssabana .bloque-principal .nota--gral .nota__body {
  padding: 10px 0 0;
}
.bloque-vpssabana .bloque-principal .nota--gral .nota__volanta {
  margin-bottom: 3px;
  font-family: "Bebas Neue", cursive;
}
.bloque-vpssabana .bloque-principal .nota--gral .nota__volanta p {
  font-size: 1.5rem;
}
.bloque-vpssabana .bloque-principal .nota--gral .nota__fecha {
  color: #B1B1B1;
  font-size: 12px;
  margin-bottom: 5px;
}
.bloque-vpssabana .bloque-principal .nota--gral .nota__titulo-item {
  padding-bottom: 5px;
  font-size: 1.125rem;
}
.bloque-vpssabana .bloque-principal .item-6 {
  max-width: 100%;
  flex: 0 0 100%;
}

.bloque-vpssabana.sinBanner .bloque-principal {
  margin-top: 0;
}
.bloque-vpssabana.sinBanner .bloque-principal__notas {
  margin-top: 0;
}

.bloque_vps_3Notas .nota--linea .nota__volanta {
  margin-bottom: 3px;
  color: #523e91;
}
.bloque_vps_3Notas .nota--linea .nota__volanta p {
  font-family: "Bebas Neue", cursive;
  font-size: 1rem;
}
.bloque_vps_3Notas .nota--linea .nota__titulo .nota__titulo-item {
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 1.125rem;
}
.bloque_vps_3Notas .nota__fecha {
  color: #B1B1B1;
  font-size: 12px;
  margin-bottom: 5px;
}

.bloque_opinion {
  margin: 20px 0;
  width: 100%;
  padding: 30px 20px;
}
.bloque_opinion .hr__titulo {
  display: none;
}
.bloque_opinion .titulo_bloque {
  border-bottom: 2px solid #D6001A;
  width: fit-content;
  margin-left: 15px;
  margin-bottom: 20px;
}
.bloque_opinion .titulo_bloque h3 {
  color: #313133;
  font-size: 1.5625rem;
  font-weight: bold;
}
.bloque_opinion .nota-opinion .media .img--opinion img {
  width: 100%;
}
.bloque_opinion .nota-lista.nota-opinion {
  align-items: flex-start;
}
.bloque_opinion .nota-lista {
  max-width: 250px;
  padding: 20px;
}
.bloque_opinion .nota-lista .img--circle {
  max-width: 120px;
  height: 120px;
}
.bloque_opinion .nota-lista .introduccion {
  display: none;
}
.bloque_opinion .nota-lista:before {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid #D6001A;
  bottom: 40px;
  left: 0px;
  top: 70px;
}
.bloque_opinion .nota-lista {
  flex-direction: column;
}
.bloque_opinion .nota-lista .media {
  width: 120px;
  padding: 0;
}
.bloque_opinion .nota-lista .data .titulo h2 {
  margin: 20px 0;
  font-size: 1.125rem;
}
.bloque_opinion .nota-lista .data .titulo .opinologo_nombre {
  font-size: 0.75rem;
  text-align: initial;
  color: #D6001A;
}
.bloque_opinion .nota-lista.modulo_minuto .media {
  margin: 0;
}
.bloque_opinion .swiper-container2 {
  margin-top: 20px;
}
.bloque_opinion .swiper-container2 .swiper-button-next, .bloque_opinion .swiper-container2 .swiper-button-prev {
  display: none;
}

.moduloRadio {
  background: #313133;
  max-width: 100%;
}

.bloque-radio {
  color: white;
  max-width: 1150px;
  margin: 0 auto;
  padding: 10px 0;
}
.bloque-radio .grid {
  align-items: center;
}
.bloque-radio .item-4 {
  flex: 0 0 33.33%;
}
.bloque-radio .radio__brand .desktop {
  display: none;
}
.bloque-radio .radio__brand .radio_titulo {
  font-size: 12px;
  width: 75%;
  margin: 0 auto;
}
.bloque-radio .radio__brand .radio_titulo p {
  line-height: 1;
}
.bloque-radio .radio__brand .radio_titulo span {
  font-weight: bold;
}
.bloque-radio .radio__sintonia {
  font-size: 1.1875rem;
  text-align: center;
}
.bloque-radio .radio__logo {
  width: 88%;
}
@media (min-width: 768px) {
  .bloque-radio .radio__brand .radio_titulo {
    font-size: 1rem;
  }
  .bloque-radio .radio__sintonia {
    font-size: 2.125rem;
  }
}

.mas_leidas .bloque_titulo-desktop, .mas_leidas .bloque-notas-desktop {
  display: none;
}
.mas_leidas .bloque_titulo-mobile {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.mas_leidas .bloque_titulo-mobile .titulo {
  color: #D6001A;
  font-size: 2.25rem;
}
.mas_leidas .bloque_titulo-mobile .titulo p {
  line-height: 1;
}
.mas_leidas .bloque_titulo-mobile .titulo__item {
  font-size: 2.6875rem;
  font-weight: bold;
}
.mas_leidas .bloque_titulo-mobile .logo-titulo {
  width: fit-content;
  position: absolute;
  top: 28px;
  left: 5px;
  right: 0;
  margin: 0 auto;
}
.mas_leidas .bloque_titulo-mobile .degrade {
  z-index: 2;
  position: absolute;
  bottom: -75px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, white 5%, rgba(255, 255, 255, 0.8196078431) 21%, rgba(255, 255, 255, 0) 59%);
}
.mas_leidas .bloque-notas-mobile .nota-principal {
  margin-bottom: 20px;
}
.mas_leidas .bloque-notas-mobile .notas-secundarias {
  padding: 0 20px;
}
.mas_leidas .bloque-notas-mobile .nota--especial {
  min-height: 300px;
}
.mas_leidas .bloque-notas-mobile .nota--especial .nota__body {
  width: 100%;
  margin: -10% auto 0;
}
.mas_leidas .bloque-notas-mobile .nota--especial .bloque-blanco {
  max-height: 100px;
}
.mas_leidas .bloque-notas-mobile .nota--especial .nota__titulo-item {
  font-size: 1.375rem;
  line-height: 1.2;
}
.mas_leidas .bloque-notas-mobile .nota--especial .nota__introduccion p {
  font-size: 18px;
  line-height: 1.3;
}
.mas_leidas .bloque-notas-mobile .nota--especial .nota__media img {
  min-height: auto;
}
.mas_leidas .bloque-notas-mobile .nota--especial .nota__degrade {
  background: linear-gradient(0, white 0%, rgba(0, 0, 0, 0.5019607843) 32%, rgba(128, 128, 128, 0) 100%);
}
.mas_leidas .bloque-notas-mobile .nota--linea .nota__body {
  flex-basis: 58%;
}
.mas_leidas .bloque-notas-mobile .nota--linea .nota__media {
  flex-basis: 42%;
  max-width: 42%;
}
.mas_leidas .bloque-notas-mobile .nota--linea .nota__continuar {
  flex-basis: 58%;
  max-width: 58%;
}
.mas_leidas .item-6.publis {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 768px) {
  .mas_leidas .item-6 {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0;
    padding: 0;
  }
}

/********************Modulo de Servicios*********************/
/* .servicios_1, */
.bloque_cotizaciones, .cotizaciones_interior {
  background-color: #444445;
  color: white;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .bloque_cotizaciones.contenedor, .cotizaciones_interior.contenedor {
    padding-left: 0;
    padding-right: 0;
    background-color: #37383b;
  }
}
.bloque_cotizaciones .grid, .cotizaciones_interior .grid {
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .bloque_cotizaciones .grid .item-8, .cotizaciones_interior .grid .item-8 {
    margin: 0 auto;
  }
}
.bloque_cotizaciones .bannerMobileIzq, .bloque_cotizaciones .bannerMobileDer, .cotizaciones_interior .bannerMobileIzq, .cotizaciones_interior .bannerMobileDer {
  position: absolute;
}
.bloque_cotizaciones .bannerMobileIzq .logos-item .a, .bloque_cotizaciones .bannerMobileDer .logos-item .a, .cotizaciones_interior .bannerMobileIzq .logos-item .a, .cotizaciones_interior .bannerMobileDer .logos-item .a {
  fill: #454547;
}
.bloque_cotizaciones .bannerMobileIzq, .cotizaciones_interior .bannerMobileIzq {
  left: 22px;
  top: -3px;
}
.bloque_cotizaciones .bannerMobileDer, .cotizaciones_interior .bannerMobileDer {
  right: 10px;
  top: -4px;
}
.bloque_cotizaciones .titulo, .cotizaciones_interior .titulo {
  margin-bottom: 30px;
  position: relative;
}
.bloque_cotizaciones .titulo .logo-izq, .bloque_cotizaciones .titulo .logo-der, .bloque_cotizaciones .titulo .ver-mas, .cotizaciones_interior .titulo .logo-izq, .cotizaciones_interior .titulo .logo-der, .cotizaciones_interior .titulo .ver-mas {
  display: none;
}
.bloque_cotizaciones .titulo label, .cotizaciones_interior .titulo label {
  font-size: 1.5rem;
  color: white;
  font-weight: 500;
  border-bottom: 2px solid #D6001A;
  line-height: 1.2;
}
.bloque_cotizaciones .titulo .cotizaciones_ver, .cotizaciones_interior .titulo .cotizaciones_ver {
  display: none;
}
.bloque_cotizaciones .data, .cotizaciones_interior .data {
  position: relative;
  text-align: center;
}
.bloque_cotizaciones .container_cotizaciones ul li, .cotizaciones_interior .container_cotizaciones ul li {
  padding: 5px 20px;
  text-align: left;
  align-items: center;
  display: flex;
  margin: 2px 0;
  background: transparent;
  column-gap: 15px;
}
@media (min-width: 992px) {
  .bloque_cotizaciones .container_cotizaciones ul li, .cotizaciones_interior .container_cotizaciones ul li {
    background: #464749;
  }
}
.bloque_cotizaciones .container_cotizaciones ul li:last-child, .cotizaciones_interior .container_cotizaciones ul li:last-child {
  align-items: center;
}
.bloque_cotizaciones .container_cotizaciones ul li:last-child .valor, .cotizaciones_interior .container_cotizaciones ul li:last-child .valor {
  letter-spacing: 1.2px;
}
.bloque_cotizaciones .container_cotizaciones ul .moneda, .cotizaciones_interior .container_cotizaciones ul .moneda {
  width: 44%;
  font-size: 1rem;
  font-weight: bold;
}
.bloque_cotizaciones .container_cotizaciones ul .compra, .bloque_cotizaciones .container_cotizaciones ul .venta, .cotizaciones_interior .container_cotizaciones ul .compra, .cotizaciones_interior .container_cotizaciones ul .venta {
  width: 28%;
  font-size: 1rem;
}
.bloque_cotizaciones .container_cotizaciones ul .valor, .cotizaciones_interior .container_cotizaciones ul .valor {
  font-size: 1rem;
  font-weight: bold;
}
.bloque_cotizaciones .redes, .cotizaciones_interior .redes {
  margin: 30px 0;
}
.bloque_cotizaciones .redes .iconos-compartir, .cotizaciones_interior .redes .iconos-compartir {
  display: flex;
  justify-content: space-between;
  width: 60%;
  margin: 0 auto;
}
.bloque_cotizaciones .redes .iconos-compartir img, .cotizaciones_interior .redes .iconos-compartir img {
  max-width: 20px;
  max-height: 20px;
}
.bloque_cotizaciones, .cotizaciones_interior {
  /*.cotizaciones_publi{
  	display: none;
  }*/
}
.bloque_cotizaciones .sponsor-desktop__container, .cotizaciones_interior .sponsor-desktop__container {
  display: none;
}
.bloque_cotizaciones .sponsor-mobile__container, .cotizaciones_interior .sponsor-mobile__container {
  position: relative;
  z-index: 1;
  background-color: #828282;
  margin: 28.2px 0px 0px;
  height: 90.4px;
  display: flex;
  align-items: center;
}
.bloque_cotizaciones .sponsor-mobile__container .item-5.mobile, .cotizaciones_interior .sponsor-mobile__container .item-5.mobile {
  display: flex;
  justify-content: center;
}
.bloque_cotizaciones .sponsor-mobile__container .item-5.mobile .sponsor, .cotizaciones_interior .sponsor-mobile__container .item-5.mobile .sponsor {
  padding: 5px;
}
.bloque_cotizaciones .sponsor-mobile__container .item-5.mobile .sponsor__logo-mobile, .cotizaciones_interior .sponsor-mobile__container .item-5.mobile .sponsor__logo-mobile {
  max-width: 130px;
  max-height: 60.3px;
}
.bloque_cotizaciones .sponsor-mobile__container .item-5.mobile .sponsor__titulo, .cotizaciones_interior .sponsor-mobile__container .item-5.mobile .sponsor__titulo {
  margin-bottom: 5px;
}
.bloque_cotizaciones .sponsor-mobile__container .item-5.mobile .sponsor__titulo p, .cotizaciones_interior .sponsor-mobile__container .item-5.mobile .sponsor__titulo p {
  font-size: 12px;
  font-family: "Noto Sans", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.bloque_cotizaciones .sponsor-mobile__container .item-5.mobile .sponsor .sponsor-items, .cotizaciones_interior .sponsor-mobile__container .item-5.mobile .sponsor .sponsor-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#swiper-cotizaciones .swiper-slide {
  width: 151px !important;
}

.cotizaciones_header {
  margin-top: 23px;
  display: none;
}
@media (min-width: 992px) {
  .cotizaciones_header {
    margin-bottom: 40px;
    margin-top: unset;
    display: flex;
  }
}
.cotizaciones_header ul {
  display: grid;
  grid-auto-flow: column;
  overflow: hidden;
  column-gap: 15px;
  min-width: fit-content;
  min-width: -moz-fit-content;
  min-width: -webkit-fit-content;
  width: 100%;
}
@media (min-width: 992px) {
  .cotizaciones_header ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: unset;
    animation: unset;
    column-gap: unset;
  }
}
.cotizaciones_header ul:hover {
  animation-play-state: paused;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}
.cotizaciones_header .linea {
  display: flex;
  height: 75%;
  border-left: grey solid 1px;
  margin: auto;
}
.cotizaciones_header .cotizaciones_header__item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  flex-direction: column;
}
@media (min-width: 992px) {
  .cotizaciones_header .cotizaciones_header__item {
    border-bottom: none;
    flex-direction: column;
    padding: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #c1c1c1;
    position: relative;
    max-width: unset;
    width: 33%;
    flex-direction: column;
    padding: 10px 0;
    overflow: hidden;
    gap: unset;
  }
}
.cotizaciones_header .cotizaciones_header__item-title {
  font-weight: 600;
  margin-bottom: 5px;
  white-space: pre;
}
@media (min-width: 992px) {
  .cotizaciones_header .cotizaciones_header__item-title {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    white-space: unset;
  }
}
.cotizaciones_header .cotizaciones_header__item_info {
  display: flex;
  justify-content: unset;
  column-gap: unset;
  width: unset;
  flex-direction: column;
}
@media (min-width: 992px) {
  .cotizaciones_header .cotizaciones_header__item_info {
    width: 100%;
    flex-direction: row;
    justify-content: space-around;
    column-gap: 0;
    gap: unset;
  }
}
.cotizaciones_header .cotizaciones_header__item_info_cont {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: row;
  min-width: unset;
  width: unset;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .cotizaciones_header .cotizaciones_header__item_info_cont {
    min-width: auto;
    flex-direction: column;
  }
}
.cotizaciones_header .cotizaciones_header__item_info_cont span {
  width: 100%;
  display: inline-block;
}
.cotizaciones_header .cotizaciones_header__item_info_cont_compra span {
  text-align: start;
}
.cotizaciones_header .cotizaciones_header__item_info_cont_venta span {
  text-align: left;
}
.cotizaciones_header .cotizaciones_header__item_info_cont-title {
  color: #c1c1c1;
  font-weight: 700;
  margin-right: 5px;
  font-size: 13px;
}
@media (min-width: 992px) {
  .cotizaciones_header .cotizaciones_header__item_info_cont-title {
    text-align: right;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
  }
}
.cotizaciones_header .cotizaciones_header__item_info_cont-value {
  font-weight: 500;
  font-size: 13px;
}
@media (min-width: 992px) {
  .cotizaciones_header .esUnico .cotizaciones_header__item_info_cont-vacio {
    display: none;
  }
  .cotizaciones_header .esUnico .cotizaciones_header__item_info_cont {
    width: 100%;
  }
  .cotizaciones_header .esUnico .cotizaciones_header__item_info_cont-value {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .cotizaciones_header .line-desktop {
    height: 70%;
    position: absolute;
    border-right: 1px solid #c1c1c1;
    right: 0;
    top: 12px;
  }
  .cotizaciones_header .line-desktop-first {
    left: 0;
    right: auto;
  }
}

.cotizaciones_header-swiper {
  min-height: 86px;
  margin-top: 23px;
}
@media (min-width: 992px) {
  .cotizaciones_header-swiper {
    display: none;
  }
}
.cotizaciones_header-swiper .cotizaciones_header__main-swiper {
  display: grid;
  grid-auto-flow: column;
  min-width: fit-content;
  min-width: -moz-fit-content;
  min-width: -webkit-fit-content;
  width: 100%;
}
.cotizaciones_header-swiper .linea {
  display: flex;
  height: 75%;
  border-left: grey solid 1px;
  margin: auto;
}
.cotizaciones_header-swiper .cotizaciones_header__item {
  max-width: 150px;
  display: flex;
  align-items: center;
  margin: 10px 0;
  flex-direction: column;
  min-height: 65px;
  border-left: 1px solid grey;
}
.cotizaciones_header-swiper .cotizaciones_header__item-title {
  font-weight: 600;
  margin-bottom: 5px;
  white-space: pre;
}
.cotizaciones_header-swiper .cotizaciones_header__item_info {
  display: flex;
  justify-content: unset;
  column-gap: unset;
  width: unset;
  flex-direction: column;
}
.cotizaciones_header-swiper .cotizaciones_header__item_info_cont {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: row;
  min-width: unset;
  width: unset;
  margin-bottom: 5px;
}
.cotizaciones_header-swiper .cotizaciones_header__item_info_cont span {
  width: 100%;
  display: inline-block;
}
.cotizaciones_header-swiper .cotizaciones_header__item_info_cont_compra span {
  text-align: start;
}
.cotizaciones_header-swiper .cotizaciones_header__item_info_cont_venta span {
  text-align: left;
}
.cotizaciones_header-swiper .cotizaciones_header__item_info_cont-title {
  color: #c1c1c1;
  font-weight: 700;
  margin-right: 5px;
  font-size: 13px;
}
.cotizaciones_header-swiper .cotizaciones_header__item_info_cont-value {
  font-weight: 500;
  font-size: 13px;
}

.moduloPandemia, .moduloTematico {
  position: relative;
  background: none;
  background-color: #313133;
}

.bloque-pandemia, .bloque-tematico {
  padding-top: 50px;
}
.bloque-pandemia .titulo, .bloque-tematico .titulo {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  text-align: end;
  color: white;
  margin-right: 75px;
  margin-bottom: 50px;
}
.bloque-pandemia .titulo-item, .bloque-tematico .titulo-item {
  font-size: 29px;
  text-transform: uppercase;
}
.bloque-pandemia .titulo .ver-mas, .bloque-tematico .titulo .ver-mas {
  display: none;
}
.bloque-pandemia .item-4, .bloque-tematico .item-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
@media (min-width: 768px) {
  .bloque-pandemia .item-4, .bloque-tematico .item-4 {
    margin: 0;
    padding: 0;
  }
}
.bloque-pandemia .pandemia-mobile, .bloque-tematico .pandemia-mobile {
  color: white;
  position: relative;
  z-index: 1;
}
.bloque-pandemia .pandemia-mobile .nota-principal, .bloque-tematico .pandemia-mobile .nota-principal {
  padding: 0 30px;
}
.bloque-pandemia .pandemia-mobile .nota-principal .nota--gral .nota__media, .bloque-tematico .pandemia-mobile .nota-principal .nota--gral .nota__media {
  order: 1;
}
.bloque-pandemia .pandemia-mobile .nota-principal .nota--gral .nota__titulo-item, .bloque-pandemia .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p, .bloque-tematico .pandemia-mobile .nota-principal .nota--gral .nota__titulo-item, .bloque-tematico .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p {
  color: white;
}
.bloque-pandemia .pandemia-mobile .nota-principal .nota--gral .nota__titulo, .bloque-tematico .pandemia-mobile .nota-principal .nota--gral .nota__titulo {
  padding-bottom: 10px;
}
.bloque-pandemia .pandemia-mobile .nota-principal .nota--gral .nota__titulo-item, .bloque-tematico .pandemia-mobile .nota-principal .nota--gral .nota__titulo-item {
  padding-bottom: 10px;
  font-size: 1.125rem;
  line-height: 1.2;
}
.bloque-pandemia .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p, .bloque-tematico .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 38.4px; /* Fallback for non-webkit */
  font-size: 16px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .bloque-pandemia .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p, .bloque-tematico .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p {
    overflow: hidden;
    position: relative;
  }
  .bloque-pandemia .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p:before, .bloque-tematico .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .bloque-pandemia .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p:after, .bloque-tematico .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.bloque-pandemia .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p, .bloque-tematico .pandemia-mobile .nota-principal .nota--gral .nota__introduccion p {
  font-weight: normal;
}
.bloque-pandemia .pandemia-mobile .carrusel .item-6, .bloque-tematico .pandemia-mobile .carrusel .item-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 768px) {
  .bloque-pandemia .pandemia-mobile .carrusel .item-6, .bloque-tematico .pandemia-mobile .carrusel .item-6 {
    margin: 0;
    padding: 0;
  }
}
.bloque-pandemia .pandemia-mobile .carrusel, .bloque-tematico .pandemia-mobile .carrusel {
  padding: 0 30px;
}
.bloque-pandemia .pandemia-mobile .carrusel .nota--gral, .bloque-tematico .pandemia-mobile .carrusel .nota--gral {
  padding: 0 10px;
  display: flex;
}
.bloque-pandemia .pandemia-mobile .carrusel .nota--gral .nota__volanta, .bloque-tematico .pandemia-mobile .carrusel .nota--gral .nota__volanta {
  color: #D6001A;
  font-weight: bold;
}
.bloque-pandemia .pandemia-mobile .carrusel .nota--gral .nota__volanta p, .bloque-tematico .pandemia-mobile .carrusel .nota--gral .nota__volanta p {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 14.4px; /* Fallback for non-webkit */
  font-size: 12px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .bloque-pandemia .pandemia-mobile .carrusel .nota--gral .nota__volanta p, .bloque-tematico .pandemia-mobile .carrusel .nota--gral .nota__volanta p {
    overflow: hidden;
    position: relative;
  }
  .bloque-pandemia .pandemia-mobile .carrusel .nota--gral .nota__volanta p:before, .bloque-tematico .pandemia-mobile .carrusel .nota--gral .nota__volanta p:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .bloque-pandemia .pandemia-mobile .carrusel .nota--gral .nota__volanta p:after, .bloque-tematico .pandemia-mobile .carrusel .nota--gral .nota__volanta p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.bloque-pandemia .pandemia-mobile .carrusel .nota--gral .nota__body, .bloque-tematico .pandemia-mobile .carrusel .nota--gral .nota__body {
  order: 2;
  height: fit-content;
}
.bloque-pandemia .pandemia-mobile .carrusel .nota--gral .nota__titulo-item, .bloque-tematico .pandemia-mobile .carrusel .nota--gral .nota__titulo-item {
  font-size: 0.875rem;
  line-height: 1.2;
  color: white;
}
.bloque-pandemia .pandemia-mobile .carrusel .nota--gral .nota__media--link img, .bloque-tematico .pandemia-mobile .carrusel .nota--gral .nota__media--link img {
  min-height: 130px;
  border-radius: 10px;
}
.bloque-pandemia .pandemia-mobile .carrusel .nota--gral .nota__btnCompartir img, .bloque-tematico .pandemia-mobile .carrusel .nota--gral .nota__btnCompartir img {
  width: 38px;
}
.bloque-pandemia .pandemia-mobile .casos, .bloque-pandemia .pandemia-mobile .candidatos, .bloque-tematico .pandemia-mobile .casos, .bloque-tematico .pandemia-mobile .candidatos {
  padding: 0 25px;
}
.bloque-pandemia .pandemia-mobile .casos__titulo, .bloque-pandemia .pandemia-mobile .candidatos__titulo, .bloque-tematico .pandemia-mobile .casos__titulo, .bloque-tematico .pandemia-mobile .candidatos__titulo {
  font-size: 22px;
  margin-bottom: 20px;
}
.bloque-pandemia .pandemia-mobile .ciudad, .bloque-pandemia .pandemia-mobile .agrupador1, .bloque-pandemia .pandemia-mobile .agrupador2, .bloque-tematico .pandemia-mobile .ciudad, .bloque-tematico .pandemia-mobile .agrupador1, .bloque-tematico .pandemia-mobile .agrupador2 {
  margin-bottom: 25px;
}
.bloque-pandemia .pandemia-mobile .ciudad .grid, .bloque-pandemia .pandemia-mobile .pais .grid, .bloque-pandemia .pandemia-mobile .agrupador1 .grid, .bloque-pandemia .pandemia-mobile .agrupador2 .grid, .bloque-tematico .pandemia-mobile .ciudad .grid, .bloque-tematico .pandemia-mobile .pais .grid, .bloque-tematico .pandemia-mobile .agrupador1 .grid, .bloque-tematico .pandemia-mobile .agrupador2 .grid {
  max-width: 420px;
  margin: 0 auto;
}
.bloque-pandemia .pandemia-mobile .ciudad-bloque, .bloque-pandemia .pandemia-mobile .pais-bloque, .bloque-pandemia .pandemia-mobile .agrupador1-bloque, .bloque-pandemia .pandemia-mobile .agrupador2-bloque, .bloque-tematico .pandemia-mobile .ciudad-bloque, .bloque-tematico .pandemia-mobile .pais-bloque, .bloque-tematico .pandemia-mobile .agrupador1-bloque, .bloque-tematico .pandemia-mobile .agrupador2-bloque {
  display: block;
  text-align: right;
  border-right: 1px solid #D6001A;
  padding: 0 10px;
}
.bloque-pandemia .pandemia-mobile .ciudad__titulo, .bloque-pandemia .pandemia-mobile .pais__titulo, .bloque-pandemia .pandemia-mobile .agrupador1__titulo, .bloque-pandemia .pandemia-mobile .agrupador2__titulo, .bloque-tematico .pandemia-mobile .ciudad__titulo, .bloque-tematico .pandemia-mobile .pais__titulo, .bloque-tematico .pandemia-mobile .agrupador1__titulo, .bloque-tematico .pandemia-mobile .agrupador2__titulo {
  font-size: 12px;
  font-weight: bold;
}
.bloque-pandemia .pandemia-mobile .ciudad__valor, .bloque-pandemia .pandemia-mobile .pais__valor, .bloque-pandemia .pandemia-mobile .agrupador1__valor, .bloque-pandemia .pandemia-mobile .agrupador2__valor, .bloque-tematico .pandemia-mobile .ciudad__valor, .bloque-tematico .pandemia-mobile .pais__valor, .bloque-tematico .pandemia-mobile .agrupador1__valor, .bloque-tematico .pandemia-mobile .agrupador2__valor {
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.bloque-pandemia .pandemia-mobile .agrupador1__valor, .bloque-pandemia .pandemia-mobile .agrupador2__valor, .bloque-tematico .pandemia-mobile .agrupador1__valor, .bloque-tematico .pandemia-mobile .agrupador2__valor {
  color: white;
}
.bloque-pandemia .pandemia-mobile .item-4:last-of-type .ciudad-bloque:last-of-type, .bloque-pandemia .pandemia-mobile .item-4:last-of-type .pais-bloque:last-of-type, .bloque-pandemia .pandemia-mobile .item-4:last-of-type .agrupador1-bloque:last-of-type, .bloque-pandemia .pandemia-mobile .item-4:last-of-type .agrupador2-bloque:last-of-type, .bloque-tematico .pandemia-mobile .item-4:last-of-type .ciudad-bloque:last-of-type, .bloque-tematico .pandemia-mobile .item-4:last-of-type .pais-bloque:last-of-type, .bloque-tematico .pandemia-mobile .item-4:last-of-type .agrupador1-bloque:last-of-type, .bloque-tematico .pandemia-mobile .item-4:last-of-type .agrupador2-bloque:last-of-type {
  border-right: none;
}
.bloque-pandemia .pandemia-mobile .iconos-compartir, .bloque-tematico .pandemia-mobile .iconos-compartir {
  display: flex;
  width: 55%;
  margin: 30px auto;
  justify-content: space-between;
}
.bloque-pandemia .pandemia-mobile .iconos-compartir img, .bloque-tematico .pandemia-mobile .iconos-compartir img {
  width: 75%;
}
.bloque-pandemia .pandemia-mobile .logo-brand, .bloque-tematico .pandemia-mobile .logo-brand {
  display: flex;
  justify-content: flex-end;
}
.bloque-pandemia .pandemia-mobile .logo-brand .item, .bloque-tematico .pandemia-mobile .logo-brand .item {
  width: 26%;
  margin-bottom: 25px;
  margin-right: 35px;
}
.bloque-pandemia .pandemia-desktop, .bloque-tematico .pandemia-desktop {
  display: none;
  position: relative;
  z-index: 1;
}
.bloque-pandemia .img-fondo-mobile, .bloque-pandemia .img-fondo-desktop, .bloque-tematico .img-fondo-mobile, .bloque-tematico .img-fondo-desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.bloque-pandemia .img-fondo-mobile img, .bloque-pandemia .img-fondo-desktop img, .bloque-tematico .img-fondo-mobile img, .bloque-tematico .img-fondo-desktop img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.bloque-pandemia .img-fondo-desktop, .bloque-tematico .img-fondo-desktop {
  display: none;
}

.bloque-tematico .tematico-desktop {
  position: relative;
  z-index: 1;
}
.bloque-tematico .tematico-desktop .item-3 {
  background-color: #4B4D4C;
  justify-content: center;
  flex: 0 0 93%;
  margin: 0 auto 30px;
  border-radius: 15px;
  height: fit-content;
  padding: 15px 5px;
}
.bloque-tematico .tematico-desktop .item-3.transparent {
  background-color: transparent;
}
.bloque-tematico .tematico-desktop .item-4 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 15px;
}
.bloque-tematico .tematico-desktop .agrupador1, .bloque-tematico .tematico-desktop .agrupador2 {
  color: #E0E1E3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 89%;
  margin: 0 auto;
}
.bloque-tematico .tematico-desktop .agrupador1__title, .bloque-tematico .tematico-desktop .agrupador2__title {
  font-size: 1.0625rem;
}
.bloque-tematico .tematico-desktop .agrupador1 .linea, .bloque-tematico .tematico-desktop .agrupador2 .linea {
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  border-radius: 5px;
  margin: 7px 0;
  background-color: #6D6F72;
  padding: 4px 10px;
}
.bloque-tematico .tematico-desktop .nota--gral {
  border-bottom: 2px solid transparent;
}
.bloque-tematico .tematico-desktop .nota--gral .nota__media {
  order: 1;
}
.bloque-tematico .tematico-desktop .nota--gral .nota__volanta {
  color: #D6001A;
}
.bloque-tematico .tematico-desktop .nota--gral .nota__titulo-item {
  color: white;
}
.bloque-tematico .tematico-desktop .nota--gral .nota__body {
  padding: 0;
  margin: 0;
}
.bloque-tematico .tematico-desktop .nota--gral .nota__firmantes .nombre-firmante .firmante {
  color: white;
}
.bloque-tematico .tematico-desktop .nota--gral .nota__volanta {
  padding: 0;
}
.bloque-tematico .tematico-desktop .nota--gral .nota__volanta p {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 18px; /* Fallback for non-webkit */
  font-size: 15px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .bloque-tematico .tematico-desktop .nota--gral .nota__volanta p {
    overflow: hidden;
    position: relative;
  }
  .bloque-tematico .tematico-desktop .nota--gral .nota__volanta p:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .bloque-tematico .tematico-desktop .nota--gral .nota__volanta p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.bloque-tematico .tematico-desktop .nota--gral .nota__volanta p {
  padding: 10px 0 0;
  max-height: 30px;
}
.bloque-tematico .tematico-desktop .nota--gral .nota__titulo-item {
  font-size: 1.0625rem;
  line-height: 1.2;
  font-weight: 500;
  padding-top: 10px;
  max-height: 100%;
  overflow: visible;
}
.bloque-tematico .tematico-desktop .nota--gral:hover {
  border-bottom: 2px solid #D6001A;
}

.encuestas_home {
  padding: 20px 50px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 10px 2px #d1d1d1;
  margin: 10px 0;
}
.encuestas_home .enc_link {
  width: 100%;
}
.encuestas_home .pregunta {
  font-size: 1.0625rem;
  font-weight: bold;
  font-family: "Heebo", sans-serif;
  margin: 5px 0;
}
.encuestas_home .encuestas {
  width: 100%;
}
.encuestas_home .encuestas_pregunta {
  margin: 5px 0;
}
.encuestas_home .encuestas_pregunta .grafico {
  background-color: #ddd;
  height: 7px;
}
.encuestas_home .encuestas_pregunta .grafico .encuestas_grafico {
  background-color: #D6001A;
  height: 7px;
}
.encuestas_home .encuestas_pregunta label {
  font-family: "Heebo", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
}
.encuestas_home .encuestas_pregunta input {
  width: 20px;
  height: 20px;
}
.encuestas_home .encuestas_pregunta input[type=radio]:checked {
  background-color: #D6001A;
  box-shadow: none;
}
.encuestas_home .bottom-enc {
  display: flex;
  align-items: baseline;
  margin-top: 10px;
  flex-direction: column;
  padding-left: 30px;
}
.encuestas_home .encuesta_enviar {
  padding: 5px 15px;
  border-radius: unset;
  color: rgb(255, 255, 255);
  background-color: #D6001A;
  border: none;
  font-family: "Heebo", sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
}
.encuestas_home .mas-encuestas label {
  font-size: 13px;
  font-family: "Heebo";
}

.moduloQuiniela {
  position: relative;
  background: #2E2F32;
}
.moduloQuiniela .sponsor-desktop__container {
  display: none;
}
.moduloQuiniela .sponsor-mobile__container {
  position: relative;
  z-index: 1;
  background-color: #828282;
  margin-bottom: 26.2px;
  height: 90.4px;
  display: flex;
  justify-content: center;
}
.moduloQuiniela .sponsor-mobile__container .sponsor-items {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}
.moduloQuiniela .sponsor-mobile__container .sponsor-items .sponsor__logo-mobile {
  max-width: 130px;
  max-height: 60.3px;
}
.moduloQuiniela .sponsor-mobile__container .sponsor-items .sponsor__titulo {
  font-size: 12px;
  font-family: "Noto Sans", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
}

.bloque-quiniela {
  color: white;
  padding: 29.6px 20px 33.1px 20px;
  max-width: 450px;
  margin: 0 auto;
}
.bloque-quiniela .sponsor-desktop {
  display: none;
}
.bloque-quiniela .sponsor-mobile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  max-width: 170px;
  margin: 0 auto;
}
.bloque-quiniela .sponsor-mobile__imagen {
  align-self: center;
}
.bloque-quiniela .sponsor-mobile__paragraph {
  margin: 10px 0;
  font-size: 30px;
  font-weight: 500;
}
.bloque-quiniela .quiniela__titulo-container {
  display: flex;
  justify-content: start;
}
.bloque-quiniela .quiniela__titulo {
  font-size: 30px;
  border-bottom: 2px solid #CE3E41;
  width: fit-content;
  font-weight: bold;
  margin-bottom: 30px;
}
.bloque-quiniela .quiniela__datos .linea {
  display: flex;
  align-items: center;
  background: #6D6F72;
  margin: 10px 0;
  padding: 2px 0px;
  padding-left: 20px;
  border-radius: 5px;
}
.bloque-quiniela .quiniela__datos .primera {
  justify-content: flex-end;
  background: none;
  font-weight: bold;
  font-size: 14px;
}
.bloque-quiniela .quiniela__datos .primera p {
  width: 33%;
  text-align: center;
}
.bloque-quiniela .quiniela__datos .tipo {
  font-size: 14px;
  font-weight: bold;
  width: 34%;
}
.bloque-quiniela .quiniela__datos .nacion, .bloque-quiniela .quiniela__datos .provincia {
  font-size: 15px;
  width: 33%;
  text-align: center;
}
.bloque-quiniela .ver-mas-mobile {
  margin: 0 auto;
  margin-top: 39px;
  margin-bottom: 24.4px;
  width: fit-content;
  font-size: 16px;
  border-bottom: 2px solid #CE3E41;
}
.bloque-quiniela .ver-mas-mobile:focus, .bloque-quiniela .ver-mas-mobile:hover {
  color: #D6001A;
}
.bloque-quiniela .ver-mas-desktop {
  display: none;
}
.bloque-quiniela .iconos-compartir {
  width: 60%;
}
.bloque-quiniela .iconos-compartir-logo .a {
  fill: #A6A8AA;
  fill-rule: evenodd;
}

.bloque-farmacias {
  padding: 20px;
  color: #313133;
}
.bloque-farmacias .item-3 {
  flex: 0 0 47%;
  position: relative;
  margin-bottom: 15px;
}
.bloque-farmacias .bloque__titulo {
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 2px solid #D6001A;
  width: fit-content;
  margin-bottom: 10px;
}
.bloque-farmacias .bloque__titulo p {
  line-height: 1.1;
}
.bloque-farmacias .bloque__subtitulo {
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 24px;
}
.bloque-farmacias .farmacias {
  margin-bottom: 8px;
}
.bloque-farmacias .farmacias .grid {
  justify-content: space-between;
}
.bloque-farmacias .farmacias__titulo {
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.bloque-farmacias .farmacias__direccion {
  margin-bottom: 30px;
}
.bloque-farmacias .farmacias__direccion p {
  line-height: 1.3;
}
.bloque-farmacias .farmacias__telefono {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #D6001A;
}
.bloque-farmacias .farmacias__direccion, .bloque-farmacias .farmacias__telefono {
  font-size: 0.875rem;
}
.bloque-farmacias .iconos-compartir {
  width: 65%;
  max-width: 220px;
}
.bloque-farmacias .iconos-compartir img {
  width: 80%;
}

.moduloEncuestas {
  position: relative;
  background: #A7A7A7;
  max-width: 100%;
}
.moduloEncuestas .bannerIzq, .moduloEncuestas .bannerDer {
  max-width: 80px;
  position: absolute;
  top: 10px;
}
.moduloEncuestas .bannerIzq {
  left: 20px;
}
.moduloEncuestas .bannerDer {
  right: 20px;
}
.moduloEncuestas .bloque-encuestas {
  max-width: 1150px;
  margin: 0 auto;
  padding: 35px;
}
.moduloEncuestas .bloque-encuestas .encuesta__titulo {
  font-size: 0.875rem;
  border-bottom: 1px solid #313133;
  width: fit-content;
  margin: 0 auto;
  font-weight: bold;
  margin-bottom: 30px;
}
.moduloEncuestas .bloque-encuestas .encuestas__titulo {
  font-size: 21px;
  text-align: center;
  font-weight: bold;
  color: #313133;
  margin-bottom: 50px;
}
.moduloEncuestas .bloque-encuestas .encuestas__titulo p {
  line-height: 1.4;
}
.moduloEncuestas .bloque-encuestas .encuestas__votacion {
  text-align: center;
  margin-bottom: 10px;
}
.moduloEncuestas .bloque-encuestas .encuestas__votacion .voto_option {
  margin-bottom: 12px;
  font-size: 21px;
  font-weight: bold;
  border-radius: 7px;
  background: #313133;
  color: white;
  padding: 3px 0;
  width: 100%;
}
.moduloEncuestas .bloque-encuestas .encuestas__votacion .voto_option:hover {
  background: #D6001A;
}
.moduloEncuestas .bloque-encuestas .encuestas__votacion input[type=radio] {
  display: none;
}
.moduloEncuestas .bloque-encuestas .encuestas__votacion input[type=radio]:checked + label {
  background: #D6001A;
}
.moduloEncuestas .bloque-encuestas .encuestas__votacion .encuestas_grafico label {
  display: block;
  width: 100%;
  background: #D6001A;
  height: 3px;
}
.moduloEncuestas .bloque-encuestas .encuestas__send {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.moduloEncuestas .bloque-encuestas .encuestas__send .encuesta_enviar {
  background: #313133;
  color: white;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
}
.moduloEncuestas .bloque-encuestas .encuestas__personas {
  font-size: 14px;
  text-align: center;
  color: #313133;
  margin-bottom: 40px;
}
.moduloEncuestas .bloque-encuestas .iconos-compartir {
  max-width: 260px;
}
.moduloEncuestas .bloque-encuestas .iconos-compartir-logo .a {
  fill: #313133;
  fill-rule: evenodd;
}
.moduloEncuestas .compartir {
  margin-bottom: 30px;
}

/**********************************************************************************/
/*************************************Tendencias Home*****************************/
.container-tendencias {
  background-color: rgb(255, 255, 255);
  position: static;
  top: 60px;
  z-index: 11;
  width: 100%;
}
.container-tendencias.zocalo-on {
  top: 140px;
}
.container-tendencias .contenedor {
  display: flex;
  justify-content: space-between;
  max-width: 1150px;
}
.container-tendencias .tags_header {
  display: flex;
  padding: 0 10px 0 0;
  align-items: center;
  width: 100%;
}
@media (max-width: 1023px) {
  .container-tendencias .tags_header {
    --gap: 20px;
    position: relative;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
  }
}
.container-tendencias .tags_header .titulo_cont {
  background-color: white;
  display: flex;
  align-items: center;
  padding-left: 10px;
  z-index: 2;
}
.container-tendencias .tags_header .titulo {
  font-size: 0.875rem;
  border-bottom: 2px solid #D6001A;
  border-radius: 0;
  color: #2F2828;
  margin-right: 7px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .container-tendencias .tags_header .tags_list.mobile {
    display: none;
  }
}
.container-tendencias .tags_header ul {
  display: flex;
  list-style-type: none;
  justify-content: initial;
  padding: 5px 0;
}
@media (max-width: 1023px) {
  .container-tendencias .tags_header ul {
    flex-shrink: 0;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll 25s linear infinite;
  }
}
.container-tendencias .tags_header ul::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1024px) {
  .container-tendencias .tags_header ul li {
    margin: 0 10px;
  }
}
.container-tendencias .tags_header ul li {
  border-bottom: 2px solid transparent;
}
.container-tendencias .tags_header ul li label {
  font-weight: 500;
  color: #2F2828;
  font-size: 0.875rem;
  white-space: nowrap;
}
.container-tendencias .tags_header ul li:hover {
  border-bottom: 2px solid #D6001A;
}
.container-tendencias .fecha_header {
  display: none;
}
.container-tendencias {
  /* .login-container{
  	display: none;
      align-items: center;
      justify-content: center;
      padding-right: 10px;
      button{
      	width: 120px;
  	    height: 30px;
  	    color: white;
  	    font-size: 16px;
  	    font-weight: bold;
  	    border: none;
  	    border-radius: 0;
  	    margin: 0 10px;
  	    &.btn-iniciar-sesion{
  	    	background-color: $color-black;
  	    	cursor: pointer;
  	    }
  	    &.btn-registro{
  	    	background-color: $color-brand;
  	    	cursor: pointer;
  	    }
      }
      .dropdown_list{
  	    color: $color-white;
  	    font-size: fsc(16px);
  	    font-weight: bold;
  	    display: flex;
      	.usuario{
  	    	padding: 3px 10px;
  	    	background-color: #464646;
  	    	height: 30px;
      	}
      	.perfil{
      		padding: 3px 10px;
      		background-color: $color-brand;
      		height: 30px;
      		a{
      			color: $color-white;
      		}
      	}
      }
  } */
}

.positionHome {
  position: sticky;
  left: 0;
  right: 0;
}

.hidden {
  display: none;
}

.scrollSubHeader {
  display: block;
  background-color: rgb(255, 255, 255);
}

.scrollSubHeaderOnZocalo {
  top: 140px;
}

/*------------------------------------------------------------------------------------*/
/*--------------------------------Alerta------------------------------------------*/
.modulo-alerta {
  position: sticky;
  z-index: 10;
  top: 91px;
}
.modulo-alerta .bloque {
  background: #3C3C3B;
  text-align: left;
  padding: 0 45px 5px 30px;
  margin: 0 auto;
}
.modulo-alerta .bloque .titulo {
  width: fit-content;
  margin: 0;
  padding: 5px;
}
.modulo-alerta .bloque .titulo-item {
  font-weight: 800;
  color: #FFFFFF;
  font-size: 0.875rem;
}
.modulo-alerta .bloque .introduccion-item {
  color: #FFFFFF;
  font-weight: 800;
  font-size: 0.875rem;
}
.modulo-alerta .ocultar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  right: 15px;
  cursor: pointer;
  margin: auto;
}
.modulo-alerta .ocultar .closeAlert:before, .modulo-alerta .ocultar .closeAlert:after {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: " ";
  height: 25px;
  width: 3px;
  background-color: #5C5C5C;
}
.modulo-alerta .ocultar .closeAlert:before {
  transform: rotate(40deg);
}
.modulo-alerta .ocultar .closeAlert:after {
  transform: rotate(-40deg);
}
.modulo-alerta.alerta-zocalo_on {
  top: 171px;
}

/*--------------------------------------------------------------------------------*/
.horoscopo_home {
  padding: 28px;
  padding-bottom: 0;
}
.horoscopo_home .titulo {
  width: fit-content;
  margin-bottom: 30px;
  border-bottom: 2px solid #D6001A;
}
.horoscopo_home .titulo h3 {
  padding-bottom: 4px;
  color: #313133;
  font-size: 1.375rem;
  font-weight: bold;
}
.horoscopo_home .signo .signos {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.horoscopo_home .signo .item-2 {
  width: 33%;
  margin-bottom: 30px;
}
.horoscopo_home .signo .signo-item {
  max-width: 40px;
  min-width: 40px;
  max-height: 40px;
  min-height: 40px;
  margin-bottom: 15px;
}
.horoscopo_home .signo .signo-item .a {
  fill: #5a5b5a;
  fill-rule: evenodd;
}
@media (min-width: 768px) {
  .horoscopo_home .signo .signo-item {
    max-width: 50px;
    min-width: 50px;
    max-height: 50px;
    min-height: 50px;
  }
}
.horoscopo_home .signo .signo-item:hover .a {
  fill: #D6001A;
}
.horoscopo_home .signo .nombre {
  text-transform: capitalize;
  text-align: center;
  font-size: 1rem;
  color: #6D6F72;
  font-weight: bold;
}
.horoscopo_home .signo .logo_base-desktop {
  display: none;
  width: 100%;
  text-align: center;
}
.horoscopo_home .signo .logo_base-desktop .logos-item .a {
  fill: #aeb0b3;
  fill-rule: evenodd;
}

.logos {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.logos .logo_mano, .logos .logo_planeta-1 {
  width: 33%;
}
.logos .logo_base-mobile .logos-item .a {
  fill: #aeb0b3;
  fill-rule: evenodd;
}
.logos .logo_planeta-2 {
  display: none;
}

.notas_sugeridas .contenedor .recuadro {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 15px 10px 0 10px;
}
.notas_sugeridas .contenedor .recuadro .titulo_bloque h3 {
  font-size: 1.5rem;
  line-height: 1;
}
.notas_sugeridas .contenedor .recuadro .nota-lista:after {
  border-bottom: none;
}

.quinielas_home {
  margin: 15px 10px;
}
.quinielas_home .titulo {
  margin-bottom: 20px;
}
.quinielas_home .data {
  padding: 10px;
  -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  min-height: 329px;
  width: 100%;
}
.quinielas_home .data .lista_quiniela {
  list-style: none;
  display: none;
}
.quinielas_home .data .lista_quiniela li {
  width: 49%;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
}
.quinielas_home .data .lista_quiniela li .posicion {
  width: 50%;
  padding-left: 22px;
}
.quinielas_home .data .lista_quiniela li .valor {
  font-weight: bold;
  width: 50%;
  padding-left: 10px;
}
.quinielas_home .data .lista_quiniela li:first-child {
  color: #D6001A;
}

.servicios_publi {
  align-items: center;
  justify-content: center;
}

.ultimo-momento {
  padding: 0 10px;
  z-index: 9000;
}
.ultimo-momento.is-sticky {
  position: sticky;
  top: calc(100vh - 80px);
}
.ultimo-momento .contenedor .grid {
  background-color: #ea0000;
  margin: 20px auto;
  width: 100%;
  padding: 8px;
  align-items: center;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.ultimo-momento .contenedor .grid .cuadro {
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #be0000;
  color: rgb(255, 255, 255);
  display: none;
  padding: 5px 10px;
  min-width: 171px;
}
.ultimo-momento .contenedor .grid .texto {
  margin: 0;
}
.ultimo-momento .contenedor .grid .texto a {
  width: calc(100% - 30px);
}
.ultimo-momento .contenedor .grid .texto a .titulo {
  color: rgb(255, 255, 255);
  margin-left: 15px;
  margin-right: 10px;
  font-size: 1rem;
}
.ultimo-momento .contenedor .grid .texto .um_close {
  cursor: pointer;
}
.ultimo-momento .contenedor .grid .texto .um_close .icon {
  width: 15px;
  height: 15px;
  color: rgb(255, 255, 255);
}

.alerte_fly {
  position: sticky;
  z-index: 900;
  width: 100%;
  top: calc(100vh - 50px);
  height: 0px;
}
.alerte_fly .alerta {
  background-color: #ffeb00;
  border-radius: 30px;
  font-size: 0.875rem;
  padding: 10px;
  display: flex;
  align-items: center;
  width: 95%;
  margin: auto;
}
.alerte_fly .alerta a {
  width: 100%;
}
.alerte_fly .alerta a .icon {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  color: rgb(33, 33, 33);
  float: left;
}
.alerte_fly .alerta a span {
  color: rgb(33, 33, 33);
  font-size: 0.875rem;
  line-height: 25px;
}
.alerte_fly .alerta .a_close {
  padding-right: 10px;
}
.alerte_fly .alerta .a_close .icon {
  color: rgb(33, 33, 33);
  width: 15px;
  height: 15px;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Notapage-----------------------------------------------*/
.detalle--nota {
  padding: 20px 10px;
  margin-bottom: 60px;
}
.detalle--nota .not_visible {
  display: none;
}
.detalle--nota .epigrafe_mustang {
  color: #464646;
  font-size: 0.9375rem;
  display: block;
  padding: 5px 0px;
  font-weight: 500;
}
.detalle--nota .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 0;
}
.detalle--nota .header .volanta {
  font-size: 1rem;
  text-transform: uppercase;
  padding: 5px 10px;
  background-color: #D6001A;
}
.detalle--nota .header .volanta a {
  font-weight: bold;
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
.detalle--nota .header .fecha-nota {
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: end;
}
.detalle--nota .comentarios .titulo {
  font-size: 1rem;
}
.detalle--nota .titulo {
  font-size: 1.875rem;
  color: rgb(33, 33, 33);
  font-weight: bold;
}
.detalle--nota .intro {
  font-size: 1.3125rem;
  margin-bottom: 30px;
  line-height: 1.2;
}
.detalle--nota .cont-p, .detalle--nota .cont-300 {
  padding: 0 0px;
}
.detalle--nota .cont-300 .contenedor__publicidad {
  margin-bottom: 15px;
}
.detalle--nota .biografia-opinion {
  background-color: rgb(255, 255, 255);
  box-shadow: 2px 2px 9px 0px #b8b6b8;
}
.detalle--nota .biografia-opinion .compartir {
  display: flex;
  flex-direction: row;
  padding: 10px 20px;
  justify-content: space-between;
  box-shadow: 0 0 20px 0px #d1d1d1;
}
.detalle--nota .biografia-opinion p {
  padding: 20px;
  padding-bottom: 0;
}
.detalle--nota .compartir {
  display: none;
  flex-direction: column;
  align-items: center;
}
.detalle--nota .compartir .iconos-compartir {
  display: flex;
}
.detalle--nota .compartir .iconos-compartir div {
  width: 30px;
  height: 30px;
  background-color: #D6001A;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 7px;
  cursor: pointer;
}
.detalle--nota .compartir .iconos-compartir div .icon {
  width: 20px;
  height: 20px;
  color: rgb(255, 255, 255);
}
.detalle--nota .info-compartir .autor {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.detalle--nota .info-compartir .autor .imagen {
  margin-top: 5px;
  width: 50%;
}
.detalle--nota .info-compartir .autor .imagen a {
  display: flex;
  align-items: center;
}
.detalle--nota .info-compartir .autor .imagen .img--circle {
  width: 60px;
  height: 60px;
}
.detalle--nota .info-compartir .autor .imagen label {
  margin: 0 0 0 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  max-width: 50px;
}
.detalle--nota .info-compartir .autor .imagen label strong {
  display: none;
}
.detalle--nota .media {
  margin-bottom: 30px;
  position: relative;
}
.detalle--nota .media .compartir {
  display: flex;
  width: 100%;
  flex-direction: row;
  background-color: rgb(255, 255, 255);
  padding: 10px;
  justify-content: space-between;
}
.detalle--nota .media .modulo-galeria .PrevArrow, .detalle--nota .media .modulo-galeria .NextArrow {
  top: 46%;
}
.detalle--nota .media .solapa {
  display: inline-flex;
  background-color: rgb(255, 255, 255);
  color: #D6001A;
  text-align: center;
  padding: 5px;
  font-weight: bold;
  cursor: pointer;
  width: 60px;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.detalle--nota .media .solapa.solapa_selected {
  background-color: #D6001A;
  color: white;
}
.detalle--nota .cont_autor {
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid #d7d2d2;
  border-bottom: 1px solid #d7d2d2;
  margin-bottom: 20px;
}
.detalle--nota .cont_autor .autor {
  display: flex;
  align-items: center;
  justify-content: center;
}
.detalle--nota .cont_autor .imagen {
  width: 50px;
  margin-right: 10px;
}
.detalle--nota .cont_autor .nombre {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: normal;
}
.detalle--nota .desarrollo {
  background-color: #ea0000;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding: 10px 0;
  margin-bottom: 30px;
  text-align: center;
  color: rgb(255, 255, 255);
}
.detalle--nota .cuerpo {
  margin-bottom: 20px;
  color: #333;
}
.detalle--nota .cuerpo * {
  font-size: 1.1875rem;
}
.detalle--nota .cuerpo > p > a {
  color: #D6001A;
}
.detalle--nota .cuerpo address a {
  color: #00E;
}
.detalle--nota .cuerpo h1, .detalle--nota .cuerpo h3, .detalle--nota .cuerpo p, .detalle--nota .cuerpo blockquote, .detalle--nota .cuerpo .link_nota_propia {
  margin-bottom: 1.3rem;
}
.detalle--nota .cuerpo h1 {
  font-size: 1.5625rem;
}
.detalle--nota .cuerpo h2, .detalle--nota .cuerpo h3, .detalle--nota .cuerpo h4, .detalle--nota .cuerpo h5, .detalle--nota .cuerpo h5 {
  font-size: 1.375rem;
}
.detalle--nota .cuerpo {
  /* iframe{
  	margin: 15px auto!important;
  	height: 100%;
  } */
}
.detalle--nota .cuerpo blockquote {
  width: 95%;
  margin: 60px auto;
}
.detalle--nota .cuerpo blockquote * {
  margin-bottom: 0;
}
.detalle--nota .cuerpo blockquote .autor_cita {
  padding-top: 15px;
  font-weight: normal;
  font-size: 1rem;
  line-height: 2;
}
.detalle--nota .cuerpo.publicitado .contenedor__publicidad {
  margin-top: 2rem;
}
.detalle--nota .cuerpo .cont_audios {
  text-align: center;
}
.detalle--nota .cuerpo .cont_audios audio {
  width: 100%;
}
.detalle--nota .cuerpo .link_nota_propia {
  margin-bottom: 30px;
}
.detalle--nota .cuerpo .link_nota_propia * {
  margin-bottom: 0;
  width: 100%;
}
.detalle--nota .cuerpo .link_nota_propia h3 {
  font-size: 0.9375rem;
  font-weight: bold;
  font-style: italic;
}
.detalle--nota .cuerpo .link_nota_propia .item-4, .detalle--nota .cuerpo .link_nota_propia .item-8 {
  margin-bottom: 6px;
}
.detalle--nota .cuerpo .link_nota_propia .item-4 {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  padding: 10px;
}
.detalle--nota .cuerpo .link_nota_propia .cont_bloque {
  padding: 0;
  flex-basis: 50%;
}
.detalle--nota .cuerpo .link_nota_propia .cont_bloque .volanta span {
  color: #D6001A;
  font-size: 0.875rem;
  font-weight: bold;
}
.detalle--nota .cuerpo .link_nota_propia .cont_bloque p {
  font-size: 1rem;
  color: #D6001A;
}
.detalle--nota .cuerpo .link_nota_propia .cont_bloque h2 {
  font-size: 1.063rem;
  font-weight: bold;
}
.detalle--nota .cuerpo .link_nota_concurso {
  -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  padding: 12px;
  max-width: 310px;
  margin: 75px auto;
}
.detalle--nota .cuerpo .link_nota_concurso p {
  margin-bottom: 5px;
}
.detalle--nota .cuerpo .link_nota_concurso .nombre {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  text-transform: capitalize;
}
.detalle--nota .cuerpo .link_nota_concurso .email {
  text-align: center;
  font-size: 0.875rem;
  color: #777;
}
.detalle--nota .cuerpo .link_nota_concurso .mensaje {
  text-align: center;
  font-size: 0.9375rem;
}
.detalle--nota .cuerpo .link_nota_concurso .ya_participa {
  color: #D6001A;
  text-align: center;
}
.detalle--nota .cuerpo .link_nota_concurso .form-item {
  margin-bottom: 15px;
}
.detalle--nota .cuerpo .link_nota_concurso .form-item input {
  margin-bottom: 0;
}
.detalle--nota .cuerpo .link_nota_concurso .btn--primary {
  line-height: 2;
  margin-bottom: 0;
  width: 100%;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.detalle--nota .cuerpo .link_nota_editor {
  background-color: #ea0000;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding: 10px 0;
  margin-bottom: 30px;
  text-align: center;
  color: rgb(255, 255, 255);
  position: relative;
}
.detalle--nota .cuerpo .link_nota_editor .importante {
  position: absolute;
  left: 20px;
  font-size: 0.75rem;
  background-color: #be0000;
  -webkit-border-top-right-radius: 40px;
  -webkit-border-bottom-right-radius: 40px;
  -webkit-border-bottom-left-radius: 40px;
  -webkit-border-top-left-radius: 40px;
  -moz-border-radius-topright: 40px;
  -moz-border-radius-bottomright: 40px;
  -moz-border-radius-bottomleft: 40px;
  -moz-border-radius-topleft: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-top-left-radius: 40px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding: 5px 10px;
  display: inline-block;
}
.detalle--nota .cuerpo .link_nota_editor .titulo {
  color: rgb(255, 255, 255);
  margin-top: 35px;
  margin-bottom: 15px;
  font-size: 1.125rem;
}
.detalle--nota .cuerpo .link_nota_editor .texto {
  text-align: left;
  margin-bottom: 0;
  font-size: 1rem;
  width: 93%;
  margin: auto;
}
.detalle--nota .pie-nota {
  display: flex;
  background-color: white;
  padding: 10px 30px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  box-shadow: 2px 2px 9px 0px #b8b6b8;
  width: 100%;
}
.detalle--nota .pie-nota .tags .palabras {
  list-style: none;
}
.detalle--nota .pie-nota .tags .palabras li {
  display: inline-block;
  background-color: #D6001A;
  padding: 5px 10px;
  margin: 5px;
  font-weight: bold;
}
.detalle--nota .pie-nota .tags .palabras li a {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-size: 0.875rem;
}
.detalle--nota .pie-nota .compartir {
  margin-bottom: 20px;
  display: flex;
}
.detalle--nota .susc_button {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.detalle--nota .susc_button a {
  display: flex;
}
.detalle--nota .view_mobile {
  flex-wrap: wrap;
}
.detalle--nota .frison-comments {
  font-family: "Roboto", sans-serif;
}
.detalle--nota .frison-comments .frison_button {
  background-color: rgb(33, 33, 33);
  width: 150px;
  height: 40px;
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: bold;
}
.detalle--nota .frison-comments .frison_link {
  padding: 2px 5px;
  background-color: #D6001A;
  color: rgb(255, 255, 255);
  font-family: "Heebo";
  font-weight: 500;
  font-size: 0.8125rem;
  margin-right: 10px;
}
.detalle--nota .frison-comments .frison_divisor {
  display: none;
}
.detalle--nota .frison-comments .frison_name {
  color: #D6001A;
  font-size: 1.125rem;
  height: 40px;
  display: flex;
  align-items: center;
}
.detalle--nota .frison-comments .frison_text {
  font-size: 0.9375rem;
  margin-bottom: 10px;
  margin-left: -50px;
  margin-top: 20px;
}
.detalle--nota .frison-comments .frison_megusta {
  margin-left: -50px;
}
.detalle--nota .tabs-content .titulo {
  margin-bottom: 25px;
}
.detalle--nota .tabs-content .titulo h2 {
  font-size: 1.875rem;
  font-weight: bold;
}
.detalle--nota .tabs-content .comentario_nota textarea {
  height: 80px;
  resize: none;
  border-radius: 0;
  padding: 10px;
  font-size: 1.0625rem;
  margin-bottom: 30px;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente {
  display: flex;
  margin-bottom: 25px;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente button {
  width: 150px;
  height: 40px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 0;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente .dropdown_list {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: bold;
  display: flex;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente .dropdown_list .usuario {
  padding: 5px 10px;
  background-color: #464646;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente .dropdown_list .perfil {
  padding: 5px 10px;
  background-color: #D6001A;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente .cuenta-contenedor {
  display: flex;
  align-items: center;
  padding: 5px;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente .cuenta-contenedor button {
  background-color: #464646;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente .cuenta-contenedor .login-modal {
  display: flex;
  align-items: center;
  color: rgb(255, 255, 255);
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente .registro-contenedor {
  padding: 5px;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente .registro-contenedor button {
  background-color: #D6001A;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente ul.dropdown {
  top: 15px;
}
.detalle--nota .tabs-content .comentario_nota .opciones_cliente ul.dropdown li label {
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.detalle--nota .tabs-content .comentario_nota .cuenta-contenedor {
  display: flex;
  align-items: center;
  padding: 5px;
}
.detalle--nota .tabs-content .comentario_nota .cuenta-contenedor button {
  background-color: #464646;
}
.detalle--nota .tabs-content .comentario_nota .cuenta-contenedor .login-modal {
  display: flex;
  align-items: center;
  color: rgb(255, 255, 255);
}
.detalle--nota .tabs-content .comentario_nota .registro-contenedor {
  padding: 5px;
}
.detalle--nota .tabs-content .comentario_nota .registro-contenedor button {
  background-color: #D6001A;
}
.detalle--nota .tabs-content .form_mensaje .btn--primary {
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  line-height: 2;
}
.detalle--nota .tabs-content .comentarios .titulo {
  font-size: 1.125rem;
}
.detalle--nota .tabsh {
  width: 100%;
  margin: 30px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.detalle--nota .tabsh li {
  display: inline-block;
  background-color: #D6001A;
  padding: 5px 15px;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.detalle--nota .tabsh li:first-child {
  padding-right: 15px;
}
.detalle--nota .tabsh li a {
  font-size: 0.6875rem;
  color: #fff;
}
.detalle--nota .tabsh li.active a {
  color: #ffffff;
}
.detalle--nota .tabsh-content {
  margin-bottom: 15px;
}
.detalle--nota .tabsh-content .form_mensaje .btn--primary {
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  line-height: 2;
}
.detalle--nota .relacionadas {
  max-width: 100%;
}
.detalle--nota .relacionadas .titulo {
  font-size: 1.5rem;
  color: rgb(33, 33, 33);
}
.detalle--nota .relacionadas .notas-relacionadas {
  display: flex;
}
.detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista {
  flex-direction: column;
  padding: 0;
}
.detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .media {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .media .volanta {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
  padding: 5px 10px;
  background-color: #D6001A;
  display: none;
}
.detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .media .volanta span {
  color: rgb(255, 255, 255);
}
.detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data {
  padding: 10px;
}
.detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .volanta {
  margin-bottom: 5px;
}
.detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .titulo {
  margin-bottom: 0;
  text-align: left;
}
.detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .titulo .autor_nota {
  font-weight: normal;
}
.detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .introduccion {
  display: none;
}
.detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .introduccion p {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 5.6rem; /* Fallback for non-webkit */
  font-size: 1rem;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .introduccion p {
    overflow: hidden;
    position: relative;
  }
  .detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .introduccion p:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .introduccion p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.detalle--nota .mas_leidas .titulo {
  font-size: 1.875rem;
  margin-bottom: 20px;
}
.detalle--nota .mas_leidas .nota {
  flex-direction: row;
  min-height: auto;
  padding: 0;
  align-items: center;
  margin: 10px 0;
}
.detalle--nota .mas_leidas .nota .media {
  margin-bottom: 0;
  display: none;
}
.detalle--nota .mas_leidas .nota .data .titulo {
  margin-bottom: 0;
}
.detalle--nota .mas_leidas .nota .data .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 4.8rem; /* Fallback for non-webkit */
  font-size: 1rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .detalle--nota .mas_leidas .nota .data .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .detalle--nota .mas_leidas .nota .data .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .detalle--nota .mas_leidas .nota .data .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.detalle--nota #form_error, .detalle--nota #form_add_info {
  display: none;
}
.detalle--nota #form_error .btn--primary, .detalle--nota #form_add_info .btn--primary {
  line-height: 2;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-bottom: 20px;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Seccion-----------------------------------------------*/
.seccion {
  padding: 20px;
}
.seccion .contenedor__publicidad.S1 {
  margin-top: 90px;
}
@media (min-width: 992px) {
  .seccion .contenedor__publicidad.S1 {
    margin-top: 60px;
  }
  .seccion.seccion-propiedades .contenedor__publicidad.S1 {
    margin-top: 130px;
  }
}
.seccion_radio {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px;
  margin-bottom: 50px;
}
.seccion_radio .radio {
  align-items: center;
  background: #f3f1f1;
  display: flex;
  flex-direction: column;
}
.seccion_radio .radio_name {
  font-size: 1.125rem;
  font-weight: bold;
  color: #313133;
  text-align: center;
}
.seccion_radio .radio_reproductor {
  align-items: center;
  display: flex;
}
.seccion .notas_seccion_ {
  margin-bottom: 20px;
}
.seccion .cont-p .nota-lista .introduccion p {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 4.8rem; /* Fallback for non-webkit */
  font-size: 1rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .seccion .cont-p .nota-lista .introduccion p {
    overflow: hidden;
    position: relative;
  }
  .seccion .cont-p .nota-lista .introduccion p:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .seccion .cont-p .nota-lista .introduccion p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.seccion .np_mas_noticias {
  text-align: center;
}
.seccion .np_mas_noticias .btn--primary {
  line-height: 2;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-bottom: 20px;
}
.seccion .cont__info {
  margin-bottom: 50px;
  display: flex;
  width: 100%;
}
.seccion .cont__info-title {
  font-size: 1.5rem;
  border-bottom: 2px solid #D6001A;
  width: fit-content;
  margin-bottom: 10px;
  padding-bottom: 6px;
  font-weight: bold;
  color: #313133;
}
.seccion .cont__info-desciption {
  color: #313133;
  font-size: 1rem;
}
.seccion .item-3 {
  margin-bottom: 20px;
}
.seccion .nota-lista.opinion {
  align-items: center;
}
.seccion .nota-lista.opinion .fecha-seccion {
  display: none;
}
.seccion .nota-lista.opinion .img--opinion {
  max-width: 100px;
}
.seccion .nota-lista.opinion .data {
  padding-right: 20px;
}
.seccion .nota--linea, .seccion .nota_gen {
  margin-bottom: 0;
}
.seccion .nota--linea .nota__volantaTop p, .seccion .nota--linea .nota__volanta p, .seccion .nota_gen .nota__volantaTop p, .seccion .nota_gen .nota__volanta p {
  font-weight: 500;
}
.seccion .nota--linea .nota__media--link img, .seccion .nota--linea .nota__media .video-wrapper, .seccion .nota_gen .nota__media--link img, .seccion .nota_gen .nota__media .video-wrapper {
  border-radius: 10px;
}
.seccion .contenedor__publicidad {
  margin-bottom: 40px;
}
.seccion .contenedor.grid.desktop {
  display: none;
}

.seccion-propiedades {
  padding: 0;
}
.seccion-propiedades .item-12.clear.grid {
  justify-content: space-between;
}
.seccion-propiedades .item-12.clear.grid .item-6 {
  flex: 47%;
  max-width: 47%;
}
.seccion-propiedades .portada {
  padding: 0 20px;
}
.seccion-propiedades .columna-principal.desktop {
  display: none;
}
.seccion-propiedades .columna-derecha.desktop {
  display: none;
}
.seccion-propiedades {
  /* .menu__propiedades{
  	padding: 15px 20px 0;
  	ul{
  		display: flex;
  		flex-wrap: wrap;
  		list-style: none;
  		justify-content: space-between;
  		width: fit-content;
  		margin: 0 auto;
  		li{
  			padding: 0 10px;
  		}
  		p{
  			font-size: 12px;
  			color: $color-titulos;
  			border-bottom: 2px solid transparent;
  		}
  		p:hover,.border{
  			border-bottom: 2px solid $color-brand;
  		}
  	}
  } */
}
.seccion-propiedades .banner__propiedades {
  background: #313133;
  margin-top: 15px;
  margin-bottom: 25px;
}
.seccion-propiedades .banner__propiedades .fondo {
  min-height: 84px;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
  align-items: center;
  color: white;
}
.seccion-propiedades .banner__propiedades .logos {
  width: fit-content;
  display: flex;
  justify-items: start;
  align-items: flex-end;
  position: absolute;
  bottom: 10px;
  left: 20px;
}
.seccion-propiedades .banner__propiedades .logos .logo_casa .logos-item {
  margin-left: 10px;
  max-width: 19px;
  max-height: 19px;
}
.seccion-propiedades .banner__propiedades .logos .logo_edificio .logos-item {
  max-width: 45px;
  max-height: 45px;
}
.seccion-propiedades .banner__propiedades .logos-item {
  fill: white;
}
.seccion-propiedades .banner__propiedades .sponsor {
  font-size: 1.0625rem;
  text-align: center;
}
.seccion-propiedades .banner__propiedades .sponsor-item {
  font-weight: bold;
}
.seccion-propiedades .publi {
  display: none;
  margin: 0 auto;
}
.seccion-propiedades .mas_leidas {
  display: none;
  padding: 20px 23px;
  background-color: #8E8E8E;
  border-radius: 25px;
  margin: 25px auto;
  margin-bottom: 85px;
  color: white;
  max-width: 300px;
}
.seccion-propiedades .mas_leidas .nota--linea {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: fit-content;
}
.seccion-propiedades .mas_leidas .nota--linea .nota__body {
  padding: 0;
  padding-left: 10px;
}
.seccion-propiedades .mas_leidas .nota--linea .nota__titulo {
  margin: 6px 0;
}
.seccion-propiedades .mas_leidas .nota--linea .nota__contador {
  font-size: 50px;
  text-align: right;
  width: fit-content;
}
.seccion-propiedades .mas_leidas .nota--linea .nota__firmantes .nombre-firmante {
  margin: 0px 0 5px;
}
.seccion-propiedades .mas_leidas .nota--linea .nota__firmantes .nombre-firmante .firmante {
  color: white;
}
.seccion-propiedades .mas_leidas .nota--linea .nota__titulo-item {
  font-size: 1.0625rem;
  line-height: 1.2;
}
.seccion-propiedades .mas_leidas .nota--linea .nota__contador, .seccion-propiedades .mas_leidas .nota--linea .nota__titulo-item {
  color: white;
}
.seccion-propiedades .mas_leidas .titulo {
  margin-bottom: 20px;
  display: block;
}
.seccion-propiedades .mas_leidas .titulo-item {
  font-size: 2.125rem;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #292929;
}
.seccion-propiedades .mas_leidas .titulo-item:last-of-type {
  font-size: 2.5625rem;
}
.seccion-propiedades .relacionadas {
  max-width: 100%;
}
.seccion-propiedades .relacionadas .titulo {
  font-size: 1.125rem;
  color: #404041;
  font-weight: bold;
  border: 0;
  margin-bottom: 35px;
}
.seccion-propiedades .relacionadas .grid .item {
  padding: 0;
}
.seccion-propiedades .relacionadas .notas-relacionadas {
  display: flex;
  flex-wrap: wrap;
}
.seccion-propiedades .relacionadas .notas-relacionadas .nota {
  padding: 0;
  flex-direction: column;
  flex-wrap: nowrap;
}
.seccion-propiedades .relacionadas .notas-relacionadas .nota__volantaTop {
  margin-bottom: 30px;
  color: #D6001A;
  font-size: 0.875rem;
  font-weight: bold;
}
.seccion-propiedades .relacionadas .notas-relacionadas .nota__media {
  padding: 0;
  height: fit-content;
  flex-basis: 100%;
}
.seccion-propiedades .relacionadas .notas-relacionadas .nota__media img {
  min-height: 95px;
  border-radius: 15px;
}
.seccion-propiedades .relacionadas .notas-relacionadas .nota__body {
  position: relative;
  flex-basis: 100%;
  padding: 0;
}
.seccion-propiedades .relacionadas .notas-relacionadas .nota__volanta {
  display: none;
}
.seccion-propiedades .relacionadas .notas-relacionadas .nota__titulo {
  margin-top: 10px;
  margin-bottom: 15px;
}
.seccion-propiedades .relacionadas .notas-relacionadas .nota__titulo-item {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 43.2px; /* Fallback for non-webkit */
  font-size: 18px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .seccion-propiedades .relacionadas .notas-relacionadas .nota__titulo-item {
    overflow: hidden;
    position: relative;
  }
  .seccion-propiedades .relacionadas .notas-relacionadas .nota__titulo-item:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .seccion-propiedades .relacionadas .notas-relacionadas .nota__titulo-item:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.seccion-propiedades .notas_seccion_ {
  justify-content: space-between;
}
.seccion-propiedades .notas_seccion_ .item-3 {
  flex: 47%;
  max-width: 47%;
}
.seccion-propiedades .notas_seccion_ .contenedor__publicidad {
  display: none;
}
.seccion-propiedades .notas_seccion_ .nota--linea .nota__continuar {
  display: none;
}
.seccion-propiedades .notas_seccion_ .nota--linea .nota__titulo-item {
  font-weight: 500;
}
.seccion-propiedades .nota--linea, .seccion-propiedades .nota_gen {
  display: block;
}
.seccion-propiedades .nota--linea .nota__body, .seccion-propiedades .nota_gen .nota__body {
  padding: 10px 0;
  flex-basis: 100%;
}
.seccion-propiedades .nota--linea .nota__media, .seccion-propiedades .nota_gen .nota__media {
  flex-basis: 100%;
  max-width: 100%;
}
.seccion-propiedades .nota--linea .nota__titulo, .seccion-propiedades .nota_gen .nota__titulo {
  margin: 0;
}
.seccion-propiedades .nota--linea .nota__titulo-item, .seccion-propiedades .nota_gen .nota__titulo-item {
  font-size: 0.875rem;
  line-height: 1.2;
  color: #313133;
}
.seccion-propiedades .nota--linea .nota__volantaTop, .seccion-propiedades .nota_gen .nota__volantaTop {
  display: block;
  margin-bottom: 10px;
  font-size: 0.75rem;
  color: #D6001A;
}
.seccion-propiedades .nota--linea .nota__volantaTop p, .seccion-propiedades .nota_gen .nota__volantaTop p {
  line-height: 1.2;
}

.seccion-verParaSaber .item-12 {
  padding: 0;
  margin: 0;
}
.seccion-verParaSaber .cabecera .titulo__seccion-item {
  font-family: "Bebas Neue", cursive;
  font-size: 2.1875rem;
  color: black;
  padding: 15px 25px;
  letter-spacing: 0;
}
.seccion-verParaSaber .notas_seccion_ {
  margin-bottom: 20px;
}
.seccion-verParaSaber .btn--mas_noticias {
  background-color: #2B1281;
}
.seccion-verParaSaber .item-9.grid.principal {
  height: min-content;
  padding: 0 15px;
}
.seccion-verParaSaber .item-9.grid.principal .item-3 {
  padding: 0;
  margin: 0;
  margin-bottom: 25px;
}
.seccion-verParaSaber .item-9.grid.principal .item-12 {
  margin-bottom: 25px;
}
.seccion-verParaSaber .item-9.grid.principal .notas_seccion_ .nota {
  flex-direction: column;
}
.seccion-verParaSaber .item-9.grid.principal .nota {
  flex-direction: column-reverse;
}
.seccion-verParaSaber .item-9.grid.principal .nota__body {
  padding: 10px 0 0;
}
.seccion-verParaSaber .item-9.grid.principal .nota__volanta {
  color: #50499D;
  padding-bottom: 0;
  margin-bottom: 0;
}
.seccion-verParaSaber .item-9.grid.principal .nota__volanta p {
  padding: 0;
  font-size: 24px;
  font-family: bebas neue;
}
.seccion-verParaSaber .item-9.grid.principal .nota__fecha {
  color: #B1B1B1;
  font-size: 12px;
  margin-bottom: 5px;
}
.seccion-verParaSaber .item-9.grid.principal .nota__titulo-item {
  padding-bottom: 0;
  font-size: 18px;
}
.seccion-verParaSaber .item-9.grid.principal .nota__media--link .play {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seccion-verParaSaber .item-9.grid.principal .nota__media--link .play .btn-play {
  width: 70px;
}
.seccion-verParaSaber .item-9.grid.principal .notas_seccion_ .nota__media {
  order: 1;
}
.seccion-verParaSaber .lateral .item-12 {
  margin: 0 auto 30px;
}
.seccion-verParaSaber .lateral.item-3 {
  max-width: 100%;
  flex: 0 0 100%;
}
.seccion-verParaSaber .np_mas_noticias {
  text-align: center;
}
.seccion-verParaSaber .np_mas_noticias .btn--primary {
  line-height: 2;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-bottom: 20px;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Tags-----------------------------------------------*/
.tags .tag_nombre {
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}
.tags .tag_nombre > .grid {
  background-color: rgb(255, 255, 255);
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding: 5px 10px;
  -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
}
.tags .tag_nombre > .grid .data {
  display: flex;
  align-items: center;
  padding-left: 10px;
  font-weight: bold;
  font-size: 1.125rem;
}
.tags .tag_nombre > .grid .btn--primary {
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  line-height: 2.1;
}
.tags .notas_seccion_ {
  margin-bottom: 20px;
}
.tags .notas_seccion_ .nota-lista .data .introduccion {
  display: none;
}
.tags .np_mas_noticias {
  text-align: center;
}
.tags .np_mas_noticias .btn--primary {
  line-height: 2;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-bottom: 20px;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Autor-----------------------------------------------*/
.autor .autor_nombre {
  position: relative;
  margin-bottom: 20px;
}
.autor .autor_nombre > .grid {
  background-color: rgb(255, 255, 255);
  padding: 5px 10px;
  -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
}
.autor .autor_nombre > .grid .info {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.autor .autor_nombre > .grid .info img {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.autor .autor_nombre > .grid .info .data {
  padding-left: 10px;
}
.autor .autor_nombre > .grid .info .data .nombre {
  font-weight: bold;
  font-size: 1rem;
}
.autor .autor_nombre > .grid .info .data .email {
  display: none;
}
.autor .autor_nombre > .grid .redes_sociales {
  display: none;
}
.autor .autor_nombre > .grid .btn--primary {
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  line-height: 2.1;
  align-self: center;
  margin-left: auto;
}
.autor .autor_nombre .intro {
  display: none;
}
.autor .notas_seccion_ {
  margin-bottom: 20px;
}
.autor .np_mas_noticias {
  text-align: center;
}
.autor .np_mas_noticias .btn--primary {
  line-height: 2;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-bottom: 20px;
}
.autor .notas_seccion_ {
  width: 100%;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Busqueda-----------------------------------------------*/
.busqueda {
  padding: 20px;
}
.busqueda .busqueda-info .titulo {
  font-size: 1.5rem;
  color: #313133;
  border-bottom: 2px solid #D6001A;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
}
.busqueda .busqueda-info .subtitulo {
  font-size: 0.75rem;
  font-weight: bold;
  color: #313133;
  margin-bottom: 50px;
}
.busqueda .item-3 {
  margin-bottom: 25px;
}
.busqueda .nota--linea {
  flex-wrap: wrap;
  margin-bottom: 0;
}
.busqueda .nota--linea .nota__volantaTop {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  color: #6D6F72;
  min-height: 25px;
}
.busqueda .nota--linea .nota__volantaTop p {
  line-height: 1.2;
}
.busqueda .nota--linea .nota__btnCompartir {
  display: none;
}
.busqueda .nota--linea .nota__media {
  flex-basis: 50%;
  max-width: 100%;
}
.busqueda .nota--linea .nota__media img {
  border-radius: 7px;
  min-height: 0;
}
.busqueda .nota--linea .nota__body {
  flex-basis: 50%;
}
.busqueda .nota--linea .nota__titulo-item {
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
}
.busqueda .nota--linea .nota__firmantes .nombre-firmante {
  margin: 5px 0;
}
.busqueda .nota--linea .nota__continuar {
  font-size: 20px;
  position: absolute;
  bottom: 0;
  right: 5px;
}
.busqueda .np_mas_noticias {
  text-align: center;
}
.busqueda .np_mas_noticias .btn--primary {
  line-height: 2;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-bottom: 20px;
}
.busqueda .notas_seccion_ {
  width: 100%;
}
.busqueda .notas_seccion_ .nota--linea .nota__volanta, .busqueda .notas_seccion_ .nota--linea .nota__continuar {
  display: none;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Ventanas modal-----------------------------------------*/
#login_modal {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  max-width: 850px;
  vertical-align: top;
  border-radius: 0;
  box-shadow: none;
}
#login_modal .desktop-text {
  max-width: 640px;
  margin: 20px auto;
  text-align: center;
  font-size: 20px;
  display: none;
}
#login_modal .login-cont {
  max-width: 320px;
  margin: auto;
}
#login_modal .login-cont p {
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  color: #000000;
}
#login_modal .login-cont #response {
  text-align: center;
  font-size: 0.875rem;
  margin-bottom: 10px;
}
#login_modal .login-cont .l_formulario {
  width: 100%;
  margin: auto;
}
#login_modal .login-cont .l_formulario .form-item {
  margin-bottom: 20px;
}
#login_modal .login-cont .l_formulario .form-item input {
  font-size: 1.063rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  border-radius: 1px;
  box-shadow: 0px 2px 9px 0px #b8b6b8;
}
#login_modal .login-cont .l_formulario .form-item input::-webkit-input-placeholder {
  font-size: 1rem;
  font-style: italic;
  color: #A0A0A0;
}
#login_modal .login-cont .l_formulario .form-item input:-moz-placeholder {
  font-size: 1rem;
  font-style: italic;
  color: #A0A0A0;
}
#login_modal .login-cont .l_formulario .form-item input::-moz-placeholder {
  font-size: 1rem;
  font-style: italic;
  color: #A0A0A0;
}
#login_modal .login-cont .l_formulario .form-item input:-ms-input-placeholder {
  font-size: 1rem;
  font-style: italic;
  color: #A0A0A0;
}
#login_modal .login-cont .l_formulario .form-item .error {
  font-size: 0.75rem;
  font-style: italic;
  color: red;
}
#login_modal .login-cont .l_formulario .form-item label.error {
  padding: 0;
}
#login_modal .login-cont .l_formulario .btn--primary {
  line-height: 1.8;
  width: 150px;
  height: 40px;
  margin: auto;
  margin-bottom: 25px;
  font-size: 1rem;
  font-weight: bold;
  display: block;
  background-color: #464646;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
#login_modal .login-cont .opciones {
  text-align: center;
}
#login_modal .login-cont .opciones a {
  color: #D6001A;
  font-size: 0.9375rem;
  display: block;
  margin: 10px 0;
}

#dni_modal {
  max-width: 320px;
  padding: 15px;
}
#dni_modal .dni-cont .form-item {
  margin-bottom: 10px;
}
#dni_modal .dni-cont .btn--primary {
  line-height: 1.8;
  width: 100%;
  margin-bottom: 15px;
  font-size: 1rem;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

#setearCodigo {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  max-width: 450px;
  vertical-align: top;
  border-radius: 0;
  box-shadow: none;
  vertical-align: middle;
  box-shadow: 0px 0px 9px 0px #b8b6b8;
}
#setearCodigo #login_texto {
  font-size: 1.875rem;
  color: #D6001A;
}
#setearCodigo .login_title {
  max-width: 400px;
  margin: auto;
}
#setearCodigo #login_pad #formConfirmarCodigo {
  width: 100%;
  margin: auto;
}
#setearCodigo #login_pad #formConfirmarCodigo div {
  margin-bottom: 20px;
}
#setearCodigo #login_pad #formConfirmarCodigo div #codigo {
  font-size: 1.0625rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  border-radius: 1px;
  box-shadow: 0px 2px 9px 0px #b8b6b8;
}
#setearCodigo #login_pad #enviarCodigo, #setearCodigo #login_pad #reenviarSms_codigo {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.8;
  width: 150px;
  height: 40px;
  margin: auto;
  margin-bottom: 25px;
  font-size: 1rem;
  font-weight: bold;
  background-color: #464646;
  border-radius: 2px;
  color: white;
  cursor: pointer;
}
#setearCodigo #login_pad #reenviarSms_codigo {
  background-color: #D6001A;
}

#recibirSms {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  max-width: 450px;
  vertical-align: top;
  border-radius: 0;
  box-shadow: none;
  vertical-align: middle;
  box-shadow: 0px 0px 9px 0px #b8b6b8;
}
#recibirSms #login_texto {
  font-size: 1.875rem;
  color: #D6001A;
}
#recibirSms .login_title {
  max-width: 400px;
  margin: auto;
}
#recibirSms #login_pad #formConfirmarCelular {
  width: 100%;
  margin: auto;
}
#recibirSms #login_pad #formConfirmarCelular div {
  margin-bottom: 20px;
}
#recibirSms #login_pad #formConfirmarCelular div #celular {
  font-size: 1.0625rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  border-radius: 1px;
  box-shadow: 0px 2px 9px 0px #b8b6b8;
}
#recibirSms #login_pad #reenviarSms, #recibirSms #login_pad #ingresar_codigo {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.8;
  width: 150px;
  height: 40px;
  margin: auto;
  margin-bottom: 25px;
  font-size: 1rem;
  font-weight: bold;
  background-color: #464646;
  border-radius: 2px;
  color: white;
  cursor: pointer;
}
#recibirSms #login_pad #ingresar_codigo {
  background-color: #D6001A;
}

#changePassword {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  max-width: 450px;
  vertical-align: top;
  border-radius: 0;
  box-shadow: none;
  vertical-align: middle;
  box-shadow: 0px 0px 9px 0px #b8b6b8;
}
#changePassword #login_texto {
  font-size: 1.875rem;
  color: #D6001A;
}
#changePassword #login_pad .login_linea {
  max-width: 400px;
  margin: auto;
  font-size: 1rem;
}
#changePassword #login_pad #formLogin {
  display: flex;
  width: 100%;
  margin: auto;
}
#changePassword #login_pad #formLogin input {
  font-size: 1.0625rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  border-radius: 1px;
  box-shadow: 0px 2px 9px 0px #b8b6b8;
  margin: 10px 5px;
}
#changePassword #login_pad #cambio {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.8;
  width: 150px;
  height: 40px;
  margin: auto;
  font-size: 1rem;
  font-weight: bold;
  background-color: #464646;
  border-radius: 2px;
  color: white;
  cursor: pointer;
}

#modal_generico {
  max-width: 300px;
  border-radius: 0;
}
#modal_generico label {
  font-size: 1rem;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Registro----------------------------------------------*/
.registro {
  padding: 20px 10px;
}
.registro .btn--primary {
  line-height: 1.8;
  margin-bottom: 15px;
  font-size: 1rem;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.mensajes {
  padding: 20px 10px;
  min-height: 500px;
}

#recuperar_modal {
  max-width: 320px;
  padding: 15px;
  border-radius: 0;
}
#recuperar_modal .texto {
  margin-bottom: 20px;
}
#recuperar_modal #response {
  text-align: center;
  font-size: 0.875rem;
  margin-bottom: 10px;
}
#recuperar_modal .recuperar_formulario {
  width: 85%;
  margin: auto;
  margin-bottom: 50px;
}
#recuperar_modal .recuperar_formulario .form-item {
  margin-bottom: 15px;
}
#recuperar_modal .recuperar_formulario .form-item input {
  font-size: 1rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
}
#recuperar_modal .recuperar_formulario .form-item input::-webkit-input-placeholder {
  font-size: 1rem;
  font-style: italic;
}
#recuperar_modal .recuperar_formulario .form-item input:-moz-placeholder {
  font-size: 1rem;
  font-style: italic;
}
#recuperar_modal .recuperar_formulario .form-item input::-moz-placeholder {
  font-size: 1rem;
  font-style: italic;
}
#recuperar_modal .recuperar_formulario .form-item input:-ms-input-placeholder {
  font-size: 1rem;
  font-style: italic;
}
#recuperar_modal .recuperar_formulario .form-item .error {
  font-size: 0.75rem;
  font-style: italic;
  color: red;
}
#recuperar_modal .recuperar_formulario .form-item label.error {
  padding: 0;
}
#recuperar_modal .recuperar_formulario .btn--primary {
  line-height: 1.8;
  width: 100%;
  margin-bottom: 15px;
  font-size: 1rem;
}

.mi_cuenta {
  padding: 20px 10px;
}
.mi_cuenta .form-item {
  margin-bottom: 15px;
}
.mi_cuenta .form-item input {
  font-size: 1rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
}
.mi_cuenta .form-item input::-webkit-input-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.mi_cuenta .form-item input:-moz-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.mi_cuenta .form-item input::-moz-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.mi_cuenta .form-item input:-ms-input-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.mi_cuenta .form-item .error {
  font-size: 0.75rem;
  font-style: italic;
  color: red;
}
.mi_cuenta .form-item label.error {
  padding: 0;
}
.mi_cuenta .btn--primary, .mi_cuenta .btn--gris {
  line-height: 1.8;
  margin-bottom: 15px;
  font-size: 1rem;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

/*--------------------------------------------------------------------------------------------*/
/*-----------------------------------------Suscripcion----------------------------------------*/
.suscripcion {
  position: relative;
}
.suscripcion .login_title-mobile {
  width: 68%;
  margin: 0 auto;
  margin-top: 115px;
}
.suscripcion .login_title-mobile label {
  color: #D6001A;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.3;
}
.suscripcion #formSuscripcion {
  display: block;
  margin-top: 20px;
  padding: 0 60px;
}
.suscripcion #formSuscripcion .form-group {
  margin-bottom: 30px;
}
.suscripcion #formSuscripcion .form-group.datos .login_title-desktop {
  display: none;
}
.suscripcion #formSuscripcion .form-group .nombre, .suscripcion #formSuscripcion .form-group .edad, .suscripcion #formSuscripcion .form-group .email {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.suscripcion #formSuscripcion .form-group .nombre label, .suscripcion #formSuscripcion .form-group .edad label, .suscripcion #formSuscripcion .form-group .email label {
  font-size: 0.875rem;
  font-weight: bold;
  width: 30%;
  color: #313133;
  text-transform: uppercase;
}
.suscripcion #formSuscripcion .form-group .nombre .item, .suscripcion #formSuscripcion .form-group .edad .item, .suscripcion #formSuscripcion .form-group .email .item {
  font-size: 0.875rem;
  color: #313133;
  border: 2px solid #D6001A;
  box-shadow: none;
  width: 70%;
  text-transform: none;
}
.suscripcion #formSuscripcion .form-group .nombre #nombre-error, .suscripcion #formSuscripcion .form-group .nombre #mail-error, .suscripcion #formSuscripcion .form-group .nombre #edad-error, .suscripcion #formSuscripcion .form-group .edad #nombre-error, .suscripcion #formSuscripcion .form-group .edad #mail-error, .suscripcion #formSuscripcion .form-group .edad #edad-error, .suscripcion #formSuscripcion .form-group .email #nombre-error, .suscripcion #formSuscripcion .form-group .email #mail-error, .suscripcion #formSuscripcion .form-group .email #edad-error {
  width: 100%;
  color: #D6001A;
  text-transform: none;
}
.suscripcion #formSuscripcion .form-group .title {
  width: 95%;
  margin: 0 auto;
}
.suscripcion #formSuscripcion .form-group .title label {
  color: #D6001A;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.3;
}
.suscripcion #formSuscripcion .form-group label.error {
  margin: 0;
}
.suscripcion #formSuscripcion .form-group input[type=checkbox] {
  display: none;
}
.suscripcion #formSuscripcion .form-group input[type=checkbox]:checked + .control-label {
  color: #D6001A;
}
.suscripcion #formSuscripcion .form-group span {
  display: block;
  font-size: 0.875rem;
}
.suscripcion #formSuscripcion .form-group select {
  font-size: 0.875rem;
  border-radius: 0px;
  font-weight: bold;
  padding: 3px;
  text-transform: uppercase;
  height: 40px;
}
.suscripcion #formSuscripcion .form-group .aclaracion_tel {
  font-size: 0.8125rem;
  color: #D6001A;
  font-weight: 500;
}
.suscripcion #formSuscripcion .form-group .btn-registro {
  width: 100px;
  color: white;
  font-size: 1.125rem;
  font-weight: bold;
  border: none;
  border-radius: 20px;
  background-color: #B0A8A0;
  cursor: pointer;
  margin: auto;
  display: block;
  min-height: 32px;
}
.suscripcion #formSuscripcion .form-group .news-radio {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.suscripcion #formSuscripcion .form-group .news-radio label {
  color: #666666;
  font-size: 0.9375rem;
  margin: 0 auto;
}
.suscripcion #formSuscripcion .form-group .terminos-radio {
  display: flex;
  align-items: center;
}
.suscripcion #formSuscripcion .form-group .terminos-radio label {
  margin: 0;
  margin-left: 10px;
}
.suscripcion #formSuscripcion .form-group .terminos-radio label a {
  color: #D6001A;
}
.suscripcion .bannerinf {
  position: absolute;
  width: fit-content;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 72px;
}
.suscripcion .bannerSup {
  display: none;
  width: fit-content;
  text-align: center;
}

/*--------------------------------------------------------------------------------------------*/
/*-----------------------------------------Terminos-------------------------------------------*/
.terminos-condiciones {
  background-color: rgb(255, 255, 255);
}
.terminos-condiciones .titulo {
  margin-bottom: 20px;
}
.terminos-condiciones .titulo h3 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}
.terminos-condiciones .texto {
  color: #464646;
  font-size: 0.8125rem;
}
.terminos-condiciones .texto p {
  display: unset;
  margin-left: 100px;
}

/*--------------------------------------------------------------------------------------------*/
/*-----------------------------------------Login----------------------------------------------*/
.blocker {
  top: 60px !important;
  padding: 0 !important;
  background-color: rgba(245, 245, 245, 0.85) !important;
}
.blocker .modal .close-modal {
  display: none;
}

/*--------------------------------------------------------------------------------------------*/
/*-----------------------------------------404------------------------------------------------*/
.error_page .error_fondo {
  position: relative;
  margin: 50px auto;
  max-width: 720px;
}
.error_page .error_fondo .error_container {
  display: block;
  min-height: 715px;
}
.error_page .error_fondo .bloque-descripcion {
  width: 83%;
  margin: 0 auto;
}
.error_page .error_fondo .error_mensaje-mobile {
  display: block;
  background-color: #D6001A;
  border-radius: 10px;
  width: 100%;
  max-width: 105px;
  margin-top: 20px;
}
.error_page .error_fondo .error_mensaje-mobile p {
  color: white;
  font-size: 1rem;
  font-weight: 300;
  padding: 5px 0;
  text-align: center;
  line-height: 1;
}
.error_page .error_fondo .error_title {
  font-weight: bold;
  font-size: 22px;
  color: black;
}
.error_page .error_fondo .error_cuerpo {
  width: 90%;
  margin-top: 22px;
  color: #313133;
}
.error_page .error_fondo .error_cuerpo .error_mensaje {
  font-size: 14px;
}
.error_page .error_fondo .error_cuerpo .error_mensaje-desktop {
  display: none;
  align-items: center;
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
}
.error_page .error_fondo .error_cuerpo .volver {
  font-size: 1.5rem;
  color: #D6001A;
  font-weight: bold;
  padding-left: 17px;
}
.error_page .error_fondo .logo-lobo {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 389px;
  left: 0;
  margin: 0 auto;
}
.error_page .error_fondo .logo-lobo-desktop {
  display: none;
}

/*--------------------------------------------------------------------------------------------*/
/*----------------------------------------Horóscopo-------------------------------------------*/
.horoscopo {
  background-color: rgb(255, 255, 255);
  padding: 0 20px;
}
.horoscopo .item-12 {
  margin-bottom: 20px;
}
.horoscopo .item-12 .cabecera {
  display: block;
  margin-top: 30px;
}
.horoscopo .item-12 .hr-horoscopo {
  border-top: 2px solid #D6001A;
  max-width: 174px;
  margin: 5px 0;
}
.horoscopo .item-12 .cabecera__redes-desktop {
  display: none;
}
.horoscopo .item-12 .cabecera__titulo {
  color: #464749;
  font-size: 20px;
  font-weight: bold;
}
.horoscopo .item-12 .cabecera__titulo-item {
  color: #464749;
  text-transform: capitalize;
}
.horoscopo .item-12 .horoscopo_home {
  box-shadow: 0px 8px 20px 6px #d1d1d1;
  background-color: #F7F7F7;
}
.horoscopo .item-12 .horoscopo_header {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.horoscopo .item-12 .horoscopo_header .nombre {
  text-transform: uppercase;
  font-family: "Heebo", sans-serif;
  font-weight: bold;
  font-size: 0.9375rem;
  background-color: #D6001A;
  padding: 0 10px;
  color: rgb(255, 255, 255);
  margin-right: 10px;
}
.horoscopo .item-12 .horoscopo_header .fecha {
  font-size: 0.8125rem;
  color: #D6001A;
  font-weight: 400;
}
.horoscopo .item-12 .horoscopo_header p {
  margin: 0;
}
.horoscopo .item-12 {
  /* p{
  	margin: 20px 0;
  	font-size: fsc(19px);
  	line-height: 1.3;
  	color: #000000;
  	padding: 0 10px;
  	span{
  		color: $color-brand;
  	}
  	&.hoy{
  		font-weight: bold;
  	}
  } */
}
.horoscopo .item-8 .horoscopo__logo {
  width: fit-content;
}
.horoscopo .item-8 .horoscopo__logo .signo-item .a {
  fill: #D6001A;
  fill-rule: evenodd;
}
.horoscopo .item-8 .item-3 a {
  display: flex;
  align-items: center;
}
.horoscopo .item-8 .horoscopo__info {
  display: block;
  padding-left: 10px;
  color: black;
}
.horoscopo .item-8 .horoscopo__info .nombre_mobile {
  font-size: 1.3125rem;
  text-transform: capitalize;
}
.horoscopo .item-8 .horoscopo__info .fecha {
  font-size: 0.75rem;
}
.horoscopo .item-8 .horoscopo__data {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 1rem;
  color: black;
}
.horoscopo .item-8 .horoscopo__data .item {
  margin-top: 30px;
}
.horoscopo .item-8 .horoscopo__data p {
  line-height: 1.8;
}
.horoscopo .item-8 .banner__planeta {
  width: fit-content;
  position: absolute;
  top: -27px;
  right: 0;
}
.horoscopo .item-8 .cabecera__redes-mobile {
  width: 50%;
}
.horoscopo .item-8 .cabecera__redes-mobile .iconos-compartir {
  width: 100%;
}
.horoscopo .item-8 .cabecera__redes-mobile .iconos-compartir img {
  width: 65%;
}
.horoscopo .enterate__titulo {
  display: none;
}
.horoscopo .enterate {
  max-width: 530px;
  margin: 35px auto;
}
.horoscopo .enterate .item-3 {
  flex: 0 0 25%;
}
.horoscopo .enterate a {
  display: block;
  justify-content: center;
}
.horoscopo .enterate__logos {
  text-align: center;
}
.horoscopo .enterate__logos .signo-item {
  max-width: 55px;
}
.horoscopo .enterate__logos .signo-item .a {
  fill: #5C5455;
  fill-rule: evenodd;
}
.horoscopo .enterate__logos .signo-item:hover .a {
  fill: #D6001A;
}
.horoscopo .enterate__logos .nombre {
  text-transform: capitalize;
  font-weight: bold;
  margin: 15px 0;
  font-size: 0.875rem;
}
.horoscopo .logo_base-desktop {
  width: fit-content;
  margin: 15px auto 55px;
}
.horoscopo .logo_base-desktop .logos-item .a {
  fill: #aeb0b3;
  fill-rule: evenodd;
}
.horoscopo .barra-lateral .mas_leidas {
  padding: 20px 23px;
  background-color: #8E8E8E;
  border-radius: 25px;
  margin: 0px auto;
  margin-bottom: 85px;
  color: white;
  max-width: 475px;
}
.horoscopo .barra-lateral .mas_leidas .nota--linea {
  margin: 0;
  flex-direction: row;
}
.horoscopo .barra-lateral .mas_leidas .nota--linea .nota__body {
  padding-left: 10px;
}
.horoscopo .barra-lateral .mas_leidas .nota--linea .nota__titulo {
  margin: 6px 0;
}
.horoscopo .barra-lateral .mas_leidas .nota--linea .nota__contador {
  font-size: 50px;
  text-align: right;
  width: fit-content;
}
.horoscopo .barra-lateral .mas_leidas .nota--linea .nota__titulo-item {
  font-size: 0.875rem;
  line-height: 1.2;
}
.horoscopo .barra-lateral .mas_leidas .nota--linea .nota__contador, .horoscopo .barra-lateral .mas_leidas .nota--linea .nota__titulo-item {
  color: white;
}
.horoscopo .barra-lateral .mas_leidas .titulo {
  margin-bottom: 20px;
  display: block;
}
.horoscopo .barra-lateral .mas_leidas .titulo-item {
  font-size: 1.4375rem;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #292929;
}
.horoscopo .barra-lateral .mas_leidas .titulo-item:last-of-type {
  font-size: 1.75rem;
}

/*--------------------------------------------------------------------------------------------*/
/*----------------------------------------Quiniela-------------------------------------------*/
.loteria_contenedor {
  padding: 20px;
  background-color: rgb(255, 255, 255);
}
.loteria_contenedor .titulo {
  font-size: 1.5rem;
  color: #333333;
  border-bottom: 2px solid #D6001A;
  width: fit-content;
  font-weight: bold;
  margin-bottom: 20px;
}
.loteria_contenedor .loteria_title {
  font-size: 1.125rem;
  color: #2A2328;
}
.loteria_contenedor .loteria_subtitle {
  font-size: 0.875rem;
  font-weight: 500;
  color: #2A2328;
}
.loteria_contenedor .loteria_cont_bloque {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 250px;
  margin: 25px auto;
  margin-bottom: 15px;
}
.loteria_contenedor .loteria_cont_bloque .loteria_bloque {
  margin: 0;
  margin-bottom: 15px;
  width: 120px;
  height: 35px;
  padding: 7px 25px;
  border-radius: 8px;
  background-color: #2A2328;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999999;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
}
.loteria_contenedor .loteria_cont_bloque .loteria_bloque.loteria_bloque_selected {
  background-color: #D6001A;
  color: rgb(255, 255, 255);
}
.loteria_contenedor .loteria_cont_numero {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px auto;
  position: relative;
  padding-top: 35px;
}
.loteria_contenedor .loteria_cont_numero .loteria_numero_fecha {
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
}
.loteria_contenedor .loteria_cont_numero .loteria_numero {
  margin-bottom: 15px;
  width: 86px;
  height: 26px;
  border-radius: 5px;
  font-size: 1rem;
  background-color: #2A2328;
  color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
}
.loteria_contenedor .compartir {
  width: 100%;
  margin: 40px 0;
}
.loteria_contenedor .compartir .iconos-compartir {
  width: 55%;
  max-width: 270px;
}
.loteria_contenedor .compartir .iconos-compartir img {
  width: 82%;
}

/*--------------------------------------------------------------------------------------------*/
.contenedor__publicidad {
  margin: 0 auto 30px;
}
.contenedor__publicidad.zocalo {
  height: 80px;
  margin: 0;
}

.H_Zocalo_Top, .S_Zocalo_Top {
  position: fixed;
  z-index: 99;
  left: 0;
  right: 0;
  background-color: white;
  padding: 15px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.background_zocalo_top {
  width: 100%;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}

.background_zocalo_top_desktop {
  height: 117px;
}

.background_zocalo_top_mobile.background_mobile {
  height: 80px;
}

/*----------------------------------------Clima-----------------------------------------------*/
.bloque-extendido {
  background-size: cover;
  padding: 25px 30px;
}
.bloque-extendido .cont__clima .clima-titulo {
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
  width: fit-content;
  margin-bottom: 30px;
  border-bottom: 2px solid #D6001A;
}

.contenedor.C1-publi {
  display: none;
}

.clima_mas .np_mas_noticias {
  text-align: center;
}
.clima_mas .np_mas_noticias .btn--primary {
  line-height: 2;
  -webkit-border-top-right-radius: 120px;
  -webkit-border-bottom-right-radius: 120px;
  -webkit-border-bottom-left-radius: 120px;
  -webkit-border-top-left-radius: 120px;
  -moz-border-radius-topright: 120px;
  -moz-border-radius-bottomright: 120px;
  -moz-border-radius-bottomleft: 120px;
  -moz-border-radius-topleft: 120px;
  border-top-right-radius: 120px;
  border-bottom-right-radius: 120px;
  border-bottom-left-radius: 120px;
  border-top-left-radius: 120px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-bottom: 20px;
}

#main_body_clima {
  background-color: rgb(255, 255, 255);
}
#main_body_clima .cuerpo_clima {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 400px;
}
#main_body_clima .cuerpo_clima .circuloclima {
  width: 100%;
}
#main_body_clima .cuerpo_clima .circuloclima .recorta_texto_2 {
  display: none;
}
#main_body_clima .cuerpo_clima .circuloclima .titulo_circulo {
  display: none;
  font-size: 1.125rem;
  position: relative;
  z-index: 2;
  font-weight: 400;
}
#main_body_clima .cuerpo_clima .circuloclima span.icono_clima_extendido {
  height: 135px;
}
#main_body_clima .cuerpo_clima label {
  font-size: 1.125rem;
  position: relative;
  z-index: 2;
  font-weight: 400;
}
#main_body_clima .info_clima_caja1 {
  display: flex;
  flex-direction: column;
  width: fit-content;
  text-align: center;
  width: 30%;
}
#main_body_clima .info_clima_caja1 .dia {
  font-size: 2.25rem;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  line-height: 1.2;
}
#main_body_clima .info_clima_caja1 .temp-desktop {
  display: none;
}
#main_body_clima .info_clima_caja1 .temp-mobile {
  font-size: 3.125rem;
  font-weight: bold;
  line-height: 1.2;
  color: white;
}
#main_body_clima .info_clima_caja1 .extendido_min, #main_body_clima .info_clima_caja1 .extendido_max {
  font-size: 1.875rem;
  font-weight: bold;
  display: none;
  color: white;
}
#main_body_clima .info_clima_caja1 .titulo {
  display: none;
}
#main_body_clima .info_clima_caja2 {
  width: 100%;
  max-width: 200px;
  color: white;
  width: 70%;
}
#main_body_clima .info_clima_caja2 ul {
  list-style: none;
  background: rgba(0, 0, 0, 0.1882352941);
  padding: 10px;
  font-weight: bold;
}
#main_body_clima .info_clima_caja2 li {
  text-transform: uppercase;
}
#main_body_clima .sponsor, #main_body_clima .degrade {
  display: none;
}
#main_body_clima .extendido_cont_2 {
  margin: 20px 0;
  max-width: 400px;
  /* .extendido_2 {
  	display: inline-block;
  	overflow: hidden;
  	vertical-align: top;
  	.extendido_2_borde {
  		background: rgba(0,0,0,0.5);
  		margin: 10px;
  		border: 1px solid gray;
  		color: white;
  		font-family: 'Roboto',serif;
  		padding: 10px;
  		overflow: hidden;
  		min-height: 140px;
  		label{
  			font-size: fsc(18px);
  			color: $color-white;
  		}
  		.icono_clima_extendido{
  			display: inline-block;
  			font-size: 55pt;
  			//float: left;
  			margin: 0 15px 0 0;
  		}
  		.extendido_minmax {
  			display: inline;
  			label{
  				font-size: fsc(16px);
  				line-height: 1.2;
  			}
  		}
  	}
  } */
}
#main_body_clima .extendido_cont_2 .extendido-mobile {
  width: 100%;
}
#main_body_clima .extendido_cont_2 .extendido-mobile ul {
  border-radius: 25px;
  list-style: none;
  background: rgba(0, 0, 0, 0.5803921569);
  padding: 10px 20px 20px;
}
#main_body_clima .extendido_cont_2 .extendido-mobile li {
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid white;
  color: white;
}
#main_body_clima .extendido_cont_2 .extendido-mobile .logo {
  width: 15%;
  text-align: center;
}
#main_body_clima .extendido_cont_2 .extendido-mobile .logo span {
  font-size: 30px;
}
#main_body_clima .extendido_cont_2 .extendido-mobile .fecha {
  width: 40%;
  font-size: 0.875rem;
}
#main_body_clima .extendido_cont_2 .extendido-mobile .temperaturas {
  text-align: right;
  width: 45%;
}
#main_body_clima .extendido_cont_2 .extendido-mobile .temperaturas label {
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
}
#main_body_clima .extendido_cont_2 .extendido-desktop {
  display: none;
}
#main_body_clima .compartir {
  margin-bottom: 30px;
}
#main_body_clima .iconos-compartir-logo .a {
  fill: white;
  fill-rule: evenodd;
}

.extendido_fondo_clima_sol_noche {
  background-image: linear-gradient(rgba(63, 55, 55, 0.54), rgba(3, 2, 2, 0.63)), url("/img/fondos/sol_noche.jpg");
  background-position: center;
  background-size: cover;
  color: white;
}

.extendido_fondo_clima_sol_noche .extendido_fondo, .extendido_fondo_clima_parcial_noche .extendido_fondo {
  background: rgba(0, 0, 0, 0.35);
}

.extendido_fondo_clima_nublado, .extendido_fondo_clima_inestable, .extendido_fondo_clima_viento {
  background-image: linear-gradient(rgba(63, 55, 55, 0.54), rgba(3, 2, 2, 0.63)), url("/img/fondos/nublado.jpg");
  background-size: cover;
}

.extendido_fondo_clima_lluvia {
  background-image: linear-gradient(rgba(63, 55, 55, 0.54), rgba(3, 2, 2, 0.63)), url("/img/fondos/lluviaDesktop.png");
  background-position: center;
  background-size: cover;
  color: white;
}

.extendido_1.extendido_fondo_clima_lluvia {
  text-shadow: 2px 0 0 rgb(65, 65, 65), -2px 0 0 rgb(65, 65, 65), 0 2px 0 rgb(65, 65, 65), 0 -2px 0 rgb(65, 65, 65), 1px 1px rgb(65, 65, 65), -1px -1px 0 rgb(65, 65, 65), 1px -1px 0 rgb(65, 65, 65), -1px 1px 0 rgb(65, 65, 65);
}

.extendido_fondo_clima_sol {
  background-image: linear-gradient(rgba(63, 55, 55, 0.54), rgba(3, 2, 2, 0.63)), url("/img/fondos/sol.jpg");
  background-size: cover;
}

.extendido_fondo_clima_nieve {
  background-image: linear-gradient(rgba(63, 55, 55, 0.54), rgba(3, 2, 2, 0.63)), url("/img/fondos/nieve.jpg");
  background-size: cover;
  background-position: center;
  color: black;
}

.extendido_fondo_clima_tormenta {
  background-image: linear-gradient(rgba(63, 55, 55, 0.54), rgba(3, 2, 2, 0.63)), url("/img/fondos/tormenta.jpg");
  background-size: cover;
  background-position: center;
  color: white;
}

.extendido_fondo_no_detect {
  background-image: url("/img/fondos/no_detect.jpg");
  background-size: cover;
}

.extendido_fondo_clima_parcial {
  background-image: linear-gradient(rgba(63, 55, 55, 0.54), rgba(3, 2, 2, 0.63)), url("/img/fondos/parcial.jpg");
  background-size: cover;
}

.extendido_fondo_clima_parcial_noche {
  background-image: linear-gradient(rgba(63, 55, 55, 0.54), rgba(3, 2, 2, 0.63)), url("/img/fondos/parcial_noche.jpg");
  background-size: cover;
  background-position: center;
  color: white;
}

/*-----------------------------------Clima Home-----------------------------------------------------*/
.moduloClima {
  margin: 0 auto;
  position: relative;
}
.moduloClima .sponsor-desktop__container {
  display: none;
}
.moduloClima .sponsor-mobile__container {
  position: relative;
  z-index: 1;
  background-color: #828282;
  margin: 28.2px 0px 34.4px 0px;
  height: 90.4px;
  display: flex;
  align-items: center;
}
.moduloClima .sponsor-mobile__container .item-5.mobile {
  display: flex;
  justify-content: center;
}
.moduloClima .sponsor-mobile__container .item-5.mobile .sponsor {
  padding: 5px;
}
.moduloClima .sponsor-mobile__container .item-5.mobile .sponsor__logo-mobile {
  max-width: 130px;
  max-height: 60.3px;
}
.moduloClima .sponsor-mobile__container .item-5.mobile .sponsor__titulo {
  margin-bottom: 5px;
}
.moduloClima .sponsor-mobile__container .item-5.mobile .sponsor__titulo p {
  font-size: 12px;
  font-family: "Noto Sans", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.moduloClima .sponsor-mobile__container .item-5.mobile .sponsor .sponsor-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.moduloClima .link_clima {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 1;
}
.moduloClima .degrade {
  display: block;
  z-index: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.2117647059);
}
@media (min-width: 768px) {
  .moduloClima .item-3, .moduloClima .item-4, .moduloClima .item-5 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.bloque-clima {
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .bloque-clima .camara-main {
    display: flex;
    flex-direction: column;
  }
}
.bloque-clima .titulo_bloque {
  color: white;
  position: relative;
  font-size: 2.1875rem;
  text-align: center;
  margin: auto;
  padding: 30px 0 0;
  width: fit-content;
  border-bottom: 2px solid #D6001A;
}
.bloque-clima .titulo_bloque a {
  font-weight: bold;
}
.bloque-clima .clima-extendido-more {
  color: white;
  font-size: 15px;
  width: fit-content;
  margin: 10px auto;
  position: relative;
  z-index: 5;
}
.bloque-clima .clima-extendido-more a p {
  border-bottom: 1px solid transparent;
}
.bloque-clima .clima-extendido-more a:hover p, .bloque-clima .clima-extendido-more a:focus p {
  border-bottom: 2px solid #D6001A;
}
.bloque-clima .clima-extendido {
  display: block;
  padding: 0px 30px;
  color: white;
  margin: 0 auto;
}
.bloque-clima .clima-extendido__titulo {
  font-size: 25px;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 8px;
}
.bloque-clima .clima-extendido .linea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid white;
  padding: 13px 0px 5px;
}
.bloque-clima .clima-extendido .linea .logo {
  display: none;
  width: 10%;
  text-align: right;
}
.bloque-clima .clima-extendido .linea .logo span {
  font-size: 25pt;
  margin: 0;
}
.bloque-clima .clima-extendido .linea .fecha {
  width: 25%;
}
.bloque-clima .clima-extendido .linea .temperaturas {
  text-align: right;
  width: 55%;
}
.bloque-clima .clima-extendido .linea p, .bloque-clima .clima-extendido .linea label {
  color: white;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.1;
}
.bloque-clima .item-5.desktop {
  display: none;
}
.bloque-clima .sponsor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  margin: 15px 0;
}
.bloque-clima .sponsor__titulo {
  font-size: 1.125rem;
  margin-bottom: 15px;
  font-weight: bold;
}
.bloque-clima .sponsor__logo-desktop {
  display: none;
}
.bloque-clima .compartir {
  position: relative;
  z-index: 5;
  width: 100%;
}
.bloque-clima .iconos-compartir {
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin: 0 auto 15px;
  margin-top: 17px;
  margin-bottom: 30px;
}
.bloque-clima .iconos-compartir-logo .a {
  fill: white;
  fill-rule: evenodd;
}
.bloque-clima .iframe__contenedor {
  z-index: 1;
}
.bloque-clima .iframe__camara {
  position: relative;
  margin: 25px 10px 10px 10px;
}
.bloque-clima .iframe__titulo-contenedor {
  display: flex;
  background: #D6001A;
  border-radius: 13px;
  padding: 5px 7px;
  width: fit-content;
  margin: auto;
}
.bloque-clima .iframe__envivo-circulo {
  height: 10px;
  width: 10px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}
.bloque-clima .iframe__subtitulo-contenedor {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .bloque-clima .iframe__subtitulo-contenedor {
    justify-content: space-between;
  }
}
.bloque-clima .iframe__camara-envivo.desktop {
  display: none;
}
.bloque-clima .iframe__titulo {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}
.bloque-clima .iframe__camara-envivo {
  color: #FFFFFF;
  font-size: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
}
.bloque-clima .clima-hoy__box-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 9px;
}
.bloque-clima .clima-hoy__box-mobile .icono_clima_mobile-container {
  margin-top: 31px;
}
.bloque-clima .clima-hoy__box-desktop {
  display: none;
}
.bloque-clima .clima-hoy__datos li {
  font-size: 11px;
  line-height: 17px;
  font-weight: bold;
  color: #fff;
}
.bloque-clima .clima-hoy__datos {
  list-style: none;
}
.bloque-clima .clima-hoy__temperatura {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  line-height: 1.2;
}
.bloque-clima .clima-hoy__temperatura-texto {
  font-size: 1.5rem;
  border-bottom: 1px solid #fff;
}
.bloque-clima .clima-hoy__temperatura-grados {
  font-size: 2.25rem;
}

@media (min-width: 375px) {
  .link_clima {
    height: 50%;
  }
}
@media (min-width: 768px) {
  .clima-hoy__box-mobile {
    justify-content: space-around !important;
  }
  .iframe__camara {
    margin: 25px 16px 25px 15px;
  }
  .iframe__titulo-envivo {
    font-size: 17px;
    margin-right: 4px;
  }
  .iframe__titulo {
    font-size: 16px;
    margin-left: 4px;
  }
}
@media (min-width: 1024px) {
  .bloque-clima {
    flex-wrap: wrap;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
  }
  .bloque-clima .clima-hoy__container .item-12 {
    padding: 0;
    margin: 0;
  }
  .bloque-clima .clima-hoy__container .item-12 .titulo_bloque {
    margin: 0 0 10px 0;
    padding: 0;
  }
  .bloque-clima .iframe__titulo-envivo {
    margin-right: 13px;
  }
  .bloque-clima .iframe__titulo-contenedor {
    margin: 0 0 30px auto;
  }
  .bloque-clima .iframe__camara-envivo {
    display: none;
  }
  .bloque-clima .iframe__camara-envivo.desktop {
    display: block;
    position: relative;
    top: 0;
    right: unset;
  }
  .bloque-clima .iframe__contenedor {
    order: 3;
    flex-basis: 45%;
    padding-left: 40px;
    align-self: start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: auto;
  }
  .bloque-clima .iframe__camara {
    margin: 0;
    order: 3;
  }
  .icono_clima_extendido {
    order: 1;
  }
  .bloque-clima .clima-hoy__datos li {
    font-size: 18px;
  }
  .clima-hoy__temperatura-texto {
    border-bottom: none !important;
    font-size: 34px !important;
  }
  .clima-hoy__temperatura {
    order: 0;
  }
  .clima-hoy__temperatura-grados {
    font-size: 50px !important;
  }
  .clima-hoy__container {
    flex-basis: 20%;
    margin-top: auto;
    padding-top: 100px;
    position: relative;
    bottom: 1px;
  }
  .clima-hoy__container .titulo_bloque {
    position: absolute;
    top: 0;
    left: 0;
  }
  .clima-hoy__datos-container {
    display: flex;
    justify-content: left;
  }
  .clima-hoy__box-mobile.hide {
    display: none;
  }
  .clima-hoy__box-desktop {
    display: flex !important;
    flex-direction: column;
    flex-basis: 30%;
  }
  .clima-hoy__box-iconoytemperatura {
    display: flex;
    justify-content: left;
    align-items: center;
  }
  .clima-hoy__box-datos-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .clima-extendido__container {
    flex-basis: 33%;
    padding: 54px 0 0 29px;
    align-self: start;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .clima-extendido__container {
    margin-top: auto;
    margin-bottom: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1100px) {
  .clima-extendido__container {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) and (min-width: 1360px) {
  .clima-extendido__container {
    padding-left: 20px;
    align-self: start;
  }
}
@media (min-width: 1440px) {
  .iframe__camara iframe {
    height: 197px;
    width: 98.2%;
  }
}
/*---------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
/*----------------------------------------Funebres--------------------------------------------*/
.funebres {
  padding: 25px;
}
.funebres .data {
  margin-bottom: 30px;
}
.funebres .data__titulo {
  font-size: 1.5rem;
  color: #313133;
  font-weight: bold;
  border-bottom: 2px solid #D6001A;
  width: fit-content;
}
.funebres .funebre .nombre {
  display: flex;
  align-items: center;
}
.funebres .funebre .nombre .cross {
  width: 100%;
  max-width: 15px;
  margin-right: 10px;
}
.funebres .funebre .nombre b {
  font-size: 1rem;
  text-transform: capitalize;
  color: #313133;
}
.funebres .funebre .qepd {
  font-size: 0.75rem;
  margin: 10px 0;
  color: #313133;
}
.funebres .funebre .info {
  margin-bottom: 25px;
  font-size: 0.875rem;
  color: #313133;
}
.funebres .funebre .info p {
  line-height: 1.3;
}

/*--------------------------------------------------------------------------------------------*/
/*----------------------------------------dolar-----------------------------------------------*/
.cotizaciones_page {
  background-color: rgb(255, 255, 255);
}
.cotizaciones_page .iconos-compartir {
  max-width: 230px;
}

/*--------------------------------------------------------------------------------------------*/
/*----------------------------------------farmacias-------------------------------------------*/
.container_farmacias {
  padding: 20px;
  background-color: rgb(255, 255, 255);
}
.container_farmacias .titulo_farmacias {
  color: #333333;
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: bold;
}
.container_farmacias #contenedor_farmacias .farmacia_click {
  display: flex;
  margin-bottom: 30px;
}
.container_farmacias #contenedor_farmacias .farmacia_click .img_farmacias {
  width: 25%;
  max-width: 30px;
}
.container_farmacias #contenedor_farmacias .farmacia_click .info_farmacias {
  margin-left: 20px;
  font-size: 0.9375rem;
  font-weight: 500;
}
.container_farmacias #contenedor_farmacias .farmacia_click .info_farmacias span {
  font-size: 1.125rem;
  font-weight: bold;
  color: #D6001A;
}

.interior-farmacias .bloque-farmacias .item-3 {
  flex: 0 0 65%;
}
.interior-farmacias .bloque-farmacias .bloque__titulo {
  margin-bottom: 5px;
}
.interior-farmacias .bloque-farmacias .bloque__titulo, .interior-farmacias .bloque-farmacias .bloque__subtitulo {
  margin-left: 0;
}
.interior-farmacias .bloque-farmacias .farmacias__direccion {
  min-height: 0;
}
.interior-farmacias .bloque-farmacias .farmacias__direccion, .interior-farmacias .bloque-farmacias .farmacias__telefono {
  font-size: 0.75rem;
}

/*--------------------------------------------------------------------------------------------*/
/*----------------------------------------Encuestas-------------------------------------------*/
.div_encuesta {
  background-color: rgb(255, 255, 255);
}
.div_encuesta .encuestas_titulo h3 {
  color: #D6001A;
  font-size: 1.125rem;
  font-weight: bold;
}
.div_encuesta .encuestas_titulo.desktop {
  display: none;
}
.div_encuesta .encuestas_container {
  padding: 0 40px 50px 40px;
  margin: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.div_encuesta .encuestas_container.primero {
  box-shadow: 0 20px 20px #b8b6b8;
  margin: 30px;
}
.div_encuesta .encuestas_container p {
  color: white;
  font-size: 1.0625rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
}
.div_encuesta .encuestas_container.item-4 {
  background: #313133;
  color: white;
  padding: 15px 15px 40px;
  border-radius: 10px;
}
.div_encuesta .encuestas_container .encuestas {
  margin: 10px 0;
}
.div_encuesta .encuestas_container .encuestas .encuestas__personas {
  font-weight: 500;
}
.div_encuesta .encuestas_container .encuestas .encuestas_pregunta {
  margin: 5px 0;
}
.div_encuesta .encuestas_container .encuestas .encuestas_pregunta .grafico {
  background-color: #ddd;
  height: 7px;
}
.div_encuesta .encuestas_container .encuestas .encuestas_pregunta .grafico .encuestas_grafico {
  background-color: #D6001A;
  height: 7px;
}
.div_encuesta .encuestas_container .encuestas .encuestas_pregunta input[type=radio] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.div_encuesta .encuestas_container .encuestas .encuestas_pregunta input[type=radio]:checked {
  background-color: #D6001A;
  box-shadow: none;
}
.div_encuesta .encuestas_container .encuestas .encuestas_pregunta .encuesta_label_input {
  font-size: 0.9375rem;
  font-weight: 500;
  color: white;
}
.div_encuesta .encuestas_container .encuestas .encuestas_pregunta .encuestas_label {
  font-size: 0.9375rem;
  font-weight: 500;
  color: white;
}
.div_encuesta .encuestas_container .encuestas .encuestas_pregunta .encuestas_label.mayor {
  color: #D6001A;
}
.div_encuesta .encuestas_container .encuestas .encuesta_enviar {
  width: 70px;
  height: 30px;
  background-color: #D6001A;
  color: rgb(255, 255, 255);
  border-radius: 2px;
  font-size: 0.8125rem;
  font-weight: bold;
  border: none;
  position: absolute;
  bottom: 20px;
  right: 30px;
}
.div_encuesta .encuestas_container .encuestas .encuestas__votacion {
  align-items: baseline;
  display: flex;
  margin-bottom: 5px;
}
.div_encuesta .encuestas_container .encuestas .encuestas__votacion .encuesta_checked {
  min-width: 12px;
}
.div_encuesta .encuestas_container .encuestas .encuestas__votacion label {
  margin: 0;
  padding: 0 10px;
}
.div_encuesta .encuestas_container .encuestas .encuestas__votacion .encuestas_grafico {
  background: #D6001A;
  height: 2px;
  margin: 5px 0px 10px;
}
.div_encuesta .encuestas_container .encuestas .voto_option {
  color: white;
  font-size: 0.9375rem;
}

/*--------------------------------------------------------------------------------------------*/
/*----------------------------------------Concursos-------------------------------------------*/
.concurso_border {
  background-color: rgb(255, 255, 255);
}
.concurso_border .concurso_bloque {
  background-color: #D6001A;
  padding: 20px;
  margin: 5px 0;
  position: relative;
}
.concurso_border .concurso_bloque label {
  color: white;
}
.concurso_border .concurso_bloque.finalizado {
  background-color: #464646;
}
.concurso_border .concurso_bloque .concurso_label {
  width: 50%;
}
.concurso_border .concurso_bloque .concurso_label label {
  font-size: 0.875rem;
}
.concurso_border .concurso_bloque .concurso_title {
  width: 50%;
  margin: 15px 0;
}
.concurso_border .concurso_bloque .concurso_title label {
  font-size: 1.0625rem;
  line-height: 1.2;
}
.concurso_border .concurso_bloque .concurso_estado {
  text-align: center;
  position: absolute;
  right: 35px;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.concurso_border .concurso_bloque .concurso_estado label {
  font-size: 0.75rem;
  font-family: "Heebo";
  text-transform: uppercase;
  padding: 5px 10px;
}
.concurso_border .concurso_bloque .concurso_estado.concurso_alta label {
  color: #D6001A;
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
}
.concurso_border .concurso_bloque .concurso_fecha, .concurso_border .concurso_bloque .concurso_ganador, .concurso_border .concurso_bloque .concurso_ganadores {
  width: 50%;
}
.concurso_border .concurso_bloque .concurso_fecha label, .concurso_border .concurso_bloque .concurso_ganador label, .concurso_border .concurso_bloque .concurso_ganadores label {
  font-size: 0.75rem;
  font-weight: 500;
}

/*--------------------------------------------------------------------------------------------*/
/*---------------------------------------Estatico---------------------------------------------*/
.estatico {
  padding: 20px 10px 40px 10px;
}

/*--------------------------------------------------------------------------------------------*/
/*------------------------------------------Staff---------------------------------------------*/
.interior-staff .banner__staff {
  width: fit-content;
  margin: 27px auto;
}
.interior-staff .banner__staff-item .a {
  fill: #bebdbe;
  font-size: 98.899px;
  font-family: NotoSans-Bold, Noto Sans;
  font-weight: 700;
}
.interior-staff .banner__staff-item .b, .interior-staff .banner__staff-item .c {
  fill: #6b6a6b;
}
.interior-staff .banner__staff-item .c, .interior-staff .banner__staff-item .d, .interior-staff .banner__staff-item .e {
  fill-rule: evenodd;
}
.interior-staff .banner__staff-item .d {
  fill: #dedfde;
}
.interior-staff .banner__staff-item .e {
  fill: #e31124;
}
.interior-staff .staff_barra {
  text-align: center;
}
.interior-staff .staff_barra label {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3125rem;
  color: #D6001A;
}
.interior-staff .staff_cont {
  text-align: center;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.interior-staff .staff_cont.director {
  justify-content: space-around;
}
.interior-staff .staff_cont.director .staff_rol {
  display: none;
}
.interior-staff .staff_cont .staff_logo_cont {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  transform: translateY(50px);
  display: none;
}
.interior-staff .staff_cont .staff_logo_cont .staff_logo {
  background-repeat: no-repeat;
  background-image: url("/img/estructura/logo0223.png");
  width: 275px;
  height: 90px;
  display: inline-block;
}
.interior-staff .staff_cont .staff_logo_cont .staff_logo_2 {
  background-image: url("/img/staff.png");
  background-position: 0 -75px;
}
.interior-staff .staff_cont .staff_div {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin: 20px 30px;
  width: 240px;
}
.interior-staff .staff_cont .staff_div .staff_circulo {
  background-color: #999999;
  text-align: center;
  font-size: 1.75rem;
  border-radius: 150px;
  width: 100px;
  height: 100px;
  text-transform: uppercase;
  font-family: "Roboto", serif;
  display: inline-block;
  margin: 20px 0;
  position: relative;
  font-weight: bold;
  overflow: hidden;
}
.interior-staff .staff_cont .staff_div .staff_circulo label {
  color: white;
}
.interior-staff .staff_cont .staff_div .staff_circulo img {
  width: 100%;
  height: auto;
}
.interior-staff .staff_cont .staff_div .staff_nombre, .interior-staff .staff_cont .staff_div .staff_rol {
  display: block;
  font-size: 0.75rem;
  text-transform: capitalize;
  color: black;
  font-weight: 500;
}
.interior-staff .staff_cont .staff_div .staff_rol {
  margin-bottom: 5px;
  text-transform: uppercase;
}
.interior-staff .staff_cont .staff_div .staff_cita {
  max-width: 130px;
  font-size: 0.75rem;
  margin: 0 auto;
  color: black;
}
.interior-staff .staff_cont .staff_div .staff_redes a {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.interior-staff .staff_cont .staff_div .staff_redes a .text {
  font-size: 0.75rem;
  padding-left: 5px;
}
.interior-staff .staff_cont .staff_div .staff_redes a .a {
  fill: #D6001A;
  fill-rule: evenodd;
}
.interior-staff .staff_cont .staff_div .staff_redaccion .staff_rol {
  display: block;
  margin-bottom: 10px;
}
.interior-staff .staff_cont #staff_director .staff_circulo {
  background-color: #D6001A;
}

/*--------------------------------------------------------------------------------------------*/
/*---------------------------------------Header Cuenta----------------------------------------*/
.header_cuenta {
  display: flex;
  margin: 20px;
}
.header_cuenta .header_div {
  margin: 10px;
}
.header_cuenta .header_div a {
  font-size: 0.9375rem;
  font-weight: bold;
}

/*--------------------------------------------------------------------------------------------*/
/*---------------------------------------Galeria de fotos-------------------------------------*/
.tapa_contenedort_imagen {
  height: auto;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.tapa_contenedort_imagen .tapa_imagen {
  width: 100%;
  height: auto;
  position: relative;
}
.tapa_contenedort_imagen .tapa_imagen .videoWrapper {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
  clear: left;
}
.tapa_contenedort_imagen .tapa_imagen .videoWrapper .panel_imagen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tapa_contenedort_imagen .boton_galeria {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.tapa_contenedort_imagen .boton_galeria .galeria_cont {
  background: white;
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 10px;
  border-radius: 5px;
}
.tapa_contenedort_imagen .boton_galeria .galeria_cont .icono_galeria {
  background: url(/img/iconos.png) no-repeat -173px 4px;
  width: 65px;
  height: 56px;
  float: left;
}
.tapa_contenedort_imagen .boton_galeria .galeria_cont .cantidad_fotos {
  float: left;
  vertical-align: middle;
  font-size: 20pt;
  color: #D6001A;
  margin-top: 15px;
  margin-left: 5px;
}
.tapa_contenedort_imagen .boton_galeria .galeria_cont .fbgaleria_count {
  float: left;
  vertical-align: middle;
  font-size: 20pt;
  color: #D6001A;
  margin-top: 10px;
  margin-left: 5px;
}
.tapa_contenedort_imagen .boton_galeria .icono_galeria_a {
  background: url(/img/flechas.png) no-repeat 0 0;
  width: 55px;
  height: 70px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
}
.tapa_contenedort_imagen .boton_galeria .icono_galeria_s {
  background: url(/img/flechas.png) no-repeat -67px 0;
  width: 55px;
  height: 70px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  right: 0;
}

/*--------------------------------------------------------------------------------------------*/
/*---------------------------------------Minuto a minuto----------------------------------------*/
/*Home*/
.modulo_minuto.futbol .link-minuto {
  color: initial;
}
.modulo_minuto.futbol .videoWrapper.minuto_a_minuto img {
  position: initial;
}
.modulo_minuto.futbol .barra-torneo {
  float: left;
  width: 100%;
  height: 33px;
  background: rgb(73, 173, 34);
  background: -moz-linear-gradient(left, rgb(73, 173, 34) 0%, rgb(130, 198, 107) 100%);
  background: -webkit-linear-gradient(left, rgb(73, 173, 34) 0%, rgb(130, 198, 107) 100%);
  background: linear-gradient(to right, rgb(73, 173, 34) 0%, rgb(130, 198, 107) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49ad22', endColorstr='#82c66b',GradientType=1 );
  position: relative;
}
.modulo_minuto.futbol .escudo-torneo {
  margin-right: 10px;
  float: left;
}
.modulo_minuto.futbol .escudo-torneo .cflag {
  height: 33px;
}
.modulo_minuto.futbol .logo-torneo {
  position: absolute;
  top: 0;
  right: 0;
  height: 33px;
}
.modulo_minuto.futbol .descripcion-torneo {
  width: 100%;
  float: left;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  padding-top: 10px;
  padding-left: 5px;
  text-align: left;
}
.modulo_minuto.futbol .barra-torneo-dos {
  background-color: rgb(33, 33, 33);
  color: rgb(255, 255, 255);
  float: left;
  width: 100%;
  height: 27px;
  font-size: 0.8125rem;
  padding: 5px;
  box-sizing: border-box;
}
.modulo_minuto.futbol .barra-torneo-dos.jornada .fecha-torneo {
  width: 100%;
  text-align: center;
}
.modulo_minuto.futbol .fecha-torneo {
  display: inline-block;
  width: 29%;
}
.modulo_minuto.futbol .fechahora-torneo {
  display: inline-block;
  width: 50%;
  text-align: left;
  margin-right: -4px;
}
.modulo_minuto.futbol .tiempo-partido {
  display: inline-block;
  width: 50%;
  text-align: right;
}
.modulo_minuto.futbol .resultado-partido {
  float: left;
  width: 100%;
  padding: 38px 0;
  text-align: center;
  position: relative;
}
.modulo_minuto.futbol .resultado-partido .resultado {
  font-size: 2.8125rem;
  font-weight: bold;
  margin: 0px;
  margin-top: 10px;
  position: absolute;
  width: 100%;
  top: 10px;
  left: 0;
}
.modulo_minuto.futbol .resultado-partido .escudo1 {
  float: left;
  margin: 5px 0 0 1%;
}
.modulo_minuto.futbol .resultado-partido .escudo1 img {
  width: 35px;
}
.modulo_minuto.futbol .resultado-partido .escudo2 {
  margin: 5px 1% 0 0;
  display: inline-block;
}
.modulo_minuto.futbol .resultado-partido .escudo2 img {
  width: 35px;
}
.modulo_minuto.futbol .resultado-partido > * {
  display: inline-block;
  padding: 0 11px;
  vertical-align: top;
}
.modulo_minuto.futbol .minuto_a_minuto {
  pointer-events: none;
  border-bottom: 3px solid green;
  background-color: #cfdecf;
}
.modulo_minuto.futbol.home {
  background: none;
}
.modulo_minuto.futbol.home .minuto_a_minuto {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.modulo_minuto.futbol.home .resultado-partido {
  color: #f7f7f7;
  padding: 0px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modulo_minuto.futbol.home .resultado-partido .resultado {
  font-size: 1.5rem;
  width: auto;
  position: static;
  margin: 0px 8px;
}
.modulo_minuto.futbol.home .barra-torneo-dos {
  background-color: rgba(0, 0, 0, 0.5);
}
.modulo_minuto.futbol.home .barra-torneo {
  background: rgb(73, 173, 34);
  background: -moz-linear-gradient(left, rgba(73, 173, 34, 0.6) 0%, rgba(130, 198, 107, 0.4) 100%);
  background: -webkit-linear-gradient(left, rgba(73, 173, 34, 0.6) 0%, rgba(130, 198, 107, 0.4) 100%);
  background: linear-gradient(to right, rgba(73, 173, 34, 0.6) 0%, rgba(130, 198, 107, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49ad22', endColorstr='#82c66b',GradientType=1 );
}
.modulo_minuto.futbol.home .resultado-partido > * {
  padding: 0px;
  float: none;
  vertical-align: middle;
  margin-top: 0px;
}
.modulo_minuto.futbol.home .resultado-partido img {
  vertical-align: middle;
}

/*Interior nota*/
#data_minuto_futbol_detalle .modulo_minuto.futbol {
  border-top: 3px solid green !important;
  border-bottom: 0;
}
#data_minuto_futbol_detalle .modulo_minuto.futbol.notapage {
  margin-top: 30px;
}
#data_minuto_futbol_detalle .modulo_minuto .resultado-partido {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #cfdecf;
  margin-bottom: 15px;
}
#data_minuto_futbol_detalle .modulo_minuto .resultado-partido .resultado {
  width: auto;
  position: initial;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general {
  margin: 0 auto;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .titulo-general {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  padding: 8px 0;
  width: 100%;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .detalles-bloque {
  border-top: 2px solid #ddd;
  display: inline-block;
  margin-right: 0;
  width: 49%;
  vertical-align: top;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .detalles-bloque .cabecera {
  background-color: #eaeaea;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .detalles-bloque .jugador {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .detalles-bloque tr:nth-child(even) {
  background-color: #eaeaea;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .cont-estadisticas .titulo-general {
  margin-top: 15px;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .cont-estadisticas .tabs {
  height: 30px;
  background: #eaeaea;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .cont-estadisticas .tabs span {
  float: left;
  width: 33.3%;
  max-width: 100px;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  font-family: "Roboto";
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .cont-estadisticas .tabs span.active {
  background-color: #49ad22;
  color: #FFF;
  font-weight: bold;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .cont-estadisticas .detalles-bloque.estadisticas {
  display: none;
  overflow: hidden;
  width: 100%;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .cont-estadisticas .detalles-bloque.estadisticas.active {
  display: block;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .cont-estadisticas .detalles-bloque.estadisticas .celda-estadistica {
  width: 100%;
  float: left;
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px;
  min-height: 15px;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .cont-estadisticas .detalles-bloque.estadisticas .celda-estadistica:nth-child(even) {
  background-color: #eaeaea;
}
#data_minuto_futbol_detalle .modulo_minuto .detalles-general .cont-estadisticas .detalles-bloque.estadisticas .celda-estadistica .jugador {
  flex: 1;
  justify-content: center;
}

/*--------------------------------------------------------------------------------------------*/
#adhesion_top_scroll, #adhesion_top_d_scroll {
  display: none;
  position: fixed;
  top: 0;
  text-align: center;
  width: 100%;
  transition: top 0.5s;
  z-index: 8888;
}

#adhesion_bottom_scroll {
  text-align: center;
  width: 100%;
  transition: top 0.5s;
  z-index: 8888;
  bottom: 0;
}

/*--------------Coronavirus-------------------------------------------------------------------*/
.coronavirus {
  background-color: black;
  margin: 8px;
  width: 100%;
}
.coronavirus .item-12 {
  max-width: 100%;
  flex: 0 0 100%;
}
.coronavirus .item-narrow {
  display: flex;
  justify-content: center;
}
.coronavirus .container-datos {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
}
.coronavirus .encabezado {
  padding: 0px;
  display: flex;
  margin-bottom: 0;
}
.coronavirus .encabezado .barra-redes {
  justify-content: flex-end;
}
.coronavirus .encabezado .item-1 a img {
  width: 40%;
  max-width: 40px;
  margin-right: 3px;
}
.coronavirus .encabezado .item-1.left {
  margin-right: 2px;
}
.coronavirus .encabezado .titulo-principal {
  margin: 0;
}
.coronavirus .encabezado .titulo-principal h2 {
  color: white;
  font-size: 1.0625rem;
  font-weight: bold;
}
.coronavirus .tipo-consulta {
  position: relative;
  display: flex;
  color: white;
  border-bottom: 0.5px solid white;
  padding: 0px;
  margin: 0;
}
.coronavirus .tipo-consulta .item-narrow {
  display: flex;
}
.coronavirus .tipo-consulta .media {
  text-align: center;
  width: 13%;
}
.coronavirus .tipo-consulta .media img {
  max-width: 22px;
}
.coronavirus .tipo-consulta .data a {
  align-self: center;
  width: 90%;
  position: relative;
  left: 12px;
}
.coronavirus .tipo-consulta .data a .titulo {
  text-align: left;
  font-size: 15px;
  color: white;
}
.coronavirus .tipo-consulta .data a .titulo h2 {
  font-weight: bolder;
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 19.2px; /* Fallback for non-webkit */
  font-size: 16px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .coronavirus .tipo-consulta .data a .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .coronavirus .tipo-consulta .data a .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .coronavirus .tipo-consulta .data a .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.coronavirus .tipo-consulta .data a .titulo h2 a {
  font-size: 0.9375rem;
}
.coronavirus .tipo-consulta .data a .descripcion {
  width: 100%;
  color: white;
  margin: 0;
  text-align: left;
  overflow: hidden;
  font-size: 0.7rem;
  line-height: 1.2;
}
.coronavirus .item-12 {
  padding: 0;
}
.coronavirus .tipo-topico {
  display: flex;
  text-align: center;
  margin: 0;
}
.coronavirus .tipo-topico .item-3 {
  padding: 0;
  margin: 0;
}
.coronavirus .tipo-topico .topico1 {
  color: red;
  font-weight: bolder;
}
.coronavirus .tipo-topico .topico2 {
  color: white;
  font-weight: bolder;
}
.coronavirus .tipo-topico .topico3 {
  color: green;
  font-weight: bolder;
}
.coronavirus .tipo-topico .cantidad,
.coronavirus .tipo-topico .localidad-cantidad {
  color: white;
  font-weight: bolder;
  font-size: 0.975rem;
}
.coronavirus .tipo-topico .titulo-lugar,
.coronavirus .tipo-topico .titulo-lugar-localidad {
  font-size: 1.0625rem;
  color: white;
  padding-bottom: 7px;
}
.coronavirus .tipo-topico .titulo-lugar {
  padding-top: 22px;
}
.coronavirus .tipo-topico .border {
  border-left: 0.3px solid white;
  border-right: 0.3px solid white;
}

@media (max-width: 320px) {
  .coronavirus .tipo-consulta .item-narrow .data a .descripcion {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .coronavirus {
    margin: auto;
    width: 100%;
  }
  .coronavirus .encabezado {
    padding: 5px 0px;
    margin-bottom: 0;
  }
  .coronavirus .titulo-principal {
    text-align: center;
  }
  .coronavirus .titulo-principal h2 {
    font-size: 20px;
  }
  .coronavirus .redes {
    max-width: 15%;
    padding: 0px;
  }
  .coronavirus .tipo-consulta {
    display: contents;
  }
  .coronavirus .tipo-consulta .item-narrow {
    justify-content: flex-start;
    max-width: 100%;
    padding: 4px;
  }
  .coronavirus .tipo-consulta .item-narrow .data a .titulo {
    font-size: 0.9375rem;
  }
  .coronavirus .tipo-consulta .item-narrow .data a .descripcion {
    width: 100%;
    font-size: 0.7rem;
  }
  .coronavirus .tipo-topico {
    padding: 0px;
  }
  .coronavirus .tipo-topico .topico1 {
    font-size: 0.75rem;
  }
  .coronavirus .tipo-topico .topico2 {
    font-size: 0.75rem;
  }
  .coronavirus .tipo-topico .topico3 {
    font-size: 0.75rem;
  }
  .coronavirus .tipo-topico .titulo-lugar,
  .coronavirus .tipo-topico .titulo-lugar-localidad {
    font-size: 0.9375rem;
    color: white;
    padding-bottom: 7px;
  }
  .coronavirus .tipo-topico .titulo-lugar-localidad {
    padding-bottom: 0;
  }
  .coronavirus .tipo-topico .cantidad,
  .coronavirus .tipo-topico .localidad-cantidad {
    color: white;
    font-weight: bolder;
    font-size: 0.75rem;
    padding-top: 5px;
  }
  .coronavirus .tipo-topico .localidad-cantidad {
    padding-top: 4px;
  }
}
.hidden_publicidad_footer_sticky {
  display: none;
}

.publicidad_footer_sticky {
  position: fixed;
  display: flex;
  justify-content: center;
  z-index: 900;
  width: 100%;
  bottom: 0;
}
.publicidad_footer_sticky .cont_sticky {
  display: inline-block;
  position: relative;
  width: 100%;
  background-color: white;
}
.publicidad_footer_sticky .cont_sticky .close_sticky {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.publicidad_footer_sticky .cont_sticky .contenedor__publicidad {
  margin: 0;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 20px 0;
}
.pagination .btn--pagination {
  width: 120px;
  height: 30px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 15px;
  margin: 0 10px;
  background-color: #D6001A;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home_0 {
  display: none;
}
.home_0.headerColorMobile {
  display: block;
}

.vps_ordenamiento .home_0 {
  display: block;
}
.vps_ordenamiento .contenedor__publicidad {
  margin-bottom: 30px;
}
.vps_ordenamiento .contenedor__publicidad .contenedor__publicidad.S1 {
  margin-top: 30px;
}

.homeExtra .contenedor__publicidad .contenedor__publicidad {
  margin-bottom: 40px;
}
.homeExtra .contenedor__publicidad .contenedor__publicidad.E20, .homeExtra .contenedor__publicidad .contenedor__publicidad.E21 {
  position: fixed;
}
.homeExtra *::selection {
  background-color: #1674A4;
  color: #ffffff;
  text-shadow: 0px 0px 0px #ffffff;
}
@media (min-width: 1360px) {
  .homeExtra {
    display: grid;
    justify-content: center;
    gap: 10px;
    grid-template-columns: 160px minmax(0, 1020px) 160px;
  }
}
@media (min-width: 1540px) {
  .homeExtra {
    grid-template-columns: 160px minmax(0, 1200px) 160px;
  }
}
.homeExtra * {
  font-family: "Montserrat", sans-serif;
}
.homeExtra .mx-20 {
  margin-right: 20px;
  margin-left: 20px;
}
@media (min-width: 1360px) {
  .homeExtra .mx-20 {
    margin-right: 0;
    margin-left: 0;
  }
}
.homeExtra .contenedor {
  margin: 30px auto;
}
@media (min-width: 1024px) {
  .homeExtra .contenedor {
    margin-bottom: 50px;
  }
}
.homeExtra .titulo {
  font-weight: 800;
  font-size: 20px;
  text-align: center;
  color: #1674A4;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .homeExtra .titulo {
    text-align: start;
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .homeExtra .titulo {
    font-size: 26px;
  }
}
.homeExtra .titulo.gradiente {
  background: linear-gradient(90deg, #1475a2 0%, #7b55a2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}
.homeExtra__titulo, .homeExtra__radio {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .homeExtra__titulo, .homeExtra__radio {
    justify-content: start;
  }
}
@media (min-width: 768px) {
  .homeExtra__cuerpo {
    display: grid;
    grid-template-columns: auto 300px;
  }
}
.homeExtra__cont.mx-20 {
  text-align: center;
}
@media (min-width: 1360px) {
  .homeExtra__cont.mx-20 {
    margin-right: 30px;
  }
}
.homeExtra__reproductor {
  margin-bottom: 30px;
}
.homeExtra__reproductor .reproductor {
  border-radius: 30px;
  max-width: 100%;
  width: 100%;
  aspect-ratio: 29/20;
  max-width: 870px;
  height: auto;
}
@media (max-width: 767px) {
  .homeExtra__reproductor .reproductor {
    aspect-ratio: 37/30;
    max-width: 370px;
  }
}
.homeExtra__programacion {
  margin: 0 auto 30px;
  max-width: 425px;
}
@media (min-width: 1024px) {
  .homeExtra__programacion {
    margin: 0 auto 40px;
  }
}
.homeExtra__shorts {
  margin-bottom: 30px;
}
.homeExtra__shorts .shorts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.homeExtra__shorts .tarjeta {
  border-radius: 30px;
  aspect-ratio: 280/490;
  width: 100%;
  max-width: 280px;
  height: auto;
  display: block;
}
.homeExtra__shorts .tarjeta:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .homeExtra__shorts .shorts {
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;
  }
  .homeExtra__shorts .tarjeta {
    min-height: 490px;
    width: 320px;
    margin: 0 0 20px 0;
  }
}
@media (min-width: 1024px) {
  .homeExtra__shorts {
    margin-bottom: 40px;
  }
}
.homeExtra .p_lateral {
  display: none;
  width: 160px;
  height: 600px;
  margin-top: 30px;
}
@media (min-width: 1360px) {
  .homeExtra .p_lateral {
    display: block;
  }
}

/*--------------------------Notis Push--------------------------------------*/
.notificacionPush {
  display: none;
  background: #313133;
  padding: 20px 50px;
  max-width: 420px;
  color: white;
  position: fixed;
  z-index: 999;
  top: 0;
  max-height: 278px;
  left: 0;
  right: 0;
  margin: auto;
}
.notificacionPush .logo {
  max-width: 120px;
  margin: 0 auto;
}
.notificacionPush .info {
  margin: 20px 0;
}
.notificacionPush .info__titulo {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.notificacionPush .info__subtitulo {
  font-size: 0.75rem;
  line-height: 1.2;
}
.notificacionPush .entrie {
  display: flex;
  justify-content: space-around;
  font-size: 0.75rem;
}
.notificacionPush .entrie__no, .notificacionPush .entrie__yes {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border: none;
  background: none;
  color: white;
}
.notificacionPush .entrie__no:hover, .notificacionPush .entrie__yes:hover {
  font-size: 0.875rem;
  font-weight: bold;
}
.notificacionPush .banner {
  width: fit-content;
  position: absolute;
  right: 0;
  bottom: 0;
}

/*--------------------------------------------------------------------------*/
.cont-sponsor {
  width: 100%;
  background: #828282;
  display: none;
  column-gap: 15px;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.cont-sponsor.Mobile {
  display: flex;
}
@media (min-width: 992px) {
  .cont-sponsor.Mobile {
    display: none;
  }
  .cont-sponsor.Desktop {
    display: flex;
  }
  .cont-sponsor p {
    font-size: 20px;
  }
}

/*    Main clima new 12/03/2025    */
.body-clima {
  background-color: #606060;
}
@media (min-width: 1024px) {
  .body-clima {
    background-color: #4a5a5b;
  }
}

.main-clima {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .main-clima {
    margin-top: 40px;
    margin-bottom: 100px;
  }
}
.main-clima .main-clima-contenedor {
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 9;
  position: relative;
}
.main-clima .main-clima-contenedor.desktop {
  display: none;
}
@media (min-width: 1024px) {
  .main-clima .main-clima-contenedor.mobile {
    display: none;
  }
  .main-clima .main-clima-contenedor.desktop {
    display: flex;
  }
}
.main-clima .clima-titulo {
  margin: auto;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  width: fit-content;
  margin-bottom: 15px;
  border-bottom: 2px solid #D6001A;
}
@media (min-width: 1024px) {
  .main-clima .clima-titulo {
    margin: 0;
  }
  .main-clima .clima-titulo.clima-margin {
    margin-bottom: 15px;
  }
}
.main-clima .clima-padding {
  padding: 0 10px;
}
@media (min-width: 1024px) {
  .main-clima .clima-padding {
    padding: 0 20px;
  }
}
.main-clima .clima-margin {
  margin: 0 20px;
}
.main-clima .clima-items {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.main-clima .clima-items .clima-item {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.main-clima .clima-items .clima-item .clima-item-video {
  position: relative;
  aspect-ratio: 16/9;
}
.main-clima .clima-items .clima-item .clima-item-video iframe {
  border-radius: 25px;
  position: absolute;
  width: 100%;
  height: 100%;
}
.main-clima .clima-items .clima-item .clima-item-title {
  color: white;
  text-align: center;
  font-weight: 300;
}
.main-clima .clima-items .contenedor__publicidad {
  margin: 0;
}
.main-clima .clima-auspiciante {
  margin-bottom: 15px;
}
.main-clima .clima-auspiciante .clima-auspiciante-mobile {
  display: flex;
  align-items: center;
  column-gap: 5px;
  justify-content: center;
}
@media (min-width: 1024px) {
  .main-clima .clima-auspiciante .clima-auspiciante-mobile {
    justify-content: start;
  }
}
.main-clima .clima-auspiciante .clima-auspiciante-mobile p {
  color: white;
  font-size: 12px;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .main-clima .clima-auspiciante .clima-auspiciante-mobile p {
    font-size: 14px;
  }
}
.main-clima .clima-auspiciante .clima-auspiciante-mobile img {
  max-width: 130px;
}
.main-clima .clima-info {
  display: flex;
  max-width: 450px;
  color: white;
  margin: 20px auto 0;
  width: 100%;
  justify-content: space-around;
}
.main-clima .clima-info .clima-info-icon {
  width: 100%;
}
.main-clima .clima-info .clima-info-temp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  text-align: center;
  align-items: center;
}
.main-clima .clima-info .clima-info-temp .clima-info-temp-sep {
  width: 65px;
  height: 2px;
  background-color: white;
}
.main-clima .clima-info .clima-info-temp .clima-info-temp-1 {
  font-size: 30px;
  line-height: 1;
}
.main-clima .clima-info .clima-info-temp .clima-info-temp-2 {
  font-size: 38px;
}
.main-clima .clima-info .clima-info-detalle {
  width: 100%;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-clima .iconos-compartir {
  margin: 10px 0;
  margin-bottom: 20px;
  width: 100%;
  justify-content: center;
  column-gap: 15px;
}
.main-clima .iconos-compartir .iconos-compartir-logo .a {
  fill: white;
}
.main-clima .clima-main {
  display: flex;
  column-gap: 20px;
}
.main-clima .clima-main .clima-item-main {
  width: 50%;
}
.main-clima .clima-main .clima-item-main .clima-item-main-video {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  margin-bottom: 40px;
}
.main-clima .clima-main .clima-item-main .clima-item-main-video .clima-item-video {
  position: relative;
  aspect-ratio: 16/9;
}
.main-clima .clima-main .clima-item-main .clima-item-main-video .clima-item-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 25px;
}
.main-clima .clima-main .clima-item-main .clima-item-main-video .clima-item-title {
  color: white;
  font-size: 14px;
  font-weight: 300;
}
.main-clima .clima-main .clima-item-main .clima-item-main-video .iconos-compartir {
  justify-content: start;
  margin: 0;
}
.main-clima .clima-main .clima-items-sec {
  width: 50%;
}
.main-clima .clima-main .clima-items-sec .iconos-compartir {
  justify-content: start;
  margin: 0;
}
.main-clima .clima-item-main-info {
  display: flex;
  justify-content: space-between;
}
.main-clima .clima-item-main-info .clima-item-main-info-1 {
  color: white;
  font-weight: 700;
}
.main-clima .clima-item-main-info .clima-item-main-info-1 .clima-item-main-info-1-1 {
  font-size: 40px;
}
.main-clima .clima-item-main-info .clima-item-main-info-1 .clima-item-main-info-1-2 {
  font-size: 30px;
}
.main-clima .clima-item-main-info .clima-item-main-info-1 .clima-item-main-info-1-1 {
  font-size: 26px;
}
.main-clima .clima-item-main-info .clima-item-main-info-3 {
  color: white;
}
.main-clima .clima-item-video.closebox {
  animation: closebox 2.5s ease;
  animation-fill-mode: forwards;
}
@keyframes closebox {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.main-clima .clima-items-sec {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.main-clima .clima-items-sec .clima-items-sec-item {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  position: relative;
  cursor: pointer;
}
.main-clima .clima-items-sec .clima-items-sec-item .clima-item-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.main-clima .clima-items-sec .clima-items-sec-item .clima-item-video {
  position: relative;
  aspect-ratio: 16/9;
}
.main-clima .clima-items-sec .clima-items-sec-item .clima-item-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 25px;
}
.main-clima .clima-items-sec .clima-items-sec-item .clima-item-title {
  color: white;
  font-size: 14px;
  font-weight: 300;
}
.main-clima .publi-laterales {
  width: 100%;
  position: fixed;
  display: none;
  justify-content: center;
  z-index: 1;
}
@media (min-width: 1350px) {
  .main-clima .publi-laterales {
    display: flex;
  }
}
.main-clima .publi-laterales .publi-izq, .main-clima .publi-laterales .publi-der {
  min-width: 90px;
}
.main-clima .publi-laterales .contenedor {
  margin: 0;
}
.main-clima .publi-laterales .contenedor__publicidad {
  margin: 0;
}

.main-clima.main-clima-zoc {
  margin-top: 100px;
}
@media (min-width: 1024px) {
  .main-clima.main-clima-zoc {
    margin-top: 140px;
  }
}

.footer-clima.footer .bloque .redes .compartir {
  background-color: #292929;
}

.footer-clima.footer .bloque .titulo {
  color: white;
}

.footer-clima.footer a {
  color: white;
}

.footer-clima.footer .bloque .marca__descripcion-mobile {
  color: white;
}

.footer-clima.footer .bloque .radio-newsletter .newsletterDesktop .logos-item .st2, .footer .bloque .radio-newsletter .newsletterDesktop .logos-item .st2 {
  fill: white;
}

.footer-clima.footer .bloque .marca__info, .footer .bloque .marca__info a, .footer .bloque .marca__info p {
  color: white;
}

.footer.footer-main .bloque .radio-newsletter .newsletterDesktop .logos-item .st2 {
  fill: #9d9d9d;
}

.footer.footer-main .bloque .marca__info, .footer .bloque .marca__info a, .footer .bloque .marca__info p {
  color: #2A2328;
}

.footer.margin-para-zocalo {
  margin-bottom: 90px;
}

.home_zocalo_on {
  margin-top: 75px;
}

@media (min-width: 1024px) {
  .iframe__contenedor .camaras-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  .ocultar.iframe__contenedor {
    display: none;
  }
}
.camaras-desktop {
  display: none;
}
@media (min-width: 1024px) {
  .camaras-desktop {
    max-width: 1100px;
    margin: auto;
    position: relative;
    z-index: 9;
    padding: 0 45px;
    gap: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
  }
}
.camaras-desktop .ocultar {
  display: none;
}
.camaras-desktop .camaras-desktop-item {
  flex: 1;
  max-width: 430px;
}
.camaras-desktop .iframe__subtitulo-contenedor {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  margin-right: 10px;
  position: relative;
}
@media (min-width: 1024px) {
  .camaras-desktop .iframe__subtitulo-contenedor {
    justify-content: space-between;
  }
}
.camaras-desktop .iframe__titulo {
  margin-left: 15px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}
.camaras-desktop .iframe__camara-envivo {
  color: #FFFFFF;
  font-size: 15px;
  position: absolute;
  right: 0px;
}
.camaras-desktop .iframe__envivo-circulo {
  height: 10px;
  width: 10px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}
.camaras-desktop .iframe__camara {
  margin: 15px 0px 8px;
}

.moduloClima.clima-custom .clima-hoy__container {
  flex-basis: 60%;
  margin: auto;
}
.moduloClima.clima-custom .clima-hoy__container .clima-hoy__box-desktop {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.moduloClima.clima-custom .bloque-clima .clima-extendido__titulo {
  font-size: 19px;
}

.home_zocalo_on_extra #sitio {
  margin-top: 120px;
}

.modulo .imgbloquecont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  padding: 0;
  flex-direction: row-reverse;
  align-items: end;
}
@media (min-width: 768px) {
  .modulo .imgbloquecont {
    padding: 0 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
  }
  .modulo .imgbloquecont .ver-mas {
    width: fit-content;
    margin-left: auto;
  }
}
.modulo .imgbloquecont .ver-mas {
  font-size: 14px;
  color: white;
}
.modulo .imgbloquecont .ver-mas:hover {
  border-bottom: 1px solid #d6001a;
}
@media (max-width: 767px) {
  .modulo .imgbloquecont .ver-mas {
    display: none;
  }
}
.modulo .imgbloquecont .hr__titulo {
  margin: 8px auto 0;
}
@media (max-width: 767px) {
  .modulo .imgbloquecont .hr__titulo {
    max-width: unset;
  }
}
.modulo .imgbloquecont .imgbloque img {
  max-height: 60px;
}

@media (min-width: 768px) {
  .nota--especial .nota__degrade {
    background: linear-gradient(0, white 0, rgba(255, 255, 255, 0.5411764706) 7%, rgba(0, 0, 0, 0.5019607843) 25%, rgba(128, 128, 128, 0) 100%);
  }
  .apertura_4 .nota-side {
    padding: 0;
    flex-direction: column-reverse;
  }
  .apertura_4 .nota-side .data .titulo {
    margin: 20px 0;
  }
  .apertura_4 .nota-side .media {
    padding: 0;
  }
  .apertura_4 .nota-side .media .introduccion {
    display: block;
    margin: 20px 0;
  }
  .apertura_4 .nota-side .media .introduccion p {
    text-align: initial;
    max-height: none;
  }
  .apertura_4 .nota-side .media .autor_nota {
    display: block;
    text-align: initial;
  }
  .bloque_1 .desktop {
    display: block;
  }
  .bloque_1 .mobile {
    display: none;
  }
  .bloque_1 .nota-principal.notas-hover {
    flex-direction: row;
    height: auto;
    min-height: 210px;
  }
  .bloque_1 .nota-principal.notas-hover .data {
    max-width: 100%;
    margin: 0;
    padding: 30px;
    box-shadow: none;
  }
  .bloque_1 .nota-principal {
    display: inline-flex;
    width: 100%;
    box-shadow: 8px 0px 12px 0px #d1d1d1;
    padding: 0;
    flex-direction: row;
  }
  .bloque_1 .nota-principal .media {
    width: 60%;
    padding: 0;
  }
  .bloque_1 .nota-principal .media figure {
    height: 100%;
    padding: 0;
  }
  .bloque_1 .nota-principal .media figure div {
    height: 100%;
  }
  .bloque_1 .nota-principal .media .volanta {
    display: none;
  }
  .bloque_1 .nota-principal .data {
    width: 40%;
    padding: 35px 35px 20px 30px;
    background-color: rgb(255, 255, 255);
  }
  .bloque_1 .nota-principal .data .volanta span {
    font-size: 1rem;
    color: #E20000;
  }
  .bloque_1 .nota-principal .data .titulo {
    margin-top: 20px;
  }
  .bloque_1 .nota-principal .data .titulo h2 {
    font-size: 1.5625rem;
  }
  .bloque_1 .nota-compartida {
    padding: 0;
    flex-direction: column;
  }
  .bloque_1 .nota-compartida .media {
    padding: 0;
  }
  .bloque_1 .nota-compartida .data {
    padding: 10px 20px;
  }
  .bloque_1 .nota-compartida .data .volanta span {
    font-size: 1rem;
    color: #E20000;
  }
  .bloque_1 .nota-compartida.modulo_minuto {
    align-items: unset;
  }
  .bloque_1 .nota-lista {
    flex-direction: row;
    padding: 0;
  }
  .bloque_1 .nota-lista .media {
    padding: 0;
  }
  .bloque_1 .nota-lista .media .volanta {
    display: none;
  }
  .bloque_1 .nota-lista .data {
    padding: 0;
    padding-left: 30px;
  }
  .bloque_1 .nota-lista .data .volanta span {
    font-size: 1rem;
  }
  .bloque_2 .item-4, .bloque_8Notas .item-4 {
    max-width: 100%;
    flex: 100%;
  }
  .bloque_2 .item-8, .bloque_8Notas .item-8 {
    max-width: 100%;
    flex: 100%;
  }
  .bloque_3 .nota-lista.nota-row, .bloque_5Notas .nota-lista.nota-row {
    flex-direction: column;
  }
  .bloque_3 .nota-lista, .bloque_5Notas .nota-lista {
    flex-direction: column;
    padding: 0;
  }
  .bloque_3 .nota-lista .media, .bloque_5Notas .nota-lista .media {
    width: 100%;
    padding: 0;
  }
  .bloque_3 .nota-lista .data, .bloque_5Notas .nota-lista .data {
    width: 100%;
    padding: 10px 20px;
  }
  .servicios_1, .bloque_cotizaciones {
    display: flex;
    flex-direction: column !important;
    width: 100%;
  }
  .servicios_1 .item-4, .bloque_cotizaciones .item-4 {
    max-width: calc(100% - 12px);
  }
  .seccion .portada .nota-lista.opinion, .seccion .notas_seccion_ .nota-lista.opinion {
    flex-direction: column;
    align-items: baseline;
    padding: 0;
  }
  .seccion .portada .nota-lista.opinion .img--opinion, .seccion .notas_seccion_ .nota-lista.opinion .img--opinion {
    margin: 0 auto;
  }
  .seccion .portada .nota-lista.opinion .data, .seccion .notas_seccion_ .nota-lista.opinion .data {
    padding: 10px;
    text-align: center;
  }
  .seccion .portada .nota-lista.opinion .data .volanta span, .seccion .notas_seccion_ .nota-lista.opinion .data .volanta span {
    width: 100%;
  }
  .seccion .cont__info {
    padding: 0;
  }
  .seccion-propiedades .item-12.clear.grid .item-6 {
    flex: 100%;
    max-width: 100%;
  }
  .seccion-verParaSaber .item-12, .seccion-verParaSaber .item-9, .seccion-verParaSaber .item-3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .detalle--nota .relacionadas .notas-relacionadas {
    flex-wrap: wrap;
  }
  .bloque-prop.bloque-historiasAca .banner-principal .sponsor-mobile {
    text-align: center;
  }
  .bloque-propiedades .item-12 {
    margin: 0;
    padding: 0;
    flex: 100%;
    max-width: 100%;
  }
  .bloque-propiedades .item-3 {
    max-width: calc(33% - 12px);
    flex: 0 0 calc(33% - 12px);
  }
  .bloque-propiedades .banner-principal .sponsor-mobile {
    text-align: center;
  }
  .bloque-farmacias .farmacias .grid {
    justify-content: flex-start;
  }
  .bloque-farmacias .farmacias__telefono {
    left: 5px;
  }
  .bloque-tematico .tematico-desktop .item-3 {
    flex: 0 0 93%;
    max-width: 93%;
    margin: 0 auto 30px;
  }
  .bloque-tematico .tematico-desktop .item-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px;
  }
  .bloque-tematico .tematico-desktop .item-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*----------------------------------------Quiniela-------------------------------------------*/
  .item-12.loteria_contenedor {
    background-color: transparent;
    margin-top: 135px;
  }
  .item-12.loteria_contenedor .titulo {
    margin-left: 11px;
  }
  .item-12.loteria_contenedor .loteria_title {
    padding-left: 0;
  }
  .item-12.loteria_contenedor .loteria_cont_bloque {
    max-width: none;
    justify-content: flex-start;
  }
  .item-12.loteria_contenedor .loteria_cont_bloque .loteria_bloque {
    margin: 0;
    margin-right: 20px;
  }
  .item-12.loteria_contenedor .loteria_cont_numero {
    max-width: none;
  }
  /*--------------------------------------------------------------------------------------------*/
  .busqueda .notas_seccion_ {
    width: 100%;
    margin-bottom: 20px;
  }
  .busqueda .notas_seccion_ .item-3 {
    flex: 48%;
    max-width: 48%;
  }
  /*----------------------------------------Farmacias-------------------------------------------*/
  .interior-farmacias .bloque-farmacias .item-3 {
    position: relative;
    flex: 25%;
    max-width: 25%;
    margin: 0 0 40px;
  }
  .interior-farmacias .bloque-farmacias .farmacias__telefono {
    position: absolute;
    bottom: 0;
    left: 5px;
    margin: 0;
  }
  .interior-farmacias .bloque-farmacias .farmacias__direccion {
    margin-bottom: 25px;
  }
  .interior-farmacias .bloque-farmacias .bloque__titulo, .interior-farmacias .bloque-farmacias .bloque__subtitulo {
    margin-left: 5px;
  }
  /*------------------------------------------------------------------------------*/
  .cotizaciones_page .item-12 {
    margin: 0;
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*----------------------------------------Horoscopo---------------------------------*/
  .horoscopo .item-4 {
    flex: 100%;
    max-width: 100%;
  }
  .horoscopo .barra-lateral .item-12 {
    flex-basis: 100%;
    max-width: 475px;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------Encuesta-------------------------------------------*/
  .div_encuesta .item-4 {
    max-width: calc(100% - 12px);
    flex: calc(100% - 12px);
  }
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------Sección-------------------------------------------*/
  .seccion .portada .item-3 {
    max-width: 50%;
    flex: 50%;
    margin: 0;
  }
  .seccion .notas_seccion_ .item-3 {
    max-width: 50%;
    flex: 0 0 50%;
    margin: 0;
  }
  .seccion_radio .radio {
    padding: 0px 20px;
    flex-direction: row;
  }
  .seccion_radio .radio_name {
    width: 25%;
  }
  .seccion_radio .radio_reproductor, .seccion_radio .radio audio {
    width: 100%;
  }
  .seccion-propiedades .item-6.grid, .seccion-propiedades .notas-relacionadas .item-6 {
    flex: 100%;
    max-width: 100%;
  }
  .seccion-propiedades .item-6.columna-principal.mobile {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .seccion-propiedades .item-6.columna-principal.mobile .item-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .seccion-propiedades .item-6.columna-principal.mobile .item-12 .item-6 {
    max-width: 100%;
    flex: 48%;
  }
  .seccion-propiedades .mas_leidas, .seccion-propiedades .contenedor__publicidad {
    display: block;
  }
  .seccion-propiedades .contenedor__publicidad {
    margin-bottom: 60px;
  }
  .seccion-propiedades .relacionadas .notas-relacionadas .item-4 {
    flex: calc(50% - 10px);
    max-width: calc(50% - 10px);
    margin: 5px;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------Concursos-------------------------------------------*/
  .concurso_border .item-3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  /*--------------------------------------------------------------------------------------------*/
  .modulo_minuto.futbol .resultado-partido .escudo1 img,
  .modulo_minuto.futbol .resultado-partido .escudo2 img {
    width: 50px;
  }
  .horoscopo {
    padding: 0 40px;
  }
  .horoscopo .cabecera {
    margin: 30px 0;
  }
  .horoscopo .enterate__logos img {
    width: 50px;
    height: 50px;
  }
  .horoscopo .logo_base-desktop {
    margin-top: 25px;
  }
  .horoscopo .item-8 .cabecera__redes-mobile {
    margin-top: 16px;
    margin-bottom: 50px;
  }
  .horoscopo .item-8 .cabecera__redes-mobile .iconos-compartir img {
    width: 100%;
  }
  .horoscopo .item-3, .horoscopo .item-8, .horoscopo .item-9, .horoscopo .item-12 {
    flex: 100%;
    margin: 0;
    max-width: 100%;
    padding: 0;
  }
  .horoscopo .relacionadas .notas-relacionadas {
    display: flex;
    flex-wrap: wrap;
  }
  .horoscopo .relacionadas .notas-relacionadas .item-3 {
    max-width: calc(25% - 12px);
    flex: 0 0 calc(25% - 12px);
    margin: 6px;
    padding: 5px;
  }
  .funebres .data, .funebres .info {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .contenedor, .container-tendencias {
    max-width: 1150px;
    width: 100%;
    margin: auto;
  }
  .contenedor__publicidad {
    margin: auto;
  }
  .contenedor__publicidad.zocalo {
    height: 113px;
  }
  .contenedor__publicidad .H_Zocalo_Top, .contenedor__publicidad .S_Zocalo_Top {
    margin: 0;
  }
  .contenedor__publicidad.H20, .contenedor__publicidad.H21 {
    display: none;
  }
  .loading {
    background-color: rgb(255, 255, 255);
    z-index: 9000;
  }
  .loading .contenedor {
    background-color: #D6001A;
  }
  .view_mobile {
    display: none !important;
  }
  .view_desktop {
    display: block !important;
  }
  /*.cont_combo{
  	min-height: 315px!important;
  }*/
  .nota .titulo h2 {
    font-size: 1.0625rem;
    line-height: 1.2;
  }
  .nota .introduccion.especial {
    display: block;
  }
  .nota-destacada .data {
    top: 50%;
    transform: translateY(-50%);
    height: 225px;
  }
  .nota-destacada .data .contenedor .info {
    width: 35%;
    float: right;
  }
  .nota-destacada .data .contenedor .info .volanta {
    display: inline-block;
    background-color: #DE0A5C;
    padding: 5px 15px;
    -webkit-border-top-right-radius: 120px;
    -webkit-border-bottom-right-radius: 120px;
    -webkit-border-bottom-left-radius: 120px;
    -webkit-border-top-left-radius: 120px;
    -moz-border-radius-topright: 120px;
    -moz-border-radius-bottomright: 120px;
    -moz-border-radius-bottomleft: 120px;
    -moz-border-radius-topleft: 120px;
    border-top-right-radius: 120px;
    border-bottom-right-radius: 120px;
    border-bottom-left-radius: 120px;
    border-top-left-radius: 120px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
  .nota-destacada .data .contenedor .info .volanta p {
    color: rgb(255, 255, 255);
  }
  .nota-destacada .data .contenedor .info .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 12rem; /* Fallback for non-webkit */
    font-size: 2.5rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .nota-destacada .data .contenedor .info .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .nota-destacada .data .contenedor .info .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .nota-destacada .data .contenedor .info .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .nota-destacada .data .contenedor .info .titulo h2 {
    color: rgb(255, 255, 255);
  }
  .nota-destacada .data .contenedor .info .titulo h2 a {
    color: rgb(255, 255, 255);
  }
  .nota-lista {
    align-items: flex-start;
  }
  .nota-lista .titulo h2 {
    line-height: 1.2;
    font-size: 17px;
    font-weight: bold;
  }
  .nota-lista.nota-opinion {
    align-items: center;
  }
  .nota-lista.nota-opinion .media .img--opinion {
    margin-bottom: 0;
  }
  .nota-lista.nota-opinion .data .opinologo_nombre {
    text-align: center;
  }
  .nota-lista.nota-opinion .data .titulo {
    text-align: center;
  }
  .nota-lista.nota-opinion .data .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 6rem; /* Fallback for non-webkit */
    font-size: 1.25rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .nota-lista.nota-opinion .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .nota-lista.nota-opinion .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .nota-lista.nota-opinion .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .nota-lista.nota-opinion .data .introduccion p {
    text-align: left;
  }
  .nota-lista.modulo_minuto .media {
    margin-left: 0;
  }
  /*-------------------------------------Header-------------------------------------------------*/
  .header {
    background: none;
    background-color: #D6001A;
    position: sticky;
  }
  .header .cont_header {
    max-width: 1150px;
    margin: auto;
    width: 100%;
    padding: 0 10px;
  }
  .header .cont_header .cont-3 {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
  }
  .header .cont_header .cont-3 .buscador {
    top: 7px;
    position: absolute;
    left: -25px;
    z-index: 9;
    /* input[type="text"] {
    	border: none;
    	margin-left: 3px;
    	top: 0px;
    	border-radius: 15px;
    	background: none;
    	z-index: 1;
    	width: 25px;
    	height: 20px;
    	transition: all 0.2s ease-in 0.2s;
    	animation-direction: reverse;
    	color: transparent;
    	font-weight: bold;
    	&:hover {
    		cursor: pointer;
    		&:focus {
    			cursor: text;
    		}
    		+ span {
    			background: rgba(255, 255, 255, 0.2);
    		}
    	}
    	&:focus {
    		//width: 159px;
    		background: white;
    		padding: 12px 15px;
    		width: 215px;
    		top: -12px;
    		//padding: 0 10px 0 16px;
    		outline: none;
    		//background: none;
    		color: $color-brand;
    		top: -12px;
    		right: 0;
    		box-shadow: none;
    		position: absolute;
    		+ span {
    			width: 164px;
    			height: 26px;
    			top: -14px;
    			right: 0;
    			display: none;
    			&::before {
    				width: 2px;
    				opacity: 0;
    				transition: all 0.2s ease-in;
    			}
    		}
    		@include placeholder {
    			color: #7e7e7e;
    			font-size: fsc(14px);
    			transition: all 0.2s ease-in 0.2s;
    		}
    	}
    	@include placeholder {
    		color: transparent;
    	}
    	+ span {
    		box-sizing: border-box;
    		z-index: -1;
    		position: absolute;
    		border: 3px solid white;
    		top: 0px;
    		width: 19px;
    		height: 19px;
    		transition: all 0.2s ease-in 0.2s;
    		border-radius: 25px;
    		right: 0;
    		&::before {
    			transition: all 0.2s ease-in 0.5s;
    			transform-origin: left top;
    			content: "";
    			position: absolute;
    			width: 13px;
    			height: 3px;
    			border-radius: 5px;
    			background: white;
    			transform: rotate(45deg) translate(17px, -1px);
    		}
    	}
    } */
  }
}
@media (min-width: 1024px) and (min-width: 1360px) {
  .header .cont_header .cont-3 .buscador {
    left: -40px;
  }
}
@media (min-width: 1024px) and (min-width: 1360px) and (min-width: 1550px) {
  .header .cont_header .cont-3 .buscador {
    left: -13px;
  }
}
@media (min-width: 1024px) {
  .header .cont_header .cont-3 .buscador input:focus {
    width: 200px;
    height: 25px;
    background: white;
    border-radius: 40px;
    padding: 0 20px;
    line-height: 2em;
    font-weight: 100;
    font-size: 12px;
    cursor: auto;
  }
  .header .cont_header .cont-3 .buscador input {
    float: right;
    border: 3px solid #fff;
    outline: none;
    width: 20px;
    cursor: pointer;
    -webkit-transition: 0.2s all ease-in;
    -moz-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
    height: 20px;
    color: #D6001A;
    font-weight: bold;
    font-size: 14px;
    border-radius: 40px;
    background: none;
  }
  .header .cont_header .cont-3 .buscador .close span {
    width: 3px;
    height: 10px;
    border-radius: 2px;
    background: #fff;
    display: inline-block;
  }
  .header .cont_header .cont-3 .buscador .front {
    position: absolute;
    right: 24px;
    top: 13px;
    transform: rotate(-45deg);
    opacity: 0;
    animation-delay: 2s;
    -webkit-transition: 0.2s all ease-in;
    -moz-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
  }
  .header .cont_header .cont-3 .buscador .back {
    position: absolute;
    right: -1px;
    top: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: 0.2s all ease-in;
  }
  .header .cont_header .cont-3 .buscador input:focus + div .front {
    opacity: 1;
    background: #D6001A;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 20px;
    top: 9px;
  }
  .header .cont_header .cont-3 .buscador input:focus + div .back {
    background: #D6001A;
    right: 20px;
    top: 9px;
  }
  .header .cont_header .cont-3 .newsletter {
    margin-left: 25px;
    text-align: center;
  }
  .header .cont_header .cont-3 .newsletter__title, .header .cont_header .cont-3 .newsletter__info {
    color: white;
    line-height: 1;
    letter-spacing: 0.6px;
  }
  .header .cont_header .cont-3 .newsletter__title {
    padding-bottom: 2px;
    font-weight: bold;
    font-size: 1rem;
  }
  .header .cont_header .cont-3 .newsletter__info {
    font-size: 0.75rem;
  }
  .header .cont_header .grid .menu-search {
    width: 6%;
    padding: 0;
  }
  .header .cont_header .grid .info-clima {
    width: 6%;
    order: 2;
  }
  .header .cont_header .grid .info-extra {
    width: 10%;
    order: 2;
  }
  .header .cont_header .grid .logo0223 .cont-logo img {
    height: 51px;
    width: 116px;
  }
  .header .cont_header .grid .item:nth-child(3n) {
    order: 3;
  }
  .header .cont_header .grid .cont-3 {
    position: absolute;
    right: 10px;
    display: flex;
    width: 16%;
    order: 4;
  }
}
@media (min-width: 1024px) and (min-width: 992px) {
  .header .cont_header .grid .cont-3 {
    right: 0;
  }
}
@media (min-width: 1024px) {
  .header .navbar {
    width: 0;
    max-height: 750px;
  }
  .header .navbar .navbar-menu.is-active {
    width: 100vw;
  }
  .header .navbar .navbar-menu {
    overflow-x: unset;
  }
  .header .navbar .navbar-menu .menu-mobile {
    display: flex;
    flex-wrap: wrap;
    max-width: 1150px;
    margin: 0 auto;
  }
  .header .navbar .navbar-menu .menu-mobile .cont_opciones {
    display: none;
  }
  .header .navbar .navbar-menu .menu-mobile .secciones {
    width: 25%;
  }
  .header .navbar .navbar-menu .menu-mobile .menu-secundario {
    width: 38%;
    display: flex;
    margin: 0;
    justify-content: space-between;
    height: fit-content;
  }
  .header .navbar .navbar-menu .menu-mobile .cuenta-contenedor {
    width: 37%;
    flex-direction: column;
    margin: auto;
  }
  .header .navbar .navbar-menu .menu-mobile .cuenta-contenedor .newsletter, .header .navbar .navbar-menu .menu-mobile .cuenta-contenedor .radio {
    margin: auto;
  }
  .header .navbar .navbar-menu .menu-mobile .cuenta-contenedor .newsletter {
    order: 2;
  }
  .header .navbar .navbar-menu .menu-mobile .cuenta-contenedor .radio {
    order: 1;
  }
  .header .navbar .navbar-menu .menu-mobile .compartir {
    width: 100%;
  }
  .header .navbar .cuenta-contenedor .newsletter .logos-item {
    max-width: 100%;
  }
  .header.zocalo_on {
    top: 110px;
  }
}
@media (min-width: 1024px) {
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Footer-------------------------------------------------*/
  .footer.verparasaber {
    display: flex;
    justify-content: center;
  }
  .footer.verparasaber .bloque {
    width: 100%;
  }
  .footer .bloque {
    max-width: 1150px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .footer .bloque {
    margin-bottom: 30px;
  }
}
@media (min-width: 1024px) and (min-width: 1550px) {
  .footer .bloque {
    max-width: 1200px;
  }
}
@media (min-width: 1024px) {
  .footer .bloque .radio-newsletter {
    width: 100%;
    order: -1;
  }
  .footer .bloque .redes {
    margin: 15px 0;
  }
  .footer .bloque .redes .compartir .iconos-compartir div {
    margin: 0 7px;
  }
  .footer .bloque .redes .compartir .iconos-compartir-logo {
    max-width: 100%;
  }
  .footer .bloque .info {
    max-width: 100%;
  }
  .footer .bloque .info .grid {
    justify-content: space-around;
    margin-top: 15px;
  }
  .footer .bloque .info .is-4 {
    flex-basis: 33%;
  }
  .footer .bloque .info .secciones, .footer .bloque .info .suplementos, .footer .bloque .info .institucional {
    text-align: left;
  }
  .footer .bloque .info .secciones .titulo, .footer .bloque .info .suplementos .titulo, .footer .bloque .info .institucional .titulo {
    font-size: 1.033125rem;
    padding: 0;
  }
  .footer .bloque .info .secciones .item:last-of-type, .footer .bloque .info .suplementos .item:last-of-type, .footer .bloque .info .institucional .item:last-of-type {
    text-align: left;
  }
  .footer .bloque .info .secciones li, .footer .bloque .info .suplementos li, .footer .bloque .info .institucional li {
    padding-bottom: 10px;
  }
  .footer .bloque .info .secciones li a, .footer .bloque .info .suplementos li a, .footer .bloque .info .institucional li a {
    font-size: 0.8125rem;
  }
  .footer .bloque .info .secciones .menu li {
    text-align: left;
    padding-bottom: 10px;
  }
  .footer .bloque .info .secciones .menu li a {
    font-size: 0.8125rem;
  }
  .footer .bloque .info .institucional {
    flex-basis: 15%;
  }
  .footer .bloque .info .institucional ul {
    margin-top: 15px;
    flex-direction: column;
  }
  .footer .bloque .marca {
    align-items: flex-end;
    margin-bottom: 15px;
  }
  .footer .bloque .marca__logo {
    width: 20%;
    margin-bottom: 0;
  }
  .footer .bloque .marca__logo .logos-item {
    max-width: 155px;
    max-height: 80px;
  }
  .footer .bloque .marca__info {
    width: 25%;
    display: block;
    order: 2;
  }
  .footer .bloque .marca__info a {
    font-size: 0.5rem;
  }
  .footer .bloque .marca__info-mails {
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
  }
  .footer .bloque .marca__info-privacidad {
    text-align: right;
  }
  .footer .bloque .marca__info-privacidad li {
    font-size: 0.5rem;
    color: #96999C;
  }
  .footer .bloque .marca__info-privacidad-item {
    display: flex;
    justify-content: flex-end;
  }
  .footer .bloque .marca__descripcion-mobile {
    width: 55%;
    margin: 0;
    font-size: 14px;
    color: black;
    font-weight: normal;
    text-align: left;
    margin-bottom: 12px;
  }
  .footer .bloque .marca__descripcion-desktop {
    display: block;
  }
}
@media (min-width: 1024px) {
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Notas-----------------------------------------------*/
  .nota__firmantes .nombre-firmante .firmante {
    font-size: 1rem;
  }
  .nota--gral {
    margin-bottom: 15px;
  }
  .nota--gral .nota__btnCompartir {
    bottom: 0;
  }
  .nota--gral .nota__btnCompartir img {
    width: 38px;
  }
  .nota--gral .nota__body {
    margin: 0;
    padding: 0;
  }
  .nota--gral .nota__media img {
    max-height: 204px;
  }
  .nota--gral .nota__volanta {
    padding-top: 15px;
    padding-bottom: 10px;
    margin: 0;
  }
  .nota--gral .nota__volanta p {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .nota--gral .nota__titulo-item {
    font-size: 1.375rem;
  }
  .nota--full .nota__btnCompartir img {
    width: 38px;
  }
  .nota--especial .nota__degrade {
    background: linear-gradient(180deg, white 1%, rgba(0, 0, 0, 0.5019607843) 10%, rgba(128, 128, 128, 0) 100%);
  }
  .nota--especial .nota__media {
    order: 2;
  }
  .nota--especial .nota__media img {
    min-height: 470px;
  }
  .nota--especial .nota__titulo-item {
    font-size: 1.375rem;
    color: #313133;
  }
  .nota--especial .nota__introduccion p {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 45px; /* Fallback for non-webkit */
    font-size: 15px;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .nota--especial .nota__introduccion p {
      overflow: hidden;
      position: relative;
    }
    .nota--especial .nota__introduccion p:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .nota--especial .nota__introduccion p:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .nota--especial .nota__body {
    order: 1;
    position: relative;
    text-align: left;
    margin: 0;
    padding: 18px;
    width: 95%;
  }
  .nota--especial .bloque-blanco {
    display: none;
  }
  .nota--linea {
    flex-direction: column;
    flex-wrap: initial;
    margin-bottom: 0;
  }
  .nota--linea .nota__media {
    flex-basis: 100%;
    max-width: 100%;
  }
  .nota--linea .nota__media--link img {
    border-radius: 15px;
  }
  .nota--linea .nota__body {
    padding: 0;
    flex-basis: 100%;
  }
  .nota--linea .nota__titulo {
    margin: 0;
  }
  .nota--linea .nota__titulo-item {
    padding-top: 15px;
    font-size: 0.9375rem;
    line-height: 1.2;
  }
  .nota--linea .nota__volantaTop {
    color: #6D6F72;
    display: block;
    position: unset;
    overflow: visible;
  }
  .nota--linea .nota__volantaTop p {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 28.8px; /* Fallback for non-webkit */
    font-size: 12px;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .nota--linea .nota__volantaTop p {
      overflow: hidden;
      position: relative;
    }
    .nota--linea .nota__volantaTop p:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .nota--linea .nota__volantaTop p:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .nota--linea .nota__volantaTop p {
    font-weight: 500;
    padding-bottom: 12px;
  }
  .nota--linea .nota__volanta {
    margin: 0;
    padding: 10px 0;
  }
  .nota--linea .nota__volanta p {
    padding: 10px 0;
  }
  .nota--linea .nota__continuar, .nota--linea .nota__volanta {
    display: none;
  }
  .nota--relleno .nota__titulo-item {
    font-weight: 500;
  }
  .relacionadas {
    max-width: 100%;
  }
  .relacionadas .titulo {
    font-size: 2.375rem;
    color: #404041;
    font-weight: bold;
    border: 0;
    margin-bottom: 35px;
  }
  .relacionadas .grid .item {
    padding: 0;
  }
  .relacionadas .notas-relacionadas {
    display: flex;
    flex-wrap: wrap;
  }
  .relacionadas .notas-relacionadas .item-4 {
    flex: 33.33%;
    max-width: 33.33%;
    margin: 0;
    padding: 15px;
  }
  .relacionadas .notas-relacionadas .nota {
    padding: 0;
    flex-direction: column;
    flex-wrap: inherit;
  }
  .relacionadas .notas-relacionadas .nota .nota__media--link {
    padding: 0;
    height: fit-content;
    flex-basis: 31%;
  }
  .relacionadas .notas-relacionadas .nota .nota__media--link img {
    border-radius: 15px;
  }
  .relacionadas .notas-relacionadas .nota .nota__body {
    padding: 20px 0;
  }
  .relacionadas .notas-relacionadas .nota .nota__titulo-item {
    font-size: 1.0625rem;
    line-height: 1.2;
  }
  .relacionadas .notas-relacionadas .nota .nota__volanta {
    color: #D6001A;
  }
  .relacionadas .notas-relacionadas .nota .nota__continuar {
    display: none;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Aperturas-----------------------------------------------*/
  .apertura {
    margin-bottom: 20px;
  }
  .apertura_1 .item-3 {
    max-width: 20%;
    margin-bottom: 15px;
  }
  .apertura_1 .grid .item-12 {
    display: flex;
  }
  .apertura_1 #info_home .fecha {
    margin: 0;
    display: block;
  }
  .apertura_1 #info_home .clima {
    margin: 0;
  }
  .apertura_1 #info_home .radio {
    margin: 0;
    display: block;
  }
  .apertura_1 #info_home .dolar {
    margin: 0;
  }
  .apertura_1 .nota__btnCompartir .share-dialog, .apertura_1 .nota__btnCompartir-open .share-dialog {
    border-radius: 0;
  }
  .apertura_1 .nota_desktop {
    display: block;
  }
  .apertura_1 .nota_mobile {
    display: none;
  }
  .apertura_1 .nota--especial, .apertura_1 .nota--gral {
    padding: 0 10px;
  }
  .apertura_1 .nota--especial {
    justify-content: space-between;
  }
  .apertura_1 .nota--especial .nota__degrade {
    background: linear-gradient(180deg, white 10%, rgba(64, 62, 62, 0.2784313725) 32%, rgba(128, 128, 128, 0) 100%);
  }
  .apertura_1 .nota--especial .nota__titulo {
    margin: 0;
    height: 80px;
  }
  .apertura_1 .nota--especial .nota__titulo .nota__titulo-item {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 79.2px; /* Fallback for non-webkit */
    font-size: 22px;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .apertura_1 .nota--especial .nota__titulo .nota__titulo-item {
      overflow: hidden;
      position: relative;
    }
    .apertura_1 .nota--especial .nota__titulo .nota__titulo-item:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_1 .nota--especial .nota__titulo .nota__titulo-item:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_1 .nota--especial .nota__degrade-apertura {
    height: 23%;
    background: linear-gradient(180deg, white 9%, rgba(0, 0, 0, 0) 80%, rgba(128, 128, 128, 0) 100%);
  }
  .apertura_1 .nota--especial .nota__body {
    padding: 10px 18px 0;
    margin-bottom: -42px;
  }
  .apertura_1 .nota--especial .nota__introduccion {
    display: none;
  }
  .apertura_1 .nota--especial .nota__volantaImg {
    display: block;
    bottom: 20px;
  }
  .apertura_1 .nota--especial .nota__media {
    height: 100%;
    padding-bottom: 10px;
  }
  .apertura_1 .nota--especial .nota__media .video-wrapper {
    padding-bottom: 98.55%;
    border-radius: 15px;
    height: 100%;
  }
  .apertura_1 .nota--especial .nota__media--link img {
    height: 100%;
    border-radius: 15px;
  }
  .apertura_1 .nota__btnCompartir .share-dialog {
    border-radius: 0;
  }
  .apertura_1 .bloque-notas {
    padding: 10px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    gap: 1px;
  }
  .apertura_1 .notas-secundarias {
    padding: 0;
  }
  .apertura_1 .notas-secundarias .nota--gral:last-of-type .nota__titulo-item {
    padding-bottom: 18px;
  }
  .apertura_1 .notas-secundarias .nota--gral:first-of-type .nota__titulo-item {
    padding-top: 18px;
    padding-bottom: 19px;
  }
  .apertura_1 .notas-secundarias .nota--gral .nota__media img {
    max-height: 216px;
    min-height: 215px;
  }
  .apertura_1 .apertura-alerta.mobile {
    display: none;
  }
  .apertura_1 .apertura-alerta.desktop {
    display: flex;
  }
  .apertura_1 .apertura-alerta.desktop .item-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .apertura_1 .apertura-alerta.desktop .nota--gral .nota__media img {
    max-height: 216.5px;
  }
  .apertura_2 .contenedor {
    max-width: 1150px;
    margin-top: 45px;
    justify-content: space-between;
  }
  .apertura_2 .item-6 {
    max-width: 46%;
    flex: 0 0 46%;
    margin: 0;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  .apertura_2 .item-6 {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .apertura_2 .nota--especial .bloque-blanco {
    display: block;
    min-height: 65px;
  }
  .apertura_2 .nota--especial .nota__degrade {
    background: linear-gradient(180deg, white 10%, rgba(64, 62, 62, 0.2784313725) 52%, rgba(128, 128, 128, 0) 100%);
  }
  .apertura_2 .nota--especial .nota__degrade-apertura {
    height: 30%;
    background: linear-gradient(180deg, white 24%, rgba(64, 62, 62, 0.1215686275) 90%, rgba(128, 128, 128, 0) 100%);
  }
  .apertura_2 .nota--especial .nota__media {
    max-height: 612px;
  }
  .apertura_2 .nota--especial .nota__media .video-wrapper {
    border-radius: 15px;
    padding-bottom: 51.05%;
  }
  .apertura_2 .nota--especial .nota__body {
    margin: 0 auto;
    padding: 0;
    right: 0;
    left: 0;
    position: absolute;
    top: 8px;
    text-align: center;
  }
  .apertura_2 .nota--especial .nota__titulo-item {
    font-size: 2.25rem;
    color: #D6001A;
  }
  .apertura_2 .nota--especial .nota__introduccion p {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 64.8px; /* Fallback for non-webkit */
    font-size: 18px;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .apertura_2 .nota--especial .nota__introduccion p {
      overflow: hidden;
      position: relative;
    }
    .apertura_2 .nota--especial .nota__introduccion p:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_2 .nota--especial .nota__introduccion p:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_2 .nota--especial .nota__introduccion p {
    font-weight: 500;
  }
  .apertura_2 .nota--gral .nota__media {
    max-height: 249px;
    overflow: hidden;
    border-radius: 15px;
  }
  .apertura_2 .nota--gral .nota__media .video-wrapper {
    padding-bottom: 56.25%;
  }
  .apertura_2 .nota--gral .nota__media .video-wrapper iframe {
    max-height: 249px;
  }
  .apertura_2 .nota--gral .nota__media img {
    max-height: 249px;
  }
  .apertura_2 .nota--gral .nota__titulo {
    height: 82px;
  }
  .apertura_2 .nota--gral .nota__titulo-item {
    font-size: 1.4375rem;
  }
  .apertura_2 .nota--especial .nota__media--link img, .apertura_2 .nota--gral .nota__media--link img {
    border-radius: 15px;
    height: 100%;
  }
  .apertura_2 .nota__btnCompartir .share-dialog {
    border-radius: 0;
  }
  .apertura_2 .apertura-alerta.mobile {
    display: none;
  }
  .apertura_2 .apertura-alerta.desktop {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  /* .apertura_3{
  	.ap1_mobile{
  		background: none;
  	    margin: 0;
  	    box-shadow: none;
  	}
  	.nota-especial{		
  		&:after {
  			border:none;
  		}
  		.media{
  			.volanta{
  				display: none;
  			}
  		}		
  		.data{
  			position:absolute;
  			padding: 0px 10px 12px 10px;
  			bottom: 0px;
  			left: 0;
  	    	right: 0;
  	    	max-height: 100%;
  	    	text-align: center;
  			background: none;
  			@include directional(rgba(0,0,0,0) 0, rgba(0,0,0,0.8) 100%, to bottom);
  			.volanta{
  				position: initial;
  				display: inline-block;
  				p{
  					@include line-clamp(fs(f_16), 1.2,1);
  				}	
  			}
  			.titulo{	
  				padding: 0; 
  				max-width: 930px;
    					margin: auto;
    					box-shadow: none;							
  				h2{
  					text-align: center;
  					@include line-clamp(fs(f_40),1.2);
  					font-weight: bold;
  					a{
  	    				color:$color-white;
  					}
  				}
  				.introduccion{
  					color: $color-white;
  					max-width: 450px;
    						margin: auto;
    						margin-top: 20px;
    						display: block;
    						p{
    							font-size: fsc(18px);
    							max-height: 100%;
    						}
  				}
  				.autor_nota{
  					margin-bottom: 0;
  					a{
  						color: $color-white;
  						justify-content: center;
  					}
  				}

  			}

  		}
  	}
  	#info_home{
  		display: flex;
  		justify-content: space-between;
  		align-items: center;
  		height: 90px;
  		.radio{
  			position: relative;
  			width: 25%;
  			padding: 10px 20px;
     			border-left: 1px solid #D5D5D5;
     			height: 100%;
  			display: block;
  			margin: 0;
  			.titulo{
  				margin-bottom: 10px;
  			}
  			.info{
  				padding: 0;
  				border: none;
  			}
  		}
  		.dolar{
  			width: 25%;
  			padding: 10px 20px;
     			border-left: 1px solid #D5D5D5;
     			height: 100%;
     			margin: 0;
  			.titulo{
  				margin-bottom: 10px;
  			}
  		}
  		.clima{
  			width: 25%;
  			padding: 10px 20px;
     			border-left: 1px solid #D5D5D5;
     			height: 100%;
     			margin: 0;
  		}
  		.fecha{
  			width: 25%;
  			display: block;
  			margin: 0;
  			border:none;
  			margin-left: 10px;
  		}
  		.titulo{
  			margin: 0;
  			label{
  				color: #E20000;
  				text-transform: uppercase;
  			}
  		}
  		.info{
  			display: flex;
  			align-items: center;
  			padding: 0;
  			border: none;
  			.menu_hide_900{
  				margin: 0 5px;
  			}
  			button{
  				position: absolute;
  			    top: 5px;
  			    left: 70px;
  			    background-color: white;
  			    border: 1px solid #D2D2D2;
  			    font-size: 13px;
  			    font-weight: bold;
  			    color: #464646;
  			    padding: 6px 12px;
  			}
  		}
  		label{
  			font-size: fsc(15px);
  		}
  	}
  	.ap1_desktop_notas{
  		display: flex;
  		.nota-lista{
  			flex-wrap: wrap;
  			padding: 0;
  			margin-bottom: 15px;
  			&:after {
  				border:none;
  			}			
  			.media{
  				flex-basis: 100%;
  				margin-bottom: 10px;
  				padding: 0;
  				position: relative;
  			}
  			.volanta{
  				margin-bottom: 5px;
  				position: absolute;
  			    bottom: 0px;
  			    margin: 10px;
  			    background-color: #E20000;
  			    color: #ffffff;
  			    padding: 5px 10px;
  			    display: block;				
  				span{
  					@include line-clamp(fs(f_14), 1.2,1);
  					color: #ffffff;
  				    font-weight: bold;
  				}		
  			}
  			.data{
  				.volanta{
  					display: none;
  				}
  			}
  			&.modulo_minuto{
  				.volanta{
  					display: none;
  				}
  			}
  		}
  	}
  	.nota-lista{
  		padding: 16px 0;
  		&:after {
  			border:none;
  		}
  		.volanta{
  			span{
  				@include line-clamp(fs(f_16), 1.2,1);
  			}				
  		}
  		.titulo{
  			.autor_nota{
  				display: block;
  			}
  		}
  	}
  }

  .apertura_4{
  	.ap1_mobile{
  		background: none;
  	    margin: 0;
  	    box-shadow: none;
  	}
  	#info_home{
  		display: flex;
  		justify-content: space-between;
  		align-items: center;
  		height: 90px;
  		.radio{
  			position: relative;
  			width: 25%;
  			padding: 10px 20px;
     			border-left: 1px solid #D5D5D5;
     			height: 100%;
  			display: block;
  			margin: 0;
  			.titulo{
  				margin-bottom: 10px;
  			}
  			.info{
  				padding: 0;
  				border: none;
  			}
  		}
  		.dolar{
  			width: 25%;
  			padding: 10px 20px;
     			border-left: 1px solid #D5D5D5;
     			height: 100%;
     			margin: 0;
  			.titulo{
  				margin-bottom: 10px;
  			}
  		}
  		.clima{
  			width: 25%;
  			padding: 10px 20px;
     			border-left: 1px solid #D5D5D5;
     			height: 100%;
     			margin: 0;
  		}
  		.fecha{
  			width: 25%;
  			display: block;
  			margin: 0;
  			border:none;
  			margin-left: 10px;
  		}
  		.titulo{
  			margin: 0;
  			label{
  				color: #E20000;
  				text-transform: uppercase;
  			}
  		}
  		.info{
  			display: flex;
  			align-items: center;
  			padding: 0;
  			border: none;
  			.menu_hide_900{
  				margin: 0 5px;
  			}
  			button{
  				position: absolute;
  			    top: 5px;
  			    left: 70px;
  			    background-color: white;
  			    border: 1px solid #D2D2D2;
  			    font-size: 13px;
  			    font-weight: bold;
  			    color: #464646;
  			    padding: 6px 12px;
  			}
  		}
  		label{
  			font-size: fsc(15px);
  		}
  	}
  	.nota-especial{	
    			box-shadow: 0px 10px 20px -8px #d1d1d1;
  		.volanta{
  			p{
  				@include line-clamp(fs(f_16), 1.2,1);
  			}	
  		}
  		.media{
  			position: relative;
  			.volanta{
  				top: auto;
  				bottom: 10px;
  			}
  		}	
  		.data{
  			.titulo{
  				margin-bottom: 0;
  				box-shadow: none;
  			}
  			.volanta{
  				display: none;
  			}
  			.autor_nota{
  				margin-bottom: 0;
  			}
  		}

  		.titulo{
  			padding: 20px;
  			background-color: $color-white; 				
  			h2{
  				@include line-clamp(fs(f_30),1.2);
  				font-weight: bold;
  			}
  		}		

  	}
  	.ap1_desktop_notas{
  		display: flex;
  		.nota-lista{
  			flex-wrap: wrap;
  			padding: 0;
  			margin-bottom: 15px;
  			&:after {
  				border:none;
  			}			
  			.media{
  				flex-basis: 100%;
  				margin-bottom: 10px;
  				padding: 0;
  				position: relative;
  			}
  			.volanta{
  				margin-bottom: 5px;
  				position: absolute;
  			    bottom: 0px;
  			    margin: 10px;
  			    background-color: #E20000;
  			    color: #ffffff;
  			    padding: 5px 10px;
  			    display: block;				
  				span{
  					@include line-clamp(fs(f_14), 1.2,1);
  					color: #ffffff;
  				    font-weight: bold;
  				}		
  			}
  			.data{
  				.volanta{
  					display: none;
  				}
  			}
  			&.modulo_minuto{
  				.volanta{
  					display: none;
  				}
  			}
  		}
  	}
  	.nota-side{
  		display: flex;
    			flex-direction: column-reverse;
    			padding: 0;
  		.media{
  			padding-left: 0;
  			.volanta{
  				display: none;
  			}
  			.introduccion{
  				margin: 20px 10px;
    					text-align: initial;
    					display: block;
    					p{
    						font-size: fsc(16px)
    					}
  			}
  			.autor_nota{
  				text-align: initial;
    					margin: 0 0 0 10px;
    					display: block;
  			}
  		}
  		&.modulo_minuto{
  			.media{
  				margin-left: 0;
  			}
  		}
  		.data{
  			.volanta{
  				top: 10px;
  			    left: 10px;
  			    background-color: #E20000;
  			    padding: 7px 15px;
  			    display: inline-block;
  			    span{
  			    	color: $color-white;
  			    }
  			}
  			.titulo{
  				margin: 15px 0 20px 0;
  				h2{
  					font-size: fsc(20px);
  					font-weight: bold;
  					a{
  						display: -webkit-box;
  						-webkit-line-clamp: 3;
  						-webkit-box-orient: vertical;
  						overflow: hidden;
  						text-overflow: ellipsis;
  					}
  				}
  			}
  		}
  	}
  	.nota-lista{
  		.titulo{
  			.autor_nota{
  				display: block;
  			}
  		}
  	}
  } */
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Bloques-----------------------------------------------*/
  .data .volanta p {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 1.05rem; /* Fallback for non-webkit */
    font-size: 0.875rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .data .volanta p {
      overflow: hidden;
      position: relative;
    }
    .data .volanta p:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .data .volanta p:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .modulo {
    margin-bottom: 30px;
  }
  .nota_top_destacada .nota-lista .media {
    flex: 0 0 162px;
    padding: 0;
  }
  .nota_top_destacada .nota-lista .data {
    flex: 0 0 calc(100% - 162px);
    padding: 0 15px;
  }
  .nota_top_destacada .nota-lista .data .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 4.95rem; /* Fallback for non-webkit */
    font-size: 1.375rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .nota_top_destacada .nota-lista .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .nota_top_destacada .nota-lista .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .nota_top_destacada .nota-lista .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .nota_top_destacada .nota-lista .data .btn--gris {
    display: block;
  }
  /* .relleno{			
  	.nota-lista{
  		.data{
  			padding: 10px;
  		}
  		&:after {
  			border:none;
  		}
  		margin-bottom: 20px;
  		padding: 0;
  		.media{
  			flex-basis: 40%;
  		}
  		.titulo{
  			font-weight: normal;
  			h2{
  				@include line-clamp(fs(f_17), 1.2,4);
  			}
  		}	
  		.volanta{
  			p{
  				@include line-clamp(fs(f_14), 1.2,1);
  			}				
  		}
  		.introduccion{
  			display: block;
  			margin-top: 15px;
  			p{
  				@include line-clamp(fs(f_16), 1.2);
  			}
  		}	
  	}
  } */
  .publicidad_footer_sticky {
    top: calc(100vh - 90px);
  }
  .bloque_1, .bloque_2, .bloque_8Notas, .bloque_3, .bloque_5Notas, .bloque_4, .bloque-3Notas, .bloque_5, .bloque_6, .bloque_7 {
    width: 100%;
  }
  .bloque_1 .titulo, .bloque_2 .titulo, .bloque_8Notas .titulo, .bloque_3 .titulo, .bloque_5Notas .titulo, .bloque_4 .titulo, .bloque-3Notas .titulo, .bloque_5 .titulo, .bloque_6 .titulo, .bloque_7 .titulo {
    margin-bottom: 0px;
  }
  .bloque_1 .titulo_bloque, .bloque_2 .titulo_bloque, .bloque_8Notas .titulo_bloque, .bloque_3 .titulo_bloque, .bloque_5Notas .titulo_bloque, .bloque_4 .titulo_bloque, .bloque-3Notas .titulo_bloque, .bloque_5 .titulo_bloque, .bloque_6 .titulo_bloque, .bloque_7 .titulo_bloque {
    padding: 0;
  }
  .bloque_1 .nota-carrousel .data .volanta a p, .bloque_1 .nota-lista .data .volanta a p, .bloque_2 .nota-carrousel .data .volanta a p, .bloque_2 .nota-lista .data .volanta a p, .bloque_8Notas .nota-carrousel .data .volanta a p, .bloque_8Notas .nota-lista .data .volanta a p, .bloque_3 .nota-carrousel .data .volanta a p, .bloque_3 .nota-lista .data .volanta a p, .bloque_5Notas .nota-carrousel .data .volanta a p, .bloque_5Notas .nota-lista .data .volanta a p, .bloque_4 .nota-carrousel .data .volanta a p, .bloque_4 .nota-lista .data .volanta a p, .bloque-3Notas .nota-carrousel .data .volanta a p, .bloque-3Notas .nota-lista .data .volanta a p, .bloque_5 .nota-carrousel .data .volanta a p, .bloque_5 .nota-lista .data .volanta a p, .bloque_6 .nota-carrousel .data .volanta a p, .bloque_6 .nota-lista .data .volanta a p, .bloque_7 .nota-carrousel .data .volanta a p, .bloque_7 .nota-lista .data .volanta a p {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 2.1rem; /* Fallback for non-webkit */
    font-size: 0.875rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .bloque_1 .nota-carrousel .data .volanta a p, .bloque_1 .nota-lista .data .volanta a p, .bloque_2 .nota-carrousel .data .volanta a p, .bloque_2 .nota-lista .data .volanta a p, .bloque_8Notas .nota-carrousel .data .volanta a p, .bloque_8Notas .nota-lista .data .volanta a p, .bloque_3 .nota-carrousel .data .volanta a p, .bloque_3 .nota-lista .data .volanta a p, .bloque_5Notas .nota-carrousel .data .volanta a p, .bloque_5Notas .nota-lista .data .volanta a p, .bloque_4 .nota-carrousel .data .volanta a p, .bloque_4 .nota-lista .data .volanta a p, .bloque-3Notas .nota-carrousel .data .volanta a p, .bloque-3Notas .nota-lista .data .volanta a p, .bloque_5 .nota-carrousel .data .volanta a p, .bloque_5 .nota-lista .data .volanta a p, .bloque_6 .nota-carrousel .data .volanta a p, .bloque_6 .nota-lista .data .volanta a p, .bloque_7 .nota-carrousel .data .volanta a p, .bloque_7 .nota-lista .data .volanta a p {
      overflow: hidden;
      position: relative;
    }
    .bloque_1 .nota-carrousel .data .volanta a p:before, .bloque_1 .nota-lista .data .volanta a p:before, .bloque_2 .nota-carrousel .data .volanta a p:before, .bloque_2 .nota-lista .data .volanta a p:before, .bloque_8Notas .nota-carrousel .data .volanta a p:before, .bloque_8Notas .nota-lista .data .volanta a p:before, .bloque_3 .nota-carrousel .data .volanta a p:before, .bloque_3 .nota-lista .data .volanta a p:before, .bloque_5Notas .nota-carrousel .data .volanta a p:before, .bloque_5Notas .nota-lista .data .volanta a p:before, .bloque_4 .nota-carrousel .data .volanta a p:before, .bloque_4 .nota-lista .data .volanta a p:before, .bloque-3Notas .nota-carrousel .data .volanta a p:before, .bloque-3Notas .nota-lista .data .volanta a p:before, .bloque_5 .nota-carrousel .data .volanta a p:before, .bloque_5 .nota-lista .data .volanta a p:before, .bloque_6 .nota-carrousel .data .volanta a p:before, .bloque_6 .nota-lista .data .volanta a p:before, .bloque_7 .nota-carrousel .data .volanta a p:before, .bloque_7 .nota-lista .data .volanta a p:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_1 .nota-carrousel .data .volanta a p:after, .bloque_1 .nota-lista .data .volanta a p:after, .bloque_2 .nota-carrousel .data .volanta a p:after, .bloque_2 .nota-lista .data .volanta a p:after, .bloque_8Notas .nota-carrousel .data .volanta a p:after, .bloque_8Notas .nota-lista .data .volanta a p:after, .bloque_3 .nota-carrousel .data .volanta a p:after, .bloque_3 .nota-lista .data .volanta a p:after, .bloque_5Notas .nota-carrousel .data .volanta a p:after, .bloque_5Notas .nota-lista .data .volanta a p:after, .bloque_4 .nota-carrousel .data .volanta a p:after, .bloque_4 .nota-lista .data .volanta a p:after, .bloque-3Notas .nota-carrousel .data .volanta a p:after, .bloque-3Notas .nota-lista .data .volanta a p:after, .bloque_5 .nota-carrousel .data .volanta a p:after, .bloque_5 .nota-lista .data .volanta a p:after, .bloque_6 .nota-carrousel .data .volanta a p:after, .bloque_6 .nota-lista .data .volanta a p:after, .bloque_7 .nota-carrousel .data .volanta a p:after, .bloque_7 .nota-lista .data .volanta a p:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_sabana, .relleno {
    max-width: 1150px;
    margin: auto;
    padding: 0 10px;
  }
  .bloque_sabana .item-12, .relleno .item-12 {
    margin: 0;
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bloque_sabana .item-3, .relleno .item-3 {
    margin: 0;
    padding: 0;
    max-width: 21%;
    flex: 0 0 21%;
    margin-bottom: 20px;
  }
  .bloque_sabana .bloque-notas, .relleno .bloque-notas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
  }
  .bloque_1 .nota-principal .autor_nota {
    display: block;
  }
  .bloque_1 .nota-principal.notas-hover {
    min-height: 200px;
  }
  .bloque_1 .nota-principal .data .titulo h2 {
    font-size: 1.25rem;
  }
  .bloque_1 .nota-lista .autor_nota {
    display: block;
  }
  .bloque_1 .nota-compartida .titulo h2 {
    font-size: 1.125rem;
  }
  .bloque_1 .swiper-container2 {
    overflow: hidden;
  }
  .bloque_1 .swiper-container2 .swiper-wrapper {
    margin-bottom: 30px;
  }
  .bloque_1 .swiper-container2 .swiper-button-next, .bloque_1 .swiper-container2 .swiper-button-prev {
    display: block;
    top: auto;
    bottom: 0;
  }
  .bloque_1 .swiper-container2 .swiper-button-prev {
    right: 60px;
    left: auto;
  }
  .bloque_2, .bloque_3, .bloque_5Notas, .bloque_8Notas, .bloque-3Notas {
    max-width: 100%;
    padding: 0;
  }
  .bloque_2 .item-4, .bloque_3 .item-4, .bloque_5Notas .item-4, .bloque_8Notas .item-4, .bloque-3Notas .item-4 {
    max-width: calc(33.33333% - 12px);
    flex: 0 0 calc(33.33333% - 12px);
  }
  .bloque_2 .item-8, .bloque_3 .item-8, .bloque_5Notas .item-8, .bloque_8Notas .item-8, .bloque-3Notas .item-8 {
    flex: 0 0 65%;
  }
  .bloque_2 .desktop, .bloque_3 .desktop, .bloque_5Notas .desktop, .bloque_8Notas .desktop, .bloque-3Notas .desktop {
    display: block;
  }
  .bloque_2 .mobile, .bloque_3 .mobile, .bloque_5Notas .mobile, .bloque_8Notas .mobile, .bloque-3Notas .mobile {
    display: none;
  }
  .bloque_2 .nota--full .nota__body, .bloque_3 .nota--full .nota__body, .bloque_5Notas .nota--full .nota__body, .bloque_8Notas .nota--full .nota__body, .bloque-3Notas .nota--full .nota__body {
    padding: 20px 45px;
  }
  .bloque_2 .nota--full .nota__titulo-item, .bloque_3 .nota--full .nota__titulo-item, .bloque_5Notas .nota--full .nota__titulo-item, .bloque_8Notas .nota--full .nota__titulo-item, .bloque-3Notas .nota--full .nota__titulo-item {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .bloque_2 .nota--gral, .bloque_3 .nota--gral, .bloque_5Notas .nota--gral, .bloque_8Notas .nota--gral, .bloque-3Notas .nota--gral {
    margin: 0;
  }
  .bloque_2 .nota--gral .nota__titulo-item, .bloque_3 .nota--gral .nota__titulo-item, .bloque_5Notas .nota--gral .nota__titulo-item, .bloque_8Notas .nota--gral .nota__titulo-item, .bloque-3Notas .nota--gral .nota__titulo-item {
    font-size: 1.375rem;
    line-height: 1.2;
  }
  .bloque_2 .nota--linea, .bloque_3 .nota--linea, .bloque_5Notas .nota--linea, .bloque_8Notas .nota--linea, .bloque-3Notas .nota--linea {
    border: 0;
  }
  .bloque_2 .nota--linea .nota__body, .bloque_3 .nota--linea .nota__body, .bloque_5Notas .nota--linea .nota__body, .bloque_8Notas .nota--linea .nota__body, .bloque-3Notas .nota--linea .nota__body {
    padding-left: 0;
  }
  .bloque_2 .nota--linea .nota__volanta, .bloque_3 .nota--linea .nota__volanta, .bloque_5Notas .nota--linea .nota__volanta, .bloque_8Notas .nota--linea .nota__volanta, .bloque-3Notas .nota--linea .nota__volanta {
    display: block;
    margin-top: 10px;
  }
  .bloque_2 .nota--linea .nota__titulo, .bloque_3 .nota--linea .nota__titulo, .bloque_5Notas .nota--linea .nota__titulo, .bloque_8Notas .nota--linea .nota__titulo, .bloque-3Notas .nota--linea .nota__titulo {
    margin: 0;
  }
  .bloque_8Notas .nota--linea .nota__media--link img {
    min-height: 195px;
    border-radius: 15px;
  }
}
@media (min-width: 1024px) and (min-width: 1550px) {
  .bloque_8Notas .nota--linea .nota__media--link img {
    min-height: 230px;
  }
}
@media (min-width: 1024px) {
  .bloque_8Notas .nota--full .nota__btnCompartir img {
    width: 38px;
  }
  .bloque_8Notas .nota--full .nota__media--link img {
    min-height: 433px;
  }
  .bloque_8Notas .nota-mobile {
    display: none;
  }
  .bloque_8Notas .nota-desktop {
    display: block;
  }
  .bloque_8Notas .nota--gral .nota__introduccion {
    display: block;
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 10px;
  }
  .bloque_8Notas .nota--gral .nota__volanta {
    padding: 0;
  }
  .bloque_8Notas .nota--linea .nota__volanta {
    margin: 0;
    padding: 0;
  }
  .bloque_8Notas .nota--linea .nota__titulo-item {
    padding: 0;
  }
  .bloque_5Notas .grid {
    justify-content: space-between;
  }
  .bloque_5Notas .item-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .bloque_5Notas .item-6, .bloque_5Notas .item-4 {
    margin: 0;
    padding: 10px;
  }
  .bloque_5Notas .nota-mobile {
    display: none;
  }
  .bloque_5Notas .nota-desktop {
    display: block;
  }
  .bloque_5Notas .nota--gral .nota__body {
    margin-bottom: 18px;
  }
  .bloque_5Notas .nota--gral .nota__volanta {
    padding: 0;
  }
  .bloque_5Notas .nota--gral .nota__media--link img {
    max-height: 315px;
    min-height: 315px;
    object-fit: cover;
  }
  .bloque_5Notas .nota--gral .nota__media .video-wrapper {
    padding-bottom: 56.5%;
    min-height: 315px;
  }
  .bloque_5Notas .nota--linea .nota__volanta {
    margin: 0;
    padding: 0;
  }
  .bloque_5Notas .nota--linea .nota__media--link img {
    max-height: 200px;
    min-height: 200px;
    object-fit: cover;
    border-radius: 15px;
  }
  .bloque_5Notas .nota--gral .nota__titulo-item, .bloque_5Notas .nota--linea .nota__titulo-item {
    padding: 0;
    font-weight: 400;
  }
  .bloque-3Notas {
    padding: 30px 0;
  }
  .bloque-3Notas .item-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    margin: 0;
    padding: 10px;
  }
  .bloque-3Notas .titulo_bloque .ver-mas {
    display: block;
    position: absolute;
    top: 11px;
    right: 60px;
    font-size: 14px;
  }
  .bloque-3Notas .titulo_bloque .ver-mas:hover {
    border-bottom: 1px solid #D6001A;
  }
  .bloque-3Notas .nota--gral {
    border-bottom: 2px solid transparent;
  }
  .bloque-3Notas .nota--gral .nota__titulo-item {
    font-size: 1.125rem;
    line-height: 1.2;
    margin-bottom: 0;
  }
  .bloque-3Notas .nota--gral .nota__media--link img {
    min-height: 204px;
  }
  .bloque-3Notas .nota--gral .nota__volanta {
    padding: 0;
    margin: 0;
  }
  .bloque-3Notas .nota--gral .nota__volanta p {
    padding-bottom: 15px;
  }
  .bloque-3Notas .nota--gral .nota__body {
    margin: 0;
    padding: 0;
  }
  .bloque-3Notas .nota--gral:hover {
    border-bottom: 2px solid #D6001A;
  }
  .bloque-3Notas .nota-mobile {
    display: none;
  }
  .bloque-3Notas .nota-desktop {
    display: block;
  }
  .bloque-prop.bloque-historiasAca .sponsor-mobile__container {
    display: none;
  }
  .bloque-prop.bloque-historiasAca .sponsor-desktop__container {
    display: block;
    background-color: #838383;
    margin: 18.5px 0 24.4px;
    height: 80px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bloque-prop.bloque-historiasAca .sponsor-desktop__container .sponsor {
    padding: 5px;
  }
  .bloque-prop.bloque-historiasAca .sponsor-desktop__container .sponsor .sponsor-items {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
  }
  .bloque-prop.bloque-historiasAca .sponsor-desktop__container .sponsor .sponsor-items .logo-desktop {
    max-width: 180px;
    max-height: 50.3px;
  }
  .bloque-prop.bloque-historiasAca .sponsor-desktop__container .sponsor .sponsor-items p {
    font-size: 17.5pt;
    font-family: "Noto Sans", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
  }
  .bloque-prop.bloque-historiasAca .ver-mas {
    top: 120px;
    font-weight: 600;
    padding-bottom: 0;
  }
  .bloque-prop.bloque-historiasAca .banner-principal-desktop {
    bottom: 230px;
  }
  .bloque-prop.bloque-historiasAca .historiasAca .notas-secundarias {
    bottom: 35px;
  }
  .bloque-propiedades {
    max-width: 1200px;
    margin: 0;
    padding: 0;
    background-image: url("/img/bloque_propiedades_fondos/desktop.png");
    background-position: unset;
    background-size: cover;
    color: white;
  }
  .bloque-propiedades .item-6, .bloque-propiedades .item-4 {
    flex: 0 0 18.7%;
    max-width: 100%;
  }
  .bloque-propiedades .propiedades-grid {
    padding: 0 15px;
  }
  .bloque-propiedades .title-n-subtitle {
    margin-bottom: 30.1px;
    width: 100%;
    margin-left: 10px;
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
  .bloque-propiedades .title-n-subtitle .titulo_bloque {
    font-size: 2.25rem;
    color: rgb(255, 255, 255);
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
    text-align: start;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
  }
  .bloque-propiedades .title-n-subtitle .subtitulo {
    color: rgb(255, 255, 255);
    font-size: 1.3125rem;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Noto Sans", sans-serif;
  }
  .bloque-propiedades .title-n-subtitle .hr__titulo {
    display: none;
  }
  .bloque-propiedades .vermas__link.desktop {
    margin-right: 22px;
    display: block;
  }
  .bloque-propiedades .vermas__link.mobile {
    display: none;
  }
  .bloque-propiedades .vermas__link:hover {
    border-bottom: 1px solid #CE3E41;
  }
  .bloque-propiedades .item-4.desktop {
    display: block;
  }
  .bloque-propiedades .item-4.mobile {
    display: none;
  }
  .bloque-propiedades .sponsor-mobile__container {
    display: none;
  }
  .bloque-propiedades .sponsor-desktop__container {
    display: block;
    background-color: #838383;
    margin: 18.5px 0 24.4px;
    height: 80px;
    display: block;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bloque-propiedades .sponsor-desktop__container .sponsor {
    padding: 5px;
  }
  .bloque-propiedades .sponsor-desktop__container .sponsor .sponsor-items {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
  }
  .bloque-propiedades .sponsor-desktop__container .sponsor .sponsor-items .logo-desktop {
    max-width: 180px;
    max-height: 50.3px;
  }
  .bloque-propiedades .sponsor-desktop__container .sponsor .sponsor-items p {
    font-size: 17.5pt;
    font-family: "Noto Sans", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
  }
  .bloque-propiedades .nota--gral {
    margin: 35px 0;
    height: fit-content;
  }
  .bloque-propiedades .nota--gral .nota__media {
    order: 1;
  }
  .bloque-propiedades .nota--gral .nota__volanta {
    font-size: 1rem;
    color: #D6001A;
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
    padding: 0;
  }
  .bloque-propiedades .nota--gral .nota__titulo-item {
    font-size: 1.125rem;
    line-height: 1.2;
    color: rgb(255, 255, 255);
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
  }
  .bloque-propiedades .nota--gral {
    margin: 0;
    margin-bottom: 20px;
  }
  .bloque-propiedades .nota--gral .nota__media .video-wrapper {
    padding-bottom: 61%;
  }
  .bloque-propiedades .nota--gral .nota__media img {
    max-height: 100%;
  }
  .bloque-suscriptores {
    background: linear-gradient(0, rgba(0, 0, 0, 0.7215686275) 0, rgba(0, 0, 0, 0.2705882353) 17%, rgba(255, 255, 255, 0) 55%);
  }
  .bloque-suscriptores .suscriptores {
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
  }
  .bloque-suscriptores .cabecera {
    display: block;
    margin-bottom: 40px;
  }
  .bloque-suscriptores .cabecera__logo {
    margin: 0 auto;
    display: block;
    width: fit-content;
  }
  .bloque-suscriptores .cabecera__titulo {
    color: black;
    margin: 0 auto;
    position: initial;
    font-size: 35px;
  }
  .bloque-suscriptores .nota--degrade {
    height: fit-content;
    min-height: 336px;
    padding: 10px;
    margin-bottom: 30px;
    border-bottom: 2px solid transparent;
  }
  .bloque-suscriptores .nota--degrade .nota__volanta, .bloque-suscriptores .nota--degrade .nota__btnCompartir {
    display: none;
  }
  .bloque-suscriptores .nota--degrade .nota__media img {
    min-height: auto;
    border-radius: 15px;
  }
  .bloque-suscriptores .nota--degrade .nota__firmantes {
    display: block;
  }
  .bloque-suscriptores .nota--degrade .nota__firmantes .nombre-firmante .firmante {
    color: black;
    text-align: left;
  }
  .bloque-suscriptores .nota--degrade .nota__media--link img {
    height: 192px;
  }
  .bloque-suscriptores .nota--degrade .nota__degrade {
    display: none;
  }
  .bloque-suscriptores .nota--degrade .nota__body {
    position: initial;
    padding: 0;
  }
  .bloque-suscriptores .nota--degrade .nota__titulo {
    width: 100%;
  }
  .bloque-suscriptores .nota--degrade .nota__volanta {
    text-align: left;
    padding: 20px 0 5px;
    display: block;
    color: black;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
  }
  .bloque-suscriptores .nota--degrade .nota__titulo-item {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 63.75px; /* Fallback for non-webkit */
    font-size: 17px;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .bloque-suscriptores .nota--degrade .nota__titulo-item {
      overflow: hidden;
      position: relative;
    }
    .bloque-suscriptores .nota--degrade .nota__titulo-item:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque-suscriptores .nota--degrade .nota__titulo-item:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque-suscriptores .nota--degrade .nota__titulo-item {
    color: black;
  }
  .bloque-suscriptores .nota--degrade .firmantes {
    display: none;
  }
  .bloque-suscriptores .nota--degrade .nota__btnCompartir {
    display: block;
  }
  .bloque-suscriptores .nota--degrade .logo-suscriptores {
    display: none;
  }
  .bloque-suscriptores .nota--degrade:hover {
    border-bottom: 2px solid #D6001A;
  }
  .bloque-suscriptores .nota--linea {
    height: fit-content;
    min-height: 336px;
    padding: 10px;
  }
  .bloque-suscriptores .nota--linea .nota__body {
    padding-left: 0;
  }
  .bloque-suscriptores .nota--linea .nota__volanta {
    display: block;
    color: black;
    font-size: 14px;
    padding: 0;
  }
  .bloque-suscriptores .nota--linea .nota__volanta p {
    padding: 20px 0 5px;
  }
  .bloque-suscriptores .nota--linea .nota__titulo {
    margin-top: 0;
  }
  .bloque-suscriptores .nota--linea .nota__firmantes .nombre-firmante .firmante {
    color: black;
    text-align: left;
  }
  .bloque-suscriptores .nota--linea .nota__titulo-item {
    color: black;
    font-size: 1.0625rem;
    line-height: 1.2;
    font-weight: 500;
    padding: 0;
  }
  .bloque-suscriptores .nota--linea .nota__media--link img {
    height: 192px;
  }
  .bloque-suscriptores .nota--linea .nota__btnCompartir {
    display: block;
  }
  .bloque-suscriptores .ver-mas {
    position: absolute;
    top: 35px;
    right: 65px;
    color: #313133;
  }
  .bloque-suscriptores .ver-mas:hover {
    border-bottom: 1px solid #D6001A;
  }
  .bloque-suscriptores .item-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bloque-suscriptores .item-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .bloque-historiasAca, .bloque-horoscopoHome {
    margin-bottom: 60px;
    width: 100%;
  }
  .bloque-historiasAca .titulo-bloque-mobile, .bloque-horoscopoHome .titulo-bloque-mobile {
    display: none;
  }
  .bloque-historiasAca .banner-principal-desktop, .bloque-horoscopoHome .banner-principal-desktop {
    display: block;
    position: absolute;
    bottom: 185px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 4;
    width: 95%;
    text-align: center;
  }
  .bloque-historiasAca .banner-principal-desktop .titulo_bloque, .bloque-horoscopoHome .banner-principal-desktop .titulo_bloque {
    margin: 0 auto;
    z-index: 1;
  }
  .bloque-historiasAca .banner-principal-desktop .titulo_bloque h3, .bloque-horoscopoHome .banner-principal-desktop .titulo_bloque h3 {
    font-size: 2.25rem;
    color: white;
    text-shadow: 0 0 4px black;
  }
  .bloque-historiasAca .banner-principal-desktop .titulo-nota, .bloque-horoscopoHome .banner-principal-desktop .titulo-nota {
    font-size: 1.625rem;
    line-height: 1.5;
    font-weight: 500;
    color: #313133;
  }
  .bloque-historiasAca .historiasAca, .bloque-historiasAca .horoscopo-home, .bloque-horoscopoHome .historiasAca, .bloque-horoscopoHome .horoscopo-home {
    position: relative;
  }
  .bloque-historiasAca .historiasAca .bannerDesktop, .bloque-historiasAca .horoscopo-home .bannerDesktop, .bloque-horoscopoHome .historiasAca .bannerDesktop, .bloque-horoscopoHome .horoscopo-home .bannerDesktop {
    display: block;
    position: absolute;
    top: 0;
    left: 85px;
    width: 36%;
    margin: 0 auto;
  }
  .bloque-historiasAca .historiasAca .bannerDesktop img, .bloque-historiasAca .horoscopo-home .bannerDesktop img, .bloque-horoscopoHome .historiasAca .bannerDesktop img, .bloque-horoscopoHome .horoscopo-home .bannerDesktop img {
    width: 100%;
    max-width: 355px;
  }
  .bloque-historiasAca .historiasAca .nota-principal_mobile, .bloque-historiasAca .horoscopo-home .nota-principal_mobile, .bloque-horoscopoHome .historiasAca .nota-principal_mobile, .bloque-horoscopoHome .horoscopo-home .nota-principal_mobile {
    display: none;
  }
  .bloque-historiasAca .historiasAca .nota-principal_desktop, .bloque-historiasAca .horoscopo-home .nota-principal_desktop, .bloque-horoscopoHome .historiasAca .nota-principal_desktop, .bloque-horoscopoHome .horoscopo-home .nota-principal_desktop {
    display: block;
  }
  .bloque-historiasAca .historiasAca .bannerMobile, .bloque-historiasAca .horoscopo-home .bannerMobile, .bloque-horoscopoHome .historiasAca .bannerMobile, .bloque-horoscopoHome .horoscopo-home .bannerMobile {
    display: none;
  }
  .bloque-historiasAca .historiasAca .nota--especial, .bloque-historiasAca .horoscopo-home .nota--especial, .bloque-horoscopoHome .historiasAca .nota--especial, .bloque-horoscopoHome .horoscopo-home .nota--especial {
    min-height: auto;
  }
  .bloque-historiasAca .historiasAca .nota--especial .nota__degrade, .bloque-historiasAca .horoscopo-home .nota--especial .nota__degrade, .bloque-horoscopoHome .historiasAca .nota--especial .nota__degrade, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__degrade {
    background: linear-gradient(0, white 5%, rgba(255, 255, 255, 0.9411764706) 15%, rgba(255, 255, 255, 0) 55%);
  }
  .bloque-historiasAca .historiasAca .nota--especial .nota__media, .bloque-historiasAca .horoscopo-home .nota--especial .nota__media, .bloque-horoscopoHome .historiasAca .nota--especial .nota__media, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__media {
    max-height: 570px;
  }
  .bloque-historiasAca .historiasAca .nota--especial .nota__media .video-wrapper iframe, .bloque-historiasAca .horoscopo-home .nota--especial .nota__media .video-wrapper iframe, .bloque-horoscopoHome .historiasAca .nota--especial .nota__media .video-wrapper iframe, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__media .video-wrapper iframe {
    min-height: 570px;
  }
  .bloque-historiasAca .historiasAca .nota--especial .nota__media--link img, .bloque-historiasAca .horoscopo-home .nota--especial .nota__media--link img, .bloque-horoscopoHome .historiasAca .nota--especial .nota__media--link img, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__media--link img {
    min-height: 570px;
  }
  .bloque-historiasAca .historiasAca .nota--especial .nota__body, .bloque-historiasAca .horoscopo-home .nota--especial .nota__body, .bloque-horoscopoHome .historiasAca .nota--especial .nota__body, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__body {
    position: absolute;
    bottom: 105px;
    left: 0;
    right: 0;
    text-align: center;
    height: auto;
    width: 100%;
    margin: 0 auto;
  }
  .bloque-historiasAca .historiasAca .nota--especial .nota__firmantes, .bloque-historiasAca .horoscopo-home .nota--especial .nota__firmantes, .bloque-horoscopoHome .historiasAca .nota--especial .nota__firmantes, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__firmantes {
    display: none;
  }
  .bloque-historiasAca .historiasAca .nota--especial .nota__volanta, .bloque-historiasAca .horoscopo-home .nota--especial .nota__volanta, .bloque-horoscopoHome .historiasAca .nota--especial .nota__volanta, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__volanta {
    display: none;
  }
  .bloque-historiasAca .historiasAca .nota--especial .nota__titulo, .bloque-historiasAca .horoscopo-home .nota--especial .nota__titulo, .bloque-horoscopoHome .historiasAca .nota--especial .nota__titulo, .bloque-horoscopoHome .horoscopo-home .nota--especial .nota__titulo {
    display: none;
  }
  .bloque-historiasAca .historiasAca .notas-secundarias, .bloque-historiasAca .horoscopo-home .notas-secundarias, .bloque-horoscopoHome .historiasAca .notas-secundarias, .bloque-horoscopoHome .horoscopo-home .notas-secundarias {
    padding: 0;
    width: 95%;
    margin: 0 auto;
    justify-content: space-evenly;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .bloque-historiasAca .historiasAca .nota--linea, .bloque-historiasAca .horoscopo-home .nota--linea, .bloque-horoscopoHome .historiasAca .nota--linea, .bloque-horoscopoHome .horoscopo-home .nota--linea {
    flex-direction: row;
    padding-bottom: 7px;
  }
  .bloque-historiasAca .historiasAca .nota--linea .nota__media, .bloque-historiasAca .horoscopo-home .nota--linea .nota__media, .bloque-horoscopoHome .historiasAca .nota--linea .nota__media, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__media {
    height: fit-content;
    flex-basis: 70%;
    max-width: 70%;
  }
  .bloque-historiasAca .historiasAca .nota--linea .nota__volanta, .bloque-historiasAca .horoscopo-home .nota--linea .nota__volanta, .bloque-horoscopoHome .historiasAca .nota--linea .nota__volanta, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__volanta {
    display: none;
  }
  .bloque-historiasAca .historiasAca .nota--linea .nota__titulo, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo {
    margin: 0;
  }
  .bloque-historiasAca .historiasAca .nota--linea .nota__btnCompartir, .bloque-historiasAca .horoscopo-home .nota--linea .nota__btnCompartir, .bloque-horoscopoHome .historiasAca .nota--linea .nota__btnCompartir, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__btnCompartir {
    display: none;
  }
  .bloque-historiasAca .historiasAca .nota--linea .nota__firmantes, .bloque-historiasAca .horoscopo-home .nota--linea .nota__firmantes, .bloque-horoscopoHome .historiasAca .nota--linea .nota__firmantes, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__firmantes {
    display: none;
  }
  .bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo-item, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo-item, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo-item {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 102px; /* Fallback for non-webkit */
    font-size: 17px;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo-item, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo-item, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo-item {
      overflow: hidden;
      position: relative;
    }
    .bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item:before, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo-item:before, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo-item:before, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo-item:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item:after, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo-item:after, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo-item:after, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo-item:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque-historiasAca .historiasAca .nota--linea .nota__titulo-item, .bloque-historiasAca .horoscopo-home .nota--linea .nota__titulo-item, .bloque-horoscopoHome .historiasAca .nota--linea .nota__titulo-item, .bloque-horoscopoHome .horoscopo-home .nota--linea .nota__titulo-item {
    color: #313133;
    padding: 0 0 0 15px;
  }
  .bloque-historiasAca .ver-mas, .bloque-horoscopoHome .ver-mas {
    position: absolute;
    top: 58px;
    right: 65px;
    color: white;
  }
  .bloque-historiasAca .ver-mas:hover, .bloque-horoscopoHome .ver-mas:hover {
    border-bottom: 1px solid #D6001A;
  }
  .bloque-historiasAca .item-12, .bloque-horoscopoHome .item-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bloque-historiasAca .item-4, .bloque-horoscopoHome .item-4 {
    flex: 0 0 32%;
    max-width: 32%;
  }
  .bloque-horoscopoHome .horoscopo-home .notas-secundarias {
    z-index: 8;
  }
  .bloque-verParaSaber .cabecera {
    min-height: 204px;
    background-image: url("/img/verParaSaber/bannerDesktop.jpg");
  }
  .bloque-verParaSaber .cabecera__logo {
    padding-top: 15px;
  }
  .bloque-verParaSaber .cabecera__logo svg {
    width: 144px;
    height: 74px;
  }
  .bloque-verParaSaber .cabecera__ver-mas {
    display: block;
    position: absolute;
    top: 73px;
    right: 80px;
  }
  .bloque-verParaSaber .cabecera__ver-mas p {
    color: white;
    font-weight: bold;
    font-size: 1.25rem;
  }
  .bloque-verParaSaber .cabecera__banner {
    max-width: 100%;
  }
  .bloque-verParaSaber .cabecera__banner .genero {
    top: 54px;
    left: 26px;
  }
  .bloque-verParaSaber .cabecera__banner .genero svg {
    width: 68px;
    height: 70px;
  }
  .bloque-verParaSaber .cabecera__banner .bitcoin {
    top: 44px;
    right: 240px;
  }
  .bloque-verParaSaber .cabecera__banner .bitcoin svg {
    width: 44px;
    height: 44px;
  }
  .bloque-verParaSaber .cabecera__banner .transmicion {
    left: inherit;
    top: 40px;
    right: 128px;
  }
  .bloque-verParaSaber .cabecera__banner .musica {
    top: 34px;
    left: 170px;
  }
  .bloque-verParaSaber .cabecera__banner .ecologia {
    top: 130px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .bloque-verParaSaber .cabecera__banner .ecologia svg {
    width: 54px;
    height: 54px;
  }
  .bloque-verParaSaber .bloque-principal {
    padding: 0 15px;
  }
  .bloque-verParaSaber .bloque-principal__notas {
    margin-top: -93px;
    justify-content: space-between;
  }
  .bloque-verParaSaber .bloque-principal__logos {
    display: block;
    position: absolute;
    left: 0;
    top: 93px;
    width: 100%;
    height: calc(100% - 93px);
  }
  .bloque-verParaSaber .bloque-principal__logos .logos {
    position: absolute;
    width: 10%;
  }
  .bloque-verParaSaber .bloque-principal__logos {
    z-index: -1;
  }
  .bloque-verParaSaber .bloque-principal__logos .genero {
    bottom: 119px;
    right: -19px;
  }
  .bloque-verParaSaber .bloque-principal__logos .bitcoin {
    bottom: 88px;
    left: -37px;
  }
  .bloque-verParaSaber .bloque-principal__logos .transmicion {
    bottom: 82px;
    right: 67px;
    left: 0;
    margin: 0 auto;
  }
  .bloque-verParaSaber .bloque-principal__logos .musica {
    top: 20px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .bloque-verParaSaber .bloque-principal__logos .ecologia {
    left: -40px;
    top: 20px;
  }
  .bloque-verParaSaber .bloque-principal .nota--gral .nota__media img {
    max-height: 334px;
  }
  .bloque-verParaSaber .bloque-principal .nota--gral .nota__volanta {
    padding: 0 0 5px;
  }
  .bloque-verParaSaber .bloque-principal .nota--gral .nota__volanta p {
    padding: 0;
    font-size: 1rem;
  }
  .bloque-verParaSaber .bloque-principal .item-6 {
    max-width: 47%;
    flex: 0 0 47%;
    padding: 0;
    margin: 0;
  }
  .bloque-verParaSaber .bloque__ver-mas {
    display: none;
  }
  .bloque-vpssabana .cabecera {
    min-height: 204px;
    background-image: url("/img/verParaSaber/banner_desktop.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: unset;
  }
  .bloque-vpssabana .bloque-principal {
    margin-top: -120px;
  }
  .bloque-vpssabana .bloque-principal__notas {
    justify-content: space-between;
  }
  .bloque-vpssabana .bloque-principal .nota--gral .nota__media img {
    max-height: 334px;
  }
  .bloque-vpssabana .bloque-principal .nota--gral .nota__volanta {
    padding: 0;
  }
  .bloque-vpssabana .bloque-principal .nota--gral .nota__volanta p {
    font-size: 16px;
    padding: 0;
  }
  .bloque-vpssabana .bloque-principal .item-6 {
    max-width: 47%;
    flex: 0 0 47%;
    padding: 0;
    margin: 0;
  }
  .bloque_vps_3Notas {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .bloque_vps_3Notas .nota--linea .nota__body {
    padding: 10px 0 0;
  }
  .bloque_vps_3Notas .nota--linea .nota__volanta {
    padding: 0;
  }
  .bloque_vps_3Notas .nota--linea .nota__volanta p {
    padding: 0;
  }
  .bloque_vps_3Notas .nota--linea:hover {
    border-bottom: 0;
  }
  .bloque-mundial {
    background-image: url("/img/qatar2022/fondoDesktop.svg");
    background-position: center;
    background-attachment: fixed;
  }
  .bloque-mundial .mundial-header__titulo {
    padding: 20px 0 0 50px;
    max-width: 100%;
  }
  .bloque-mundial .mundial-header__titulo-logo .mundial-titulo {
    font-size: 32px;
  }
  .bloque-mundial .mundial-header__verMas {
    display: flex;
    position: absolute;
    right: 30px;
    bottom: 5px;
  }
  .bloque-mundial .mundial-header__verMas-item {
    font-size: 0.875rem;
    font-weight: bold;
    color: #707171;
  }
  .bloque-mundial .mundial-main .item-4 {
    max-width: 45%;
    flex: 0 0 45%;
    margin: 0;
  }
  .bloque-mundial .mundial-main .item-8 {
    max-width: 55%;
    flex: 0 0 55%;
    margin: 0;
  }
  .bloque-mundial .mundial-header__cruzBlanca {
    display: none;
  }
  .bloque-mundial .mundial-header__titulo-subtitle-item {
    font-size: 1.5rem;
  }
  .bloque-mundial .mundial-header__auspiciante-item.mobile {
    display: none;
  }
  .bloque-mundial .mundial-header__auspiciante-item.desktop {
    display: flex;
  }
  .bloque-mundial .mundial-header__auspiciante-item {
    padding: 10px 0;
  }
  .bloque-mundial .mundial-header__auspiciante-text {
    padding-right: 15px;
    font-size: 0.9375rem;
  }
  .bloque-mundial .mundial-iframe {
    max-width: 440px;
    margin: auto;
    margin-bottom: 0;
    max-height: 564px !important;
    height: 100%;
    overflow: hidden !important;
  }
  .bloque-mundial .mundial-iframe__box {
    height: 100%;
    max-height: 100%;
  }
  .bloque-mundial .mundial-iframe__box iframe {
    height: auto;
  }
  .bloque-mundial .mundial-notasFijas .nota {
    flex-basis: 47%;
    padding: 0;
    margin-bottom: 20px;
  }
  .bloque-mundial .mundial-notasFijas.sinIframe {
    max-width: 1030px;
    margin: 0 auto;
  }
  .bloque-mundial .mundial-notasFijas.sinIframe .nota {
    flex-basis: 31%;
    padding: 0;
    margin-bottom: 20px;
  }
  .bloque-mundial .mundial-notasFijas .grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .bloque-mundial .mundial-notasFijas .nota--gral {
    flex-direction: column-reverse;
  }
  .bloque-mundial .mundial-notasFijas .nota--gral .nota__media {
    flex-basis: 100%;
    max-width: 100%;
  }
  .bloque-mundial .mundial-notasFijas .nota--gral .nota__media--link img {
    min-height: inherit;
    border-radius: 10px;
    width: 100%;
  }
  .bloque-mundial .mundial-notasFijas .nota--gral .nota__body {
    flex-basis: 100%;
    max-width: 100%;
    padding: 10px 0 0;
  }
  .bloque-mundial .mundial-notasFijas .nota--gral .nota__volanta {
    display: flex;
    padding: 0;
    margin: 0;
  }
  .bloque-mundial .mundial-notasFijas .nota--gral .nota__volanta p {
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
  }
  .bloque-mundial .mundial-notasFijas .nota--gral .nota__titulo-item {
    padding: 10px 0 0;
    font-size: 1.1875rem;
    color: #707171;
  }
  .bloque-mundial .mundial-notasFijas .nota--linea .nota__media {
    flex-basis: 100%;
    max-width: 100%;
  }
  .bloque-mundial .mundial-notasFijas .nota--linea .nota__media--link img {
    min-height: inherit;
    border-radius: 10px;
    width: 100%;
  }
  .bloque-mundial .mundial-notasFijas .nota--linea .nota__body {
    flex-basis: 100%;
    max-width: 100%;
    padding: 10px 0 0;
  }
  .bloque-mundial .mundial-notasFijas .nota--linea .nota__volanta {
    display: flex;
    padding: 0;
    margin: 0;
  }
  .bloque-mundial .mundial-notasFijas .nota--linea .nota__volanta p {
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
  }
  .bloque-mundial .mundial-notasFijas .nota--linea .nota__titulo-item {
    padding: 10px 0 0;
    font-size: 1.1875rem;
    color: #707171;
    font-weight: bold;
  }
  .bloque-mundial .mundial-verMas {
    display: none;
  }
  .bloque-mundial .mundial-logosDesktop {
    display: block;
  }
  .bloque-mundial .mundial-logosDesktop__cruzBlanca, .bloque-mundial .mundial-logosDesktop__cruzGris, .bloque-mundial .mundial-logosDesktop__flechas {
    position: absolute;
  }
  .bloque-mundial .mundial-logosDesktop__cruzBlanca.uno {
    top: 21%;
    left: 0px;
  }
  .bloque-mundial .mundial-logosDesktop__cruzBlanca.dos {
    bottom: 40px;
    left: 4px;
  }
  .bloque-mundial .mundial-logosDesktop__cruzBlanca.tres {
    bottom: 40%;
    right: 40px;
  }
  .bloque-mundial .mundial-logosDesktop__cruzGris {
    bottom: -5px;
    right: 51%;
  }
  .bloque-mundial .mundial-logosDesktop__flechas.izq {
    bottom: 38%;
    left: -2px;
  }
}
@media (min-width: 1024px) and (min-width: 1160px) {
  .bloque-mundial .mundial-logosDesktop__flechas.izq {
    left: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1360px) {
  .bloque-mundial .mundial-logosDesktop__flechas.izq {
    left: -2px;
  }
}
@media (min-width: 1024px) and (min-width: 1550px) {
  .bloque-mundial .mundial-logosDesktop__flechas.izq {
    left: 18px;
  }
}
@media (min-width: 1024px) {
  .bloque-mundial .mundial-logosDesktop__flechas.der {
    bottom: 18%;
    right: -4px;
  }
}
@media (min-width: 1024px) and (min-width: 1160px) {
  .bloque-mundial .mundial-logosDesktop__flechas.der {
    right: 4px;
  }
}
@media (min-width: 1024px) and (min-width: 1360px) {
  .bloque-mundial .mundial-logosDesktop__flechas.der {
    right: -4px;
  }
}
@media (min-width: 1024px) and (min-width: 1550px) {
  .bloque-mundial .mundial-logosDesktop__flechas.der {
    right: 15px;
  }
}
@media (min-width: 1024px) {
  .bloque-mundial.mundial.onlyIframe {
    max-width: 1150px;
    background: none;
  }
  .bloque-mundial.mundial.onlyIframe .mundial-main {
    padding: 20px 0;
  }
  .bloque-mundial.mundial.onlyIframe .mundial-iframe {
    max-width: 100%;
    margin: auto;
    margin-bottom: 0;
    max-height: inherit !important;
  }
}
@media (min-width: 1024px) and (min-width: 1360px) {
  .bloque-mundial.mundial.onlyIframe {
    max-width: 986px;
  }
}
@media (min-width: 1024px) and (min-width: 1550px) {
  .bloque-mundial.mundial.onlyIframe {
    max-width: 1200px;
  }
}
@media (min-width: 1024px) {
  .bloque-vps {
    background-position: center;
    background-attachment: fixed;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.76) 33%, rgb(227, 227, 229) 60%);
  }
  .bloque-vps .vps-header__titulo {
    padding: 20px 0 0 50px;
    max-width: 100%;
  }
  .bloque-vps .vps-header__titulo-item {
    display: flex;
    justify-content: center;
  }
  .bloque-vps .vps-header__titulo-logo .vps-titulo {
    font-size: 28px;
    padding: 5px 5px 0;
  }
  .bloque-vps .vps-header__auspiciante {
    margin-top: 25px;
  }
  .bloque-vps .vps-header__auspiciante-logo {
    max-width: 110px;
  }
  .bloque-vps .vps-header__verMas {
    display: flex;
    position: absolute;
    right: 30px;
    bottom: 5px;
  }
  .bloque-vps .vps-header__verMas-item {
    font-size: 0.875rem;
    color: #514A9C;
    font-family: "Bebas Neue";
    font-weight: 400;
  }
  .bloque-vps .vps-main {
    padding: 20px 0;
  }
  .bloque-vps .vps-main .item-4 {
    max-width: 33%;
    flex: 0 0 33%;
    margin: 0;
  }
  .bloque-vps .vps-main .item-8 {
    max-width: 55%;
    flex: 0 0 55%;
    margin: 0;
  }
  .bloque-vps .vps-header__titulo-subtitle-item {
    font-size: 1.5rem;
  }
  .bloque-vps .vps-header__auspiciante-item.mobile {
    display: none;
  }
  .bloque-vps .vps-header__auspiciante-item.desktop {
    display: flex;
  }
  .bloque-vps .vps-header__auspiciante-item {
    background-color: #2A2B38;
    padding: 10px 0;
  }
  .bloque-vps .vps-header__auspiciante-text {
    padding-right: 15px;
    font-size: 0.9375rem;
  }
  .bloque-vps .vps-notasFijas .nota {
    flex-basis: 47%;
    padding: 0;
    margin-bottom: 20px;
  }
  .bloque-vps .vps-notasFijas.sinIframe {
    margin: 0 auto;
  }
  .bloque-vps .vps-notasFijas.sinIframe .nota {
    flex-basis: 31%;
    padding: 0;
    margin-bottom: 20px;
  }
  .bloque-vps .vps-notasFijas .grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .bloque-vps .vps-notasFijas .nota--gral {
    flex-direction: column-reverse;
  }
  .bloque-vps .vps-notasFijas .nota--gral .nota__media {
    flex-basis: 100%;
    max-width: 100%;
  }
  .bloque-vps .vps-notasFijas .nota--gral .nota__media--link img {
    min-height: inherit;
    border-radius: 10px;
    width: 100%;
    max-height: 337px;
  }
  .bloque-vps .vps-notasFijas .nota--gral .nota__body {
    flex-basis: 100%;
    max-width: 100%;
    padding: 10px 0 0;
  }
  .bloque-vps .vps-notasFijas .nota--gral .nota__volanta {
    display: flex;
    padding: 0 0 5px 0;
    margin: 0;
  }
  .bloque-vps .vps-notasFijas .nota--gral .nota__volanta p {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: normal;
  }
  .bloque-vps .vps-notasFijas .nota--gral .nota__fecha {
    font-size: 0.6875rem;
    padding-bottom: 5px;
    display: block;
  }
  .bloque-vps .vps-notasFijas .nota--gral .nota__titulo-item {
    font-size: 1.125rem;
  }
  .bloque-vps .vps-notasFijas .nota--linea {
    flex-direction: row;
    padding-bottom: 7px;
  }
  .bloque-vps .vps-notasFijas .nota--linea .nota__volanta {
    display: block;
    padding: 0 0 5px 0;
    color: white;
  }
  .bloque-vps .vps-notasFijas .nota--linea .nota__volanta p {
    padding: 0;
    font-size: 14px;
    line-height: 1;
  }
  .bloque-vps .vps-notasFijas .nota--linea .nota__media {
    height: fit-content;
    flex-basis: 70%;
    max-width: 70%;
  }
  .bloque-vps .vps-notasFijas .nota--linea .nota__media--link img {
    max-height: 100px;
  }
  .bloque-vps .vps-notasFijas .nota--linea .nota__titulo {
    margin: 0;
  }
  .bloque-vps .vps-notasFijas .nota--linea .nota__btnCompartir {
    display: none;
  }
  .bloque-vps .vps-notasFijas .nota--linea .nota__firmantes {
    display: none;
  }
  .bloque-vps .vps-notasFijas .nota--linea .nota__fecha {
    font-size: 0.6875rem;
    display: block;
  }
  .bloque-vps .vps-notasFijas .nota--linea .nota__titulo-item {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 50.4px; /* Fallback for non-webkit */
    font-size: 14px;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .bloque-vps .vps-notasFijas .nota--linea .nota__titulo-item {
      overflow: hidden;
      position: relative;
    }
    .bloque-vps .vps-notasFijas .nota--linea .nota__titulo-item:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque-vps .vps-notasFijas .nota--linea .nota__titulo-item:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque-vps .vps-notasFijas .nota--linea .nota__titulo-item {
    color: #FFFFFF;
    padding: 0;
    margin: 10px 0;
  }
  .bloque-vps .vps-verMas {
    display: none;
  }
  .bloque-vps .vps-logosMobile {
    display: none;
  }
  .bloque-vps .vps-logosDesktop {
    display: block;
  }
  .bloque-vps .vps-logosDesktop__fondo {
    position: absolute;
    top: 20%;
    left: 0px;
    right: 0px;
  }
  .bloque_opinion .titulo_bloque {
    margin: 0 auto;
  }
  .bloque_opinion .titulo_bloque h3 {
    font-size: 2.125rem;
  }
  .bloque_opinion .grid {
    max-width: 1150px;
    margin: auto;
    overflow: hidden;
  }
  .bloque_opinion .swiper-container2 .swiper-wrapper {
    margin-bottom: 30px;
  }
  .bloque_opinion .swiper-container2 .swiper-button-next, .bloque_opinion .swiper-container2 .swiper-button-prev {
    display: block;
    top: auto;
    bottom: 0;
  }
  .bloque_opinion .swiper-container2 .swiper-button-prev {
    right: 60px;
    left: auto;
  }
  .destacada_home .nota {
    position: relative;
  }
  .destacada_home .nota .data {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .mas_leidas {
    padding: 0 10px;
  }
  .mas_leidas .item-6 {
    max-width: 50%;
    flex: 0 0 50%;
    position: relative;
  }
  .mas_leidas .bloque_titulo-desktop {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
  }
  .mas_leidas .bloque_titulo-desktop .titulo {
    margin-bottom: 15px;
    color: #D6001A;
    padding-right: 35px;
    font-size: 3.375rem;
  }
  .mas_leidas .bloque_titulo-desktop .titulo p {
    line-height: 1;
  }
  .mas_leidas .bloque_titulo-desktop .titulo__item {
    font-size: 4rem;
    font-weight: bold;
  }
  .mas_leidas .bloque_titulo-desktop .logo-titulo2 {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .mas_leidas .bloque_titulo-mobile, .mas_leidas .bloque-notas-mobile {
    display: none;
  }
  .mas_leidas .bloque-notas-desktop {
    display: block;
    margin: 20px auto 0;
    width: 100%;
    max-width: 387px;
  }
  .mas_leidas .bloque-notas-desktop .nota--linea {
    flex-direction: row;
    align-items: center;
  }
  .mas_leidas .bloque-notas-desktop .nota--linea .nota__titulo-item {
    font-size: 1.0625rem;
    line-height: 1.2;
  }
  .mas_leidas .bloque-notas-desktop .nota--linea .nota__body {
    padding-left: 15px;
  }
  .mas_leidas .bloque-notas-desktop .nota--linea .nota__titulo {
    margin: 0;
  }
  .moduloPandemia, .moduloTematico {
    max-width: 100%;
    min-height: 439px;
  }
  .bloque-pandemia, .bloque-tematico {
    max-width: 1018px;
    margin: 35px auto;
    padding: 0 10px;
  }
  .bloque-pandemia .titulo, .bloque-tematico .titulo {
    position: relative;
    font-size: 19px;
    text-align: left;
    margin: 0;
    margin-bottom: 30px;
    padding-left: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .bloque-pandemia .titulo-item, .bloque-tematico .titulo-item {
    font-size: 2.3125rem;
  }
  .bloque-pandemia .titulo .ver-mas, .bloque-tematico .titulo .ver-mas {
    display: block;
    right: 65px;
    position: absolute;
    height: fit-content;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 17px;
    border-bottom: 1px solid transparent;
  }
  .bloque-pandemia .titulo .ver-mas:hover, .bloque-tematico .titulo .ver-mas:hover {
    border-bottom: 1px solid #D6001A;
  }
  .bloque-pandemia .item-4, .bloque-tematico .item-4 {
    flex: 0 0 29%;
    max-width: 29%;
  }
  .bloque-pandemia .pandemia-mobile, .bloque-tematico .pandemia-mobile {
    display: none;
  }
  .bloque-pandemia .pandemia-desktop, .bloque-tematico .pandemia-desktop {
    display: flex;
  }
  .bloque-pandemia .pandemia-desktop .grid, .bloque-tematico .pandemia-desktop .grid {
    justify-content: space-between;
  }
  .bloque-pandemia .pandemia-desktop .item-3, .bloque-tematico .pandemia-desktop .item-3 {
    background-color: #4B4D4C;
    justify-content: center;
    flex: 0 0 25%;
    border-radius: 15px;
    height: fit-content;
    padding: 15px 5px;
  }
  .bloque-pandemia .pandemia-desktop .item-3.transparent, .bloque-tematico .pandemia-desktop .item-3.transparent {
    background-color: transparent;
  }
  .bloque-pandemia .pandemia-desktop .ciudad, .bloque-pandemia .pandemia-desktop .pais, .bloque-pandemia .pandemia-desktop .agrupador1, .bloque-pandemia .pandemia-desktop .agrupador2, .bloque-tematico .pandemia-desktop .ciudad, .bloque-tematico .pandemia-desktop .pais, .bloque-tematico .pandemia-desktop .agrupador1, .bloque-tematico .pandemia-desktop .agrupador2 {
    color: #E0E1E3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 89%;
    margin: 0 auto;
  }
  .bloque-pandemia .pandemia-desktop .ciudad .linea, .bloque-pandemia .pandemia-desktop .pais .linea, .bloque-pandemia .pandemia-desktop .agrupador1 .linea, .bloque-pandemia .pandemia-desktop .agrupador2 .linea, .bloque-tematico .pandemia-desktop .ciudad .linea, .bloque-tematico .pandemia-desktop .pais .linea, .bloque-tematico .pandemia-desktop .agrupador1 .linea, .bloque-tematico .pandemia-desktop .agrupador2 .linea {
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    border-radius: 5px;
    margin: 7px 0;
    background-color: #6D6F72;
    padding: 2px 10px;
  }
  .bloque-pandemia .pandemia-desktop .nota--gral, .bloque-tematico .pandemia-desktop .nota--gral {
    border-bottom: 2px solid transparent;
  }
  .bloque-pandemia .pandemia-desktop .nota--gral .nota__media, .bloque-tematico .pandemia-desktop .nota--gral .nota__media {
    order: 1;
  }
  .bloque-pandemia .pandemia-desktop .nota--gral .nota__media--link img, .bloque-tematico .pandemia-desktop .nota--gral .nota__media--link img {
    height: 131px;
  }
  .bloque-pandemia .pandemia-desktop .nota--gral .nota__volanta, .bloque-pandemia .pandemia-desktop .nota--gral .nota__titulo-item, .bloque-tematico .pandemia-desktop .nota--gral .nota__volanta, .bloque-tematico .pandemia-desktop .nota--gral .nota__titulo-item {
    color: white;
  }
  .bloque-pandemia .pandemia-desktop .nota--gral .nota__body, .bloque-tematico .pandemia-desktop .nota--gral .nota__body {
    padding: 0;
    margin: 0;
  }
  .bloque-pandemia .pandemia-desktop .nota--gral .nota__volanta, .bloque-tematico .pandemia-desktop .nota--gral .nota__volanta {
    padding: 0;
  }
  .bloque-pandemia .pandemia-desktop .nota--gral .nota__volanta p, .bloque-tematico .pandemia-desktop .nota--gral .nota__volanta p {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 18px; /* Fallback for non-webkit */
    font-size: 15px;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .bloque-pandemia .pandemia-desktop .nota--gral .nota__volanta p, .bloque-tematico .pandemia-desktop .nota--gral .nota__volanta p {
      overflow: hidden;
      position: relative;
    }
    .bloque-pandemia .pandemia-desktop .nota--gral .nota__volanta p:before, .bloque-tematico .pandemia-desktop .nota--gral .nota__volanta p:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque-pandemia .pandemia-desktop .nota--gral .nota__volanta p:after, .bloque-tematico .pandemia-desktop .nota--gral .nota__volanta p:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque-pandemia .pandemia-desktop .nota--gral .nota__volanta p, .bloque-tematico .pandemia-desktop .nota--gral .nota__volanta p {
    padding: 10px 0 0;
    max-height: 30px;
  }
  .bloque-pandemia .pandemia-desktop .nota--gral .nota__titulo-item, .bloque-tematico .pandemia-desktop .nota--gral .nota__titulo-item {
    font-size: 1.0625rem;
    line-height: 1.2;
    font-weight: 500;
    padding-top: 10px;
    max-height: 100%;
    overflow: visible;
  }
  .bloque-pandemia .pandemia-desktop .nota--gral:hover, .bloque-tematico .pandemia-desktop .nota--gral:hover {
    border-bottom: 2px solid #D6001A;
  }
  .bloque-pandemia .tematico-desktop .nota--gral, .bloque-tematico .tematico-desktop .nota--gral {
    padding-bottom: 10px;
  }
  .bloque-pandemia .img-fondo-mobile, .bloque-tematico .img-fondo-mobile {
    display: none;
  }
  .bloque-pandemia .img-fondo-desktop, .bloque-tematico .img-fondo-desktop {
    display: block;
  }
  .bloque-tematico .titulo {
    font-size: 23px;
  }
  .bloque-tematico .titulo-item {
    font-size: 37px;
  }
  .bloque-tematico .tematico-desktop .item-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bloque-tematico .tematico-desktop .item-4 {
    padding: 0 15px;
    flex: 0 0 33%;
    max-width: 33%;
  }
  .bloque-tematico .tematico-desktop .item-9 {
    margin: 0;
    padding: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .bloque-tematico .tematico-desktop .agrupador1__title, .bloque-tematico .tematico-desktop .agrupador2__title {
    font-size: 1.25rem;
  }
  .bloque-tematico .tematico-desktop .agrupador1 .linea, .bloque-tematico .tematico-desktop .agrupador2 .linea {
    font-size: 0.9375rem;
  }
  .bloque-tematico .tematico-desktop .nota--gral .nota__volanta {
    color: #D6001A;
  }
  .bloque-tematico .tematico-desktop .nota--gral .nota__titulo-item {
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 500;
    padding-top: 10px;
    max-height: 100%;
    overflow: visible;
  }
  .moduloClima {
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 345px;
    padding-top: 20px;
  }
  .moduloClima .sponsor-desktop__container {
    align-items: center;
    background-color: #828282;
    margin-bottom: 40px;
    display: flex;
    position: relative;
    z-index: 1;
    height: 80px;
    justify-content: center;
  }
  .moduloClima .sponsor-desktop__container .item-5.desktop .sponsor {
    padding: 5px;
  }
  .moduloClima .sponsor-desktop__container .item-5.desktop .sponsor__logo-desktop img {
    max-width: 180px;
    max-height: 65px;
  }
  .moduloClima .sponsor-desktop__container .item-5.desktop .sponsor__titulo {
    padding-right: 10px;
  }
  .moduloClima .sponsor-desktop__container .item-5.desktop .sponsor__titulo p {
    font-size: 17.5pt;
    font-family: "Noto Sans", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
  }
  .moduloClima .sponsor-desktop__container .item-5.desktop .sponsor .sponsor-items {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 45px;
  }
  .moduloClima .sponsor-mobile__container {
    display: none;
  }
  .bloque-clima {
    padding: 0;
    max-width: 1100px;
    margin: 0 auto;
    padding: 45.4px 45PX 30px;
    align-items: baseline;
  }
  .bloque-clima .grid {
    justify-content: space-between;
  }
  .bloque-clima .item-3, .bloque-clima .item-5, .bloque-clima .item-4 {
    margin: 0;
    padding: 0;
  }
  .bloque-clima .item-3, .bloque-clima .item-5 {
    flex: 0 0 25%;
  }
  .bloque-clima .item-4 {
    flex: 0 0 50%;
  }
  .bloque-clima .clima-hoy {
    color: white;
    flex-wrap: wrap;
    flex-direction: row;
    height: 100%;
    justify-content: center;
  }
  .bloque-clima .clima-hoy__temperatura-container {
    align-self: start;
  }
  .bloque-clima .clima-hoy__logo {
    width: 45%;
    order: 2;
  }
  .bloque-clima .clima-hoy__temp {
    width: 55%;
    order: 1;
  }
  .bloque-clima .clima-hoy .dia {
    font-size: 37px;
    border-bottom: none;
  }
  .bloque-clima .clima-hoy .grados {
    font-size: 60px;
  }
  .bloque-clima .clima-hoy__datos {
    order: 3;
  }
  .bloque-clima .clima-hoy__datos li {
    margin-bottom: 10px;
  }
  .bloque-clima .clima-hoy__datos li p {
    font-size: 20px;
  }
  .bloque-clima .clima-extendido-more {
    display: none;
  }
  .bloque-clima .item-5.desktop {
    display: block;
  }
  .bloque-clima .item-5.mobile {
    display: none;
  }
  .bloque-clima .sponsor {
    align-items: flex-start;
    height: 100%;
    color: white;
    flex-direction: column;
    margin: 10px 0;
  }
  .bloque-clima .sponsor__titulo {
    margin-bottom: 5px;
    font-size: 1rem;
  }
  .bloque-clima .sponsor__logo-mobile {
    display: none;
  }
  .bloque-clima .sponsor__logo-desktop {
    display: block;
    max-width: 130px;
  }
  .bloque-clima .compartir {
    display: none;
  }
  .moduloRadio {
    background: #D6001A;
    max-width: 100%;
  }
  .moduloQuiniela {
    max-width: 100%;
  }
  .moduloQuiniela .sponsor-mobile__container {
    display: none;
  }
  .moduloQuiniela .sponsor-desktop__container {
    display: flex;
    position: relative;
    z-index: 1;
    background-color: #828282;
    margin-bottom: 26.2px;
    height: 80px;
    align-items: center;
    justify-content: center;
  }
  .moduloQuiniela .sponsor-desktop__container .sponsor-items {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 29px;
  }
  .moduloQuiniela .sponsor-desktop__container .sponsor-items a .sponsor__logo-desktop {
    max-width: 180px;
    max-height: 50.3px;
  }
  .moduloQuiniela .sponsor-desktop__container .sponsor-items .sponsor__logo-desktop {
    max-width: 180px;
    max-height: 50.3px;
  }
  .moduloQuiniela .sponsor-desktop__container .sponsor-items .sponsor__titulo {
    padding-right: 25px;
    font-size: 17.5pt;
    font-family: "Noto Sans", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
  }
  .bloque-quiniela {
    max-width: 1018px;
    position: relative;
    padding: 53.3px 20px 28.2px 20px;
  }
  .bloque-quiniela .sponsor-mobile {
    display: none;
  }
  .bloque-quiniela .sponsor-desktop {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    max-width: 120px;
  }
  .bloque-quiniela .sponsor-desktop__imagen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
  }
  .bloque-quiniela .tabla {
    flex: 3;
    max-width: 500px;
  }
  .bloque-quiniela .quiniela__titulo {
    margin: 0 auto;
    font-size: 34px;
    margin-bottom: 38.8px;
  }
  .bloque-quiniela .quiniela__titulo p {
    padding-bottom: 5px;
  }
  .bloque-quiniela .linea .primera {
    justify-content: end;
  }
  .bloque-quiniela .quiniela__datos {
    display: flex;
    justify-content: space-around;
  }
  .bloque-quiniela .quiniela__datos .primera {
    padding-bottom: 22.3px;
    margin: 0;
  }
  .bloque-quiniela .quiniela__datos .primera p, .bloque-quiniela .quiniela__datos .nacion, .bloque-quiniela .quiniela__datos .provincia {
    width: 27.5%;
    font-size: 22px;
  }
  .bloque-quiniela .quiniela__datos .tipo {
    width: 45%;
    font-size: 22px;
  }
  .bloque-quiniela .ver-mas-mobile {
    display: none;
  }
  .bloque-quiniela .ver-mas-desktop {
    display: block;
    position: absolute;
    top: 45px;
    right: 135.2px;
    margin: 0;
  }
  .bloque-quiniela .ver-mas-desktop:hover {
    border-bottom: 1px solid #D6001A;
  }
  .bloque-quiniela .compartir {
    margin-top: 59.9px;
    margin-bottom: 0;
  }
  .bloque-quiniela .iconos-compartir {
    width: 45%;
    max-width: 237px;
  }
  .bloque-radio {
    max-width: 1150px;
    margin: 0 auto;
  }
  .bloque-radio .grid {
    justify-content: space-between;
  }
  .bloque-radio .grid .item-4:first-of-type {
    flex: 0 0 37%;
    max-width: 100%;
  }
  .bloque-radio .grid .item-4:last-of-type {
    flex: 0 0 20%;
  }
  .bloque-radio .radio__brand .desktop {
    display: flex;
    align-items: center;
  }
  .bloque-radio .radio__brand .mobile {
    display: none;
  }
  .bloque-radio .radio__brand .logo_brand {
    width: 60%;
  }
  .bloque-radio .radio__brand .radio_titulo {
    width: 100%;
    font-size: 0.875rem;
    padding-left: 30px;
  }
  .bloque-radio .radio__sintonia {
    font-size: 2.6875rem;
  }
  .bloque-radio .radio__logo {
    max-width: 163px;
  }
  .bloque-farmacias {
    padding: 0;
    margin: 25px 0;
  }
  .bloque-farmacias .bloque__titulo {
    font-size: 2.125rem;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .bloque-farmacias .bloque__subtitulo {
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .bloque-farmacias .farmacias {
    margin-bottom: 15px;
  }
  .bloque-farmacias .farmacias__direccion {
    margin-bottom: 25px;
  }
  .bloque-farmacias .farmacias__titulo {
    font-size: 1.125rem;
  }
  .bloque-farmacias .iconos-compartir {
    max-width: 235px;
  }
  .bloque-farmacias .iconos-compartir img {
    width: 85%;
  }
  .moduloEncuestas {
    max-width: 100%;
  }
  .moduloEncuestas .fondo {
    position: relative;
  }
  .moduloEncuestas .bannerIzq {
    left: 69px;
    top: 56px;
    max-width: 130px;
  }
  .moduloEncuestas .bannerDer {
    right: 35px;
    bottom: 29px;
    top: inherit;
    max-width: 130px;
  }
  .moduloEncuestas .bloque-encuestas {
    padding: 35px 0;
    min-height: 370px;
  }
  .moduloEncuestas .bloque-encuestas .grid {
    align-items: center;
  }
  .moduloEncuestas .bloque-encuestas .encuesta__titulo {
    display: none;
  }
  .moduloEncuestas .bloque-encuestas .encuestas__titulo {
    font-size: 1.5625rem;
    margin-bottom: 40px;
  }
  .moduloEncuestas .bloque-encuestas .encuestas__votacion {
    text-align: center;
    margin-bottom: 15px;
  }
  .moduloEncuestas .bloque-encuestas .encuestas__votacion .voto_option {
    border-radius: 15px;
  }
  .moduloEncuestas .bloque-encuestas .encuestas__votacion .grafico {
    margin-left: 10px;
  }
  .moduloEncuestas .bloque-encuestas .encuestas__personas {
    margin-bottom: 35px;
  }
  .moduloEncuestas .bloque-encuestas .iconos-compartir {
    margin-top: 20px;
    max-width: 236px;
  }
}
@media (min-width: 1024px) {
  /*-----------------------------------------Slider---------------------------------------------*/
  .swiper-button-next, .swiper-button-prev {
    border-radius: 120px;
    width: 40px !important;
    height: 40px !important;
    background-color: #E20000;
    background-image: none !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  .swiper-button-next .icon, .swiper-button-prev .icon {
    width: 30px;
    height: 30px;
    color: white;
  }
  .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    background-color: #B4B4B4;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*-----------------------------------------Suscripcion----------------------------------------*/
  .header .cont_header .cont-menu-desktop .grid .trapezoide_radio a.opennewsletter {
    max-width: 130px;
    margin-right: 10px;
  }
  .header .cont_header .cont-menu-desktop .grid .trapezoide_radio #radio_desktop.radioradio {
    display: flex;
  }
  .suscripcion {
    margin-top: 0;
  }
  .suscripcion .login_title-mobile {
    display: none;
  }
  .suscripcion #formSuscripcion {
    display: flex;
    flex-wrap: wrap;
    background-color: transparent;
    justify-content: space-between;
    max-width: 750px;
    margin: 0 auto;
    padding: 0;
  }
  .suscripcion #formSuscripcion .form-group {
    width: 100%;
    max-width: 350px;
  }
  .suscripcion #formSuscripcion .form-group.datos {
    height: fit-content;
    max-width: 245px;
  }
  .suscripcion #formSuscripcion .form-group.datos .login_title-desktop {
    display: block;
    width: 90%;
    margin-bottom: 20px;
  }
  .suscripcion #formSuscripcion .form-group.datos .login_title-desktop label {
    color: #D6001A;
    font-size: 1.3125rem;
    line-height: 1.3;
  }
  .suscripcion #formSuscripcion .form-group .title {
    margin: 0;
    width: 100%;
  }
  .suscripcion #formSuscripcion .form-group .title label {
    text-align: left;
    font-size: 21px;
  }
  .suscripcion #formSuscripcion .form-group .botones_sus {
    display: flex;
    align-content: center;
    margin-top: 45px;
  }
  .suscripcion #formSuscripcion .form-group .botones_sus .btn-registro {
    width: 115px;
    margin: 0 10px 0 0;
    padding: 5px;
  }
  .suscripcion #formSuscripcion .form-group.al100 {
    width: 100%;
  }
  .suscripcion #formSuscripcion .form-group.al100 .button_verde.btn-registro {
    margin: 18px auto;
  }
  .suscripcion #formSuscripcion .form-group .news-radio label {
    margin: 0;
  }
  .suscripcion .bannerinf {
    position: relative;
    text-align: center;
    width: 100%;
    top: 0;
  }
  .suscripcion .bannerSup {
    display: block;
    margin: 0 auto;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*-----------------------------------------Suscripcion----------------------------------------*/
  #login_modal {
    vertical-align: middle;
    box-shadow: 0px 0px 9px 0px #b8b6b8;
  }
  #login_modal .desktop-text {
    display: block;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------Horóscopo-------------------------------------------*/
  .horoscopo {
    margin: 0;
  }
  .horoscopo .contenedor {
    padding: 0px 10px;
  }
  .horoscopo .item-3 {
    flex: 25%;
    max-width: 25%;
  }
  .horoscopo .item-8 {
    flex: 66.66%;
    max-width: 66.66%;
  }
  .horoscopo .item-4 {
    margin: 0 auto;
    padding: 0;
    max-width: 300px;
  }
  .horoscopo .item-9 {
    flex: 75%;
    max-width: 75%;
  }
  .horoscopo .item-12 .cabecera {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horoscopo .item-12 .horoscopo_home {
    box-shadow: none;
  }
  .horoscopo .item-12 .cabecera__titulo {
    font-size: 2.5rem;
  }
  .horoscopo .item-12 .hr-horoscopo {
    max-width: 450px;
  }
  .horoscopo .item-12 .cabecera__redes-desktop {
    display: block;
    width: 100%;
    max-width: 269px;
    margin-left: 50px;
  }
  .horoscopo .item-12 .cabecera__redes-desktop .iconos-compartir {
    width: 100%;
  }
  .horoscopo .item-12 .cabecera__redes-desktop .iconos-compartir-logo {
    width: 25px;
    height: 25px;
  }
  .horoscopo .item-8 .horoscopo__logo {
    margin: 0 auto;
  }
  .horoscopo .item-8 .horoscopo__logo img {
    width: 102px;
    height: 102px;
  }
  .horoscopo .item-8 .item-3 a {
    display: block;
  }
  .horoscopo .item-8 .horoscopo__info {
    text-align: center;
    padding: 0;
  }
  .horoscopo .item-8 .horoscopo__info .nombre_mobile {
    display: none;
  }
  .horoscopo .item-8 .horoscopo__info .fecha {
    font-size: 0.875rem;
    font-weight: bold;
    margin: 15px 0;
  }
  .horoscopo .item-8 .horoscopo__data {
    margin-top: 0;
    margin-bottom: 0;
  }
  .horoscopo .item-8 .horoscopo__data p {
    line-height: 1.3;
    font-size: 1.125rem;
  }
  .horoscopo .item-8 .banner__planeta {
    display: none;
  }
  .horoscopo .item-8 .cabecera__redes-mobile {
    display: none;
  }
  .horoscopo .titulo__secundario {
    display: block;
    margin-top: 70px;
    font-size: 2.5rem;
    color: #4B4B4D;
    font-weight: bold;
  }
  .horoscopo .hr-enterate {
    max-width: 385px;
    border-top: 2px solid #D6001A;
    margin: 5px 0;
    margin-bottom: 70px;
  }
  .horoscopo .enterate__logos .signo-item {
    max-width: 80px;
    max-height: 80px;
  }
  .horoscopo .enterate__logos .nombre {
    font-size: 1.25rem;
    margin: 15px 0 25px;
  }
  .horoscopo .enterate__titulo {
    display: block;
  }
  .horoscopo .barra-lateral {
    display: block;
  }
  .horoscopo .barra-lateral .contenedor__publicidad {
    margin-bottom: 25px;
  }
  .horoscopo .barra-lateral .mas_leidas {
    display: block;
  }
  .horoscopo .barra-lateral .mas_leidas .titulo {
    margin-bottom: 20px;
    padding: 0;
  }
  .horoscopo .barra-lateral .mas_leidas .article .media, .horoscopo .barra-lateral .mas_leidas .article .titulo {
    padding: 0;
    margin: 0;
  }
  .horoscopo .barra-lateral .mas_leidas .titulo-item {
    font-size: 2.125rem;
  }
  .horoscopo .barra-lateral .mas_leidas .titulo-item:last-of-type {
    font-size: 2.5625rem;
  }
  .horoscopo .barra-lateral .mas_leidas .nota--linea {
    margin-bottom: 25px;
    flex-direction: row;
  }
  .horoscopo .barra-lateral .mas_leidas .nota--linea .nota__body {
    padding-left: 10px;
  }
  .horoscopo .barra-lateral .mas_leidas .nota--linea .nota__titulo {
    margin: 6px 0;
  }
  .horoscopo .barra-lateral .mas_leidas .nota--linea .nota__contador {
    font-size: 50px;
    text-align: right;
    width: fit-content;
  }
  .horoscopo .barra-lateral .mas_leidas .nota--linea .nota__titulo-item {
    font-size: 1rem;
    line-height: 1.2;
    padding: 0;
  }
  .horoscopo .barra-lateral .mas_leidas .nota--linea .nota__contador, .horoscopo .barra-lateral .mas_leidas .nota--linea .nota__titulo-item {
    color: white;
  }
  .horoscopo .relacionadas {
    max-width: 100%;
  }
  .horoscopo .relacionadas .titulo {
    font-size: 2.375rem;
    color: #404041;
    font-weight: bold;
    border: 0;
    margin-bottom: 35px;
  }
  .horoscopo .relacionadas .grid .item {
    padding: 0;
  }
  .horoscopo .relacionadas .notas-relacionadas {
    display: flex;
    flex-wrap: wrap;
  }
  .horoscopo .relacionadas .notas-relacionadas .item-4 {
    flex: 33.33%;
    max-width: 33.33%;
    margin: 0;
    padding: 15px;
  }
  .horoscopo .relacionadas .notas-relacionadas .nota {
    padding: 0;
    flex-direction: column;
    flex-wrap: inherit;
  }
  .horoscopo .relacionadas .notas-relacionadas .nota .nota__media--link {
    padding: 0;
    height: fit-content;
    flex-basis: 31%;
  }
  .horoscopo .relacionadas .notas-relacionadas .nota .nota__media--link img {
    border-radius: 15px;
  }
  .horoscopo .relacionadas .notas-relacionadas .nota .nota__body {
    padding: 20px 0;
  }
  .horoscopo .relacionadas .notas-relacionadas .nota .nota__titulo-item {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 40.8px; /* Fallback for non-webkit */
    font-size: 17px;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .horoscopo .relacionadas .notas-relacionadas .nota .nota__titulo-item {
      overflow: hidden;
      position: relative;
    }
    .horoscopo .relacionadas .notas-relacionadas .nota .nota__titulo-item:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .horoscopo .relacionadas .notas-relacionadas .nota .nota__titulo-item:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .horoscopo .relacionadas .notas-relacionadas .nota .nota__volanta {
    color: #D6001A;
  }
  .horoscopo .relacionadas .notas-relacionadas .nota .nota__continuar {
    display: none;
  }
  /*----------------------------------------Quiniela--------------------------------------------*/
  .item-12.loteria_contenedor {
    background-color: transparent;
    margin: 30px 0;
    padding: 0;
  }
  .item-12.loteria_contenedor .titulo {
    margin-left: 11px;
  }
  .item-12.loteria_contenedor .loteria_title {
    padding-left: 0;
  }
  .item-12.loteria_contenedor .loteria_cont_bloque {
    max-width: none;
    justify-content: flex-start;
  }
  .item-12.loteria_contenedor .loteria_cont_numero {
    max-width: none;
    justify-content: flex-start;
  }
  .item-12.loteria_contenedor .loteria_cont_numero .loteria_numero_fecha {
    left: 5px;
  }
  .item-12.loteria_contenedor .loteria_cont_numero .loteria_numero {
    margin-right: 30px;
    margin-bottom: 27px;
    width: 70px;
    height: 30px;
  }
  .item-12.loteria_contenedor .iconos-compartir {
    margin-left: 11px;
    width: 55%;
    max-width: 230px;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*--------------------------------Modulo Alerta ----------------------------------------------*/
  .modulo-alerta {
    top: 64px;
    margin-bottom: 20px;
  }
  .modulo-alerta .contenedor {
    height: 121px;
  }
  .modulo-alerta .bloque {
    position: relative;
    max-width: 1150px;
    margin: 0 auto;
    top: 37px;
    text-align: center;
    padding: 5px 45px 5px;
  }
  .modulo-alerta .bloque .titulo {
    margin: 0 auto 5px;
  }
  .modulo-alerta .bloque .titulo-item {
    font-size: 1.5rem;
  }
  .modulo-alerta .bloque .introduccion {
    max-width: 830px;
    margin: 0 auto;
  }
  .modulo-alerta .bloque .introduccion-item {
    font-size: 1.5rem;
  }
  .modulo-alerta .ocultar {
    right: 15px;
    top: 10px;
    margin: 0;
  }
  .modulo-alerta .ocultar .closeAlert:before {
    transform: rotate(45deg);
  }
  .modulo-alerta .ocultar .closeAlert:after {
    transform: rotate(-45deg);
  }
  /*--------------------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*-----------------------------------------Terminos-------------------------------------------*/
  .terminos-condiciones {
    background-color: transparent;
  }
  .terminos-condiciones .titulo {
    margin-bottom: 0px;
  }
  /*--------------------------------------------------------------------------------------------*/
  .espaciador_um {
    height: 70px;
  }
  .ultimo-momento {
    padding: 0;
  }
  .ultimo-momento .contenedor {
    padding: 0 10px;
  }
  .ultimo-momento .contenedor .grid .cuadro {
    display: inline-block;
    text-align: center;
  }
  .ultimo-momento .contenedor .grid a {
    width: calc(100% - 200px);
  }
  .alerte_fly {
    display: none;
  }
  .tabs_contenedor .tabs {
    margin-bottom: 0;
  }
  .tabs_contenedor .tabs .view_desktop {
    display: inline-block !important;
  }
  .tabs_contenedor .tabs-content {
    padding-top: 20px;
  }
  .servicios_1, .bloque_cotizaciones {
    padding: 15px 10px 0;
    max-width: 1150px;
  }
  .servicios_1 .grid, .bloque_cotizaciones .grid {
    flex-direction: row;
    align-items: center;
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
  }
  .servicios_1 .titulo label, .bloque_cotizaciones .titulo label {
    font-size: 1.875rem;
    font-weight: bold;
  }
  .servicios_1 .titulo .logo-izq, .servicios_1 .titulo .logo-der, .servicios_1 .titulo .ver-mas, .bloque_cotizaciones .titulo .logo-izq, .bloque_cotizaciones .titulo .logo-der, .bloque_cotizaciones .titulo .ver-mas {
    display: block;
    position: absolute;
  }
  .servicios_1 .titulo .logo-izq, .bloque_cotizaciones .titulo .logo-izq {
    top: -20px;
    width: 24%;
    left: -47px;
  }
  .servicios_1 .titulo .ver-mas, .bloque_cotizaciones .titulo .ver-mas {
    font-size: 14px;
    top: 16px;
    right: 10px;
  }
  .servicios_1 .titulo .ver-mas:hover, .bloque_cotizaciones .titulo .ver-mas:hover {
    border-bottom: 1px solid #D6001A;
  }
  .servicios_1 .titulo .logo-der, .bloque_cotizaciones .titulo .logo-der {
    width: 24%;
    top: 8px;
    right: 0;
  }
  .servicios_1 .bannerMobileIzq, .servicios_1 .bannerMobileDer, .bloque_cotizaciones .bannerMobileIzq, .bloque_cotizaciones .bannerMobileDer {
    display: none;
  }
  .servicios_1 .container_cotizaciones ul, .bloque_cotizaciones .container_cotizaciones ul {
    max-width: 583px;
    margin: 0 auto;
  }
  .servicios_1 .container_cotizaciones ul li, .bloque_cotizaciones .container_cotizaciones ul li {
    border-radius: 5px;
    min-height: fit-content;
    align-items: center;
    padding: 2px 20px;
    margin: 10px 0;
  }
  .servicios_1 .container_cotizaciones ul .moneda, .bloque_cotizaciones .container_cotizaciones ul .moneda {
    width: 28%;
    font-size: 18px;
  }
  .servicios_1 .container_cotizaciones ul .compra, .servicios_1 .container_cotizaciones ul .venta, .bloque_cotizaciones .container_cotizaciones ul .compra, .bloque_cotizaciones .container_cotizaciones ul .venta {
    display: flex;
    width: 34%;
    justify-content: space-between;
    padding: 0 17px;
    font-size: 15px;
    align-items: center;
  }
  .servicios_1 .container_cotizaciones ul .valor, .bloque_cotizaciones .container_cotizaciones ul .valor {
    font-size: 18px;
  }
  .servicios_1 .container_cotizaciones ul li:last-child .valor, .bloque_cotizaciones .container_cotizaciones ul li:last-child .valor {
    padding: 0 17px;
  }
  .servicios_1 .redes .iconos-compartir, .bloque_cotizaciones .redes .iconos-compartir {
    width: 35%;
  }
  .bloque_cotizaciones .titulo {
    padding-left: 70px;
    text-align: start;
  }
  .bloque_cotizaciones .titulo label {
    z-index: 9;
    position: relative;
  }
  .bloque_cotizaciones .titulo .logo-izq {
    z-index: 1;
  }
  .bloque_cotizaciones .container_cotizaciones ul {
    max-width: 590px;
    margin: 0 0 0 50px;
  }
  .bloque_cotizaciones .container_cotizaciones ul li {
    background-color: #505052;
  }
  .bloque_cotizaciones .container_cotizaciones ul li:last-child .valor {
    padding: 0;
  }
  .bloque_cotizaciones .container_cotizaciones ul .moneda {
    width: 34%;
  }
  .bloque_cotizaciones .container_cotizaciones ul .compra, .bloque_cotizaciones .container_cotizaciones ul .venta {
    width: 33%;
    justify-content: start;
    padding: 0;
  }
  .bloque_cotizaciones .container_cotizaciones ul .compra .text-compra, .bloque_cotizaciones .container_cotizaciones ul .compra .text-venta, .bloque_cotizaciones .container_cotizaciones ul .venta .text-compra, .bloque_cotizaciones .container_cotizaciones ul .venta .text-venta {
    margin-right: 20px;
  }
  .bloque_cotizaciones .container_cotizaciones ul .valor {
    padding: 0;
  }
  .bloque_cotizaciones .redes .iconos-compartir {
    margin-left: 70px;
  }
  .bloque_cotizaciones .sponsor-desktop__container {
    align-items: center;
    background-color: #828282;
    margin-bottom: 19.4px;
    display: flex;
    position: relative;
    z-index: 1;
    height: 80px;
    justify-content: center;
  }
  .bloque_cotizaciones .sponsor-desktop__container .item-5.desktop {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .bloque_cotizaciones .sponsor-desktop__container .item-5.desktop .sponsor {
    padding: 5px;
  }
  .bloque_cotizaciones .sponsor-desktop__container .item-5.desktop .sponsor__logo-desktop img {
    max-width: 180px;
    max-height: 65px;
  }
  .bloque_cotizaciones .sponsor-desktop__container .item-5.desktop .sponsor__titulo {
    padding-right: 10px;
    margin-top: -26px;
  }
  .bloque_cotizaciones .sponsor-desktop__container .item-5.desktop .sponsor__titulo p {
    font-size: 17.5pt;
    font-family: "Noto Sans", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
  }
  .bloque_cotizaciones .sponsor-desktop__container .item-5.desktop .sponsor .sponsor-items {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 45px;
  }
  .bloque_cotizaciones .sponsor-mobile__container {
    display: none;
  }
  .quiniela_home {
    background-color: transparent;
  }
  .quiniela_home .data {
    width: 100%;
    padding: 10px;
    box-shadow: none;
  }
  .cotizaciones_home {
    padding: 0;
  }
  .cotizaciones_home .data {
    width: 100%;
  }
  .cotizaciones_home .cotizaciones_lista {
    list-style: none;
    text-align: center;
    margin-top: 30px;
  }
  .cotizaciones_home .cotizaciones_lista li {
    width: 100%;
    margin: 10px 0;
    display: block;
  }
  .cotizaciones_home .cotizaciones_lista li .moneda {
    font-size: 1.125rem;
    margin-bottom: 8px;
    justify-content: center;
  }
  .cotizaciones_home .cotizaciones_lista li .moneda .icon {
    width: 20px;
    height: 20px;
  }
  .cotizaciones_home .cotizaciones_lista li .valor {
    font-size: 1.5625rem;
  }
  .encuestas_home {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
  }
  .encuestas_home .mas-encuestas {
    margin-left: 20px;
  }
  .encuestas_home .bottom-enc {
    padding: 0;
  }
  /*******************************************Tendencias Home ****************************/
  .container-tendencias {
    display: block;
    margin-top: 0;
    max-width: 100%;
    position: fixed;
  }
  .container-tendencias.zocalo-on {
    top: 173px;
  }
  .container-tendencias .contenedor {
    max-width: 1150px;
  }
  .container-tendencias .login-container {
    display: flex;
    width: 40%;
  }
  .container-tendencias .tags_header {
    padding: 5px 10px;
    width: 75%;
  }
  .container-tendencias .tags_header .titulo {
    font-size: 0.8125rem;
  }
  .container-tendencias .tags_header ul {
    overflow-x: hidden;
  }
  .container-tendencias .tags_header ul li {
    border-bottom: 2px solid transparent;
  }
  .container-tendencias .tags_header ul li label {
    font-size: 0.75rem;
  }
  .container-tendencias .tags_header ul li:hover {
    border-bottom: 2px solid #D6001A;
  }
  .container-tendencias .fecha_header {
    display: flex;
    width: 25%;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
  }
  .container-tendencias .fecha_header span {
    font-size: 0.75rem;
    color: #bdbfc1;
  }
  .scrollSubHeaderOnZocalo {
    top: 170px;
  }
  .alerta-zocalo_on {
    top: 211px;
  }
  /***********************************************************************/
  .modulo_horoscopo {
    position: relative;
  }
  .grid.bloque-horoscopo {
    max-width: 100%;
    position: initial;
  }
  .horoscopo_home {
    margin: 0 auto;
    max-width: 1150px;
  }
  .horoscopo_home .titulo {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .horoscopo_home .titulo h3 {
    font-size: 2.25rem;
  }
  .horoscopo_home .signo .signo-item {
    max-width: 70px;
    min-width: 70px;
    max-height: 70px;
    min-height: 70px;
  }
  .horoscopo_home .signo .nombre {
    font-size: 1.0625rem;
  }
  .horoscopo_home .signo .logo_base-desktop {
    display: block;
  }
  .fondo {
    width: 100%;
    position: relative;
    max-width: 1650px;
    margin: 0 auto;
  }
  .fondo .logos .logo_mano, .fondo .logos .logo_planeta-1, .fondo .logos .logo_planeta-2 {
    width: 33%;
    z-index: -1;
    position: absolute;
  }
  .fondo .logos .logo_mano {
    bottom: -30px;
    left: 80px;
    width: 20%;
    max-width: 304px;
  }
  .fondo .logos .logo_planeta-1 {
    top: -63px;
    left: 113px;
    width: 24%;
    max-width: 364px;
  }
  .fondo .logos .logo_base-mobile {
    display: none;
  }
  .fondo .logos .logo_planeta-2 {
    display: block;
    right: 133px;
    width: 18%;
    top: 132px;
    max-width: 274px;
  }
  .servicios_publi {
    padding-top: 128px;
  }
  .notas_sugeridas .contenedor .recuadro .nota-lista {
    padding: 0;
    align-items: center;
  }
  .notas_sugeridas .contenedor .recuadro .nota-lista .data .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 4.5rem; /* Fallback for non-webkit */
    font-size: 1.125rem;
    line-height: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .notas_sugeridas .contenedor .recuadro .nota-lista .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .notas_sugeridas .contenedor .recuadro .nota-lista .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .notas_sugeridas .contenedor .recuadro .nota-lista .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Notapage-----------------------------------------------*/
  .notas_relacionadas .detalle--nota:first-child .cont-300 .mas_leidas {
    display: block;
  }
  .notas_relacionadas .detalle--nota:first-child .cont-300 .mas_leidas .nota-lista {
    padding: 0;
    min-height: auto;
  }
  .detalle--nota .header .volanta {
    width: auto;
  }
  .detalle--nota .header .fecha-nota {
    text-align: inherit;
    width: auto;
  }
  .detalle--nota .titulo {
    font-size: 2.1rem;
    line-height: 1.2;
    font-weight: bold;
  }
  .detalle--nota .cont-p, .detalle--nota .cont-300 {
    padding: 0 10px !important;
  }
  .detalle--nota {
    /*.publi_sticky.is_stuck{
    	margin-top: 40px;
    }*/
  }
  .detalle--nota .cont_autor {
    justify-content: space-between;
  }
  .detalle--nota .compartir {
    display: flex;
  }
  .detalle--nota .biografia-opinion .compartir {
    display: none;
  }
  .detalle--nota .biografia-opinion p {
    padding-bottom: 20px;
  }
  .detalle--nota .info-compartir .autor .imagen a {
    max-width: 100%;
  }
  .detalle--nota .info-compartir .autor .imagen label {
    max-width: 100%;
  }
  .detalle--nota .info-compartir .autor .imagen label strong {
    display: inline-block;
    margin-right: 5px;
  }
  .detalle--nota .media .compartir {
    display: none;
  }
  .detalle--nota .cuerpo * {
    font-size: 1.1875rem;
  }
  .detalle--nota .cuerpo .link_nota_editor .titulo {
    margin-top: 0;
  }
  .detalle--nota .cuerpo .link_nota_propia .cont_bloque {
    flex-basis: auto;
  }
  .detalle--nota .cuerpo .link_nota_propia .item-4 {
    padding: 5px;
  }
  .detalle--nota .mas_leidas .nota-lista:after {
    border: none;
  }
  .detalle--nota .relacionadas {
    margin-bottom: 30px;
  }
  .detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .media {
    margin-bottom: 0px;
    flex-basis: 40%;
  }
  .detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .media .volanta {
    display: block;
  }
  .detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .volanta {
    display: none;
  }
  .detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .volanta a span {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 2.1rem; /* Fallback for non-webkit */
    font-size: 0.875rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .volanta a span {
      overflow: hidden;
      position: relative;
    }
    .detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .volanta a span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .detalle--nota .relacionadas .notas-relacionadas .item-3 .nota-lista .data .volanta a span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Seccion-----------------------------------------------*/
  .seccion {
    margin: 0;
  }
  .seccion .portada {
    width: 100%;
  }
  .seccion .portada .item-9 {
    padding: 0;
    margin: 0;
    max-width: 67%;
    flex: 0 0 67%;
    align-items: flex-start;
    height: min-content;
  }
  .seccion .portada .item-3 {
    padding: 0;
    margin: 0;
    flex: 0 0 33%;
    max-width: 33%;
  }
  .seccion .portada .item-4 {
    max-width: 33.3333%;
    flex: 33.3333%;
    padding: 0 15px;
    margin: 0;
    margin-bottom: 40px;
  }
  .seccion .notas_seccion_.item-9 {
    padding: 0;
    margin: 0;
    max-width: 67%;
    flex: 0 0 67%;
    align-items: flex-start;
    height: min-content;
  }
  .seccion .notas_seccion_ .item-3 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding: 0 15px;
    margin: 0;
    margin-bottom: 40px;
  }
  .seccion .cont__info .item-12 {
    margin: 0;
    padding: 5px;
  }
  .seccion .cont__info-title {
    margin: 0 10px 6px;
  }
  .seccion .portada .autor_nota, .seccion .notas_seccion_ .autor_nota {
    display: block;
  }
  .seccion .portada .nota-especial:after, .seccion .notas_seccion_ .nota-especial:after {
    border: none;
  }
  .seccion .portada .nota-especial .volanta p, .seccion .notas_seccion_ .nota-especial .volanta p {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 1.05rem; /* Fallback for non-webkit */
    font-size: 0.875rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .seccion .portada .nota-especial .volanta p, .seccion .notas_seccion_ .nota-especial .volanta p {
      overflow: hidden;
      position: relative;
    }
    .seccion .portada .nota-especial .volanta p:before, .seccion .notas_seccion_ .nota-especial .volanta p:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .seccion .portada .nota-especial .volanta p:after, .seccion .notas_seccion_ .nota-especial .volanta p:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .seccion .portada .nota-especial .titulo, .seccion .notas_seccion_ .nota-especial .titulo {
    width: 50%;
    float: left;
    padding: 8px 10px 40px 10px;
  }
  .seccion .portada .nota-especial .titulo h2, .seccion .notas_seccion_ .nota-especial .titulo h2 {
    color: rgb(33, 33, 33);
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 12rem; /* Fallback for non-webkit */
    font-size: 2.5rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .seccion .portada .nota-especial .titulo h2, .seccion .notas_seccion_ .nota-especial .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .seccion .portada .nota-especial .titulo h2:before, .seccion .notas_seccion_ .nota-especial .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .seccion .portada .nota-especial .titulo h2:after, .seccion .notas_seccion_ .nota-especial .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .seccion .portada .nota-especial .introduccion, .seccion .notas_seccion_ .nota-especial .introduccion {
    width: 50%;
    padding-top: 15px;
  }
  .seccion .portada .nota-especial .autor, .seccion .notas_seccion_ .nota-especial .autor {
    width: 50%;
  }
  .seccion .portada .nota-lista, .seccion .notas_seccion_ .nota-lista {
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 15px;
  }
  .seccion .portada .nota-lista:after, .seccion .notas_seccion_ .nota-lista:after {
    border: none;
  }
  .seccion .portada .nota-lista .data, .seccion .notas_seccion_ .nota-lista .data {
    padding: 10px;
  }
  .seccion .portada .nota-lista .img--opinion, .seccion .notas_seccion_ .nota-lista .img--opinion {
    max-width: 120px;
    padding: 0;
  }
  .seccion .cont-p .nota-lista {
    border: 1px solid #d1d1d1;
  }
  .seccion .cont-p .nota-lista .media {
    flex-basis: 40%;
  }
  .seccion .cont-p .nota-lista:after {
    border: 0;
  }
  .seccion .contenedor.grid.mobile {
    display: none;
  }
  .seccion .contenedor.grid.desktop {
    display: flex;
  }
  .seccion-propiedades .publi, .seccion-propiedades .mas_leidas {
    display: block;
  }
  .seccion-propiedades .menu__propiedades {
    padding: 0;
  }
  .seccion-propiedades .menu__propiedades ul li {
    padding: 0 9px;
  }
  .seccion-propiedades .menu__propiedades ul p {
    font-size: 1rem;
  }
  .seccion-propiedades .columna-principal.desktop {
    display: block;
  }
  .seccion-propiedades .columna-derecha.desktop {
    display: block;
  }
  .seccion-propiedades .item-6.columna-principal.mobile {
    display: none;
  }
  .seccion-propiedades .portada {
    padding: 0;
  }
  .seccion-propiedades .columna-principal {
    margin: 0;
    padding: 0;
  }
  .seccion-propiedades .columna-principal .item-3 {
    max-width: 50%;
    flex: 50%;
  }
  .seccion-propiedades .banner__propiedades {
    margin-top: 35px;
    margin-bottom: 60px;
  }
  .seccion-propiedades .banner__propiedades .fondo {
    min-height: 103px;
    max-width: 540px;
  }
  .seccion-propiedades .banner__propiedades .logos {
    bottom: 10px;
    left: 20px;
  }
  .seccion-propiedades .banner__propiedades .logos .logo_casa .logos-item, .seccion-propiedades .banner__propiedades .logos .logo_edificio .logos-item {
    max-width: 100%;
    max-height: 100%;
  }
  .seccion-propiedades .banner__propiedades .sponsor {
    font-size: 1.5rem;
  }
  .seccion-propiedades .item-12.clear.grid .item-6 {
    flex: 50%;
    max-width: 50%;
    margin: 0;
    padding: 15px;
  }
  .seccion-propiedades .relacionadas .titulo {
    font-size: 1.875rem;
    padding: 0 15px;
  }
  .seccion-propiedades .relacionadas .notas-relacionadas .item-4 {
    flex: 33.3333%;
    max-width: 33.3333%;
    margin: 0;
  }
  .seccion-propiedades .relacionadas .notas-relacionadas .nota {
    padding: 0;
    margin-bottom: 0;
    flex-direction: column;
  }
  .seccion-propiedades .relacionadas .notas-relacionadas .nota__media--link {
    padding: 0;
    height: fit-content;
    flex-basis: 31%;
  }
  .seccion-propiedades .relacionadas .notas-relacionadas .nota__media--link img {
    border-radius: 15px;
  }
  .seccion-propiedades .relacionadas .notas-relacionadas .nota__volantaTop {
    font-size: 0.9375rem;
  }
  .seccion-propiedades .relacionadas .notas-relacionadas .nota__body {
    padding: 20px 0 0;
  }
  .seccion-propiedades .mas_leidas .nota--linea .nota__titulo-item {
    padding: 0;
  }
  .seccion-propiedades .nota--linea .nota__volantaTop {
    margin: 0;
  }
  .seccion-propiedades .nota--linea {
    /* .nota__media--link img{
    	max-height: 119px; 
    } */
  }
  .seccion-propiedades .nota--linea .nota__body {
    padding: 0;
  }
  .seccion-verParaSaber .item-9 {
    max-width: 65%;
    flex: 0 0 65%;
  }
  .seccion-verParaSaber .item-3 {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0;
    padding: 0;
  }
  .seccion-verParaSaber .item-9.grid.principal {
    padding: 0 15px 0 0;
  }
  .seccion-verParaSaber .item-9.grid.principal .nota--gral .nota__body, .seccion-verParaSaber .item-9.grid.principal .nota_gen .nota__body, .seccion-verParaSaber .item-9.grid.principal .nota--linea .nota__body {
    padding: 0;
  }
  .seccion-verParaSaber .item-9.grid.principal .nota--gral .nota__volantaTop, .seccion-verParaSaber .item-9.grid.principal .nota_gen .nota__volantaTop, .seccion-verParaSaber .item-9.grid.principal .nota--linea .nota__volantaTop {
    padding: 0;
    font-size: 1.875rem;
    margin-bottom: 15px;
  }
  .seccion-verParaSaber .item-9.grid.principal .nota--gral .nota__media img, .seccion-verParaSaber .item-9.grid.principal .nota_gen .nota__media img, .seccion-verParaSaber .item-9.grid.principal .nota--linea .nota__media img {
    max-height: 385px;
  }
  .seccion-verParaSaber .item-9.grid.principal .nota--gral .nota__titulo-item, .seccion-verParaSaber .item-9.grid.principal .nota_gen .nota__titulo-item, .seccion-verParaSaber .item-9.grid.principal .nota--linea .nota__titulo-item {
    font-size: 1.875rem;
  }
  .seccion-verParaSaber .cabecera .titulo__seccion-item {
    padding: 15px 0;
    font-size: 4.0625rem;
  }
  .seccion-verParaSaber .cabecera .logo__seccion {
    margin: -1px 0 0;
    background-size: cover;
  }
  .seccion-verParaSaber .lateral.item-3 {
    max-width: 35%;
    flex: 0 0 35%;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Tags---------------------------------------------------*/
  .tags .tag_nombre {
    background-color: transparent;
    height: auto;
    margin-top: 20px;
  }
  .tags .tag_nombre > .grid {
    position: relative;
    top: initial;
    width: 100%;
    padding: 10px;
  }
  .tags .tag_nombre > .grid .data {
    padding-left: 10px;
    font-weight: normal;
    font-size: 2rem;
  }
  .tags .tag_nombre > .grid .btn--primary {
    line-height: 2.8;
  }
  .tags .notas_seccion_ .nota-lista {
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 15px;
  }
  .tags .notas_seccion_ .nota-lista:after {
    border: none;
  }
  .tags .notas_seccion_ .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .tags .notas_seccion_ .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .tags .notas_seccion_ .nota-lista .volanta span {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 1.2rem; /* Fallback for non-webkit */
    font-size: 1rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .tags .notas_seccion_ .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .tags .notas_seccion_ .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .tags .notas_seccion_ .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Autor---------------------------------------------------*/
  .autor .autor_nombre {
    height: auto;
    background-color: transparent;
    margin-top: 20px;
  }
  .autor .autor_nombre > .grid {
    position: relative;
    top: initial;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
  }
  .autor .autor_nombre > .grid .info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
  }
  .autor .autor_nombre > .grid .info img {
    width: 65px;
    height: 65px;
    margin-right: 5px;
    -webkit-border-top-right-radius: 120px;
    -webkit-border-bottom-right-radius: 120px;
    -webkit-border-bottom-left-radius: 120px;
    -webkit-border-top-left-radius: 120px;
    -moz-border-radius-topright: 120px;
    -moz-border-radius-bottomright: 120px;
    -moz-border-radius-bottomleft: 120px;
    -moz-border-radius-topleft: 120px;
    border-top-right-radius: 120px;
    border-bottom-right-radius: 120px;
    border-bottom-left-radius: 120px;
    border-top-left-radius: 120px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
  .autor .autor_nombre > .grid .info .data .nombre {
    font-weight: normal;
    font-size: 2rem;
  }
  .autor .autor_nombre > .grid .info .data .email {
    display: block;
  }
  .autor .autor_nombre .intro {
    display: block;
  }
  .autor .autor_nombre .intro p {
    width: 90%;
    margin: auto;
    font-size: 1.125rem;
  }
  .autor .notas_seccion_ .nota-lista {
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 15px;
  }
  .autor .notas_seccion_ .nota-lista:after {
    border: none;
  }
  .autor .notas_seccion_ .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .autor .notas_seccion_ .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .autor .notas_seccion_ .nota-lista .volanta span {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 1.2rem; /* Fallback for non-webkit */
    font-size: 1rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .autor .notas_seccion_ .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .autor .notas_seccion_ .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .autor .notas_seccion_ .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Busqueda---------------------------------------------------*/
  .busqueda {
    margin-top: 0;
  }
  .busqueda .busqueda-info {
    width: 100%;
    padding-left: 15px;
  }
  .busqueda .busqueda-info .item-12 {
    width: fit-content;
    margin: 0;
    padding: 0;
  }
  .busqueda .busqueda-info .titulo {
    font-size: 1.875rem;
  }
  .busqueda .busqueda-info .subtitulo {
    font-size: 0.875rem;
    margin-bottom: 30px;
  }
  .busqueda .notas_seccion_ .item-3 {
    flex: 25%;
    max-width: 25%;
    margin: 0;
    margin-bottom: 20px;
    padding: 0px 35px;
  }
  .busqueda .notas_seccion_ .nota--linea {
    flex-wrap: nowrap;
  }
  .busqueda .notas_seccion_ .nota--linea .nota__btnCompartir {
    display: block;
  }
  .busqueda .notas_seccion_ .nota--linea .nota__volantaTop {
    font-size: 1rem;
  }
  .busqueda .notas_seccion_ .nota--linea .nota__media {
    flex-basis: 39%;
  }
  .busqueda .notas_seccion_ .nota--linea .nota__media img {
    max-height: 120px;
  }
  .busqueda .notas_seccion_ .nota--linea .nota__media .video-wrapper {
    padding-bottom: 49.95%;
    border-radius: 7px;
  }
  .busqueda .notas_seccion_ .nota--linea .nota__titulo {
    margin-bottom: 0;
  }
  .busqueda .notas_seccion_ .nota--linea .nota__titulo-item {
    font-size: 0.9375rem;
    line-height: 1.2;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*-----------------------------------------404------------------------------------------------*/
  .error_page .item-12 {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0;
    padding: 0;
  }
  .error_page .error_fondo {
    position: relative;
    max-width: 100%;
  }
  .error_page .error_fondo .error_container {
    min-height: fit-content;
  }
  .error_page .error_fondo .logo-lobo, .error_page .error_fondo .error__img {
    display: none;
  }
  .error_page .error_fondo .logo-lobo-desktop {
    display: block;
  }
  .error_page .error_fondo .bloque-descripcion {
    position: absolute;
    right: -50px;
    top: 225px;
    width: 51%;
  }
  .error_page .error_fondo .error_title {
    font-size: 32px;
  }
  .error_page .error_fondo .error_cuerpo {
    margin: 0;
  }
  .error_page .error_fondo .error_cuerpo .error_mensaje {
    font-size: 17px;
    line-height: 1.1;
  }
  .error_page .error_fondo .error_mensaje p {
    display: none;
  }
  .error_page .error_fondo .error_cuerpo .error_mensaje-desktop {
    display: block;
  }
  .error_page .error_fondo .error_mensaje-mobile {
    display: none;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------Clima-----------------------------------------------*/
  .bloque-extendido {
    background-size: cover;
    background: none;
  }
  .bloque-extendido .cont__clima .clima-titulo {
    color: #2E2F32;
    font-size: 1.75rem;
  }
  .contenedor.C1-publi {
    display: flex;
  }
  #main_body_clima {
    max-width: 947px;
    padding: 0;
    margin-top: 0;
  }
  #main_body_clima .cuerpo_clima {
    height: 265px;
    position: relative;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0;
    padding: 35px 0;
  }
  #main_body_clima .cuerpo_clima .circuloclima {
    width: 20%;
    order: 1;
    text-align: center;
    z-index: 1;
  }
  #main_body_clima .cuerpo_clima .circuloclima span {
    font-size: 125px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #main_body_clima .info_clima_caja1 {
    width: 25%;
    z-index: 1;
    max-width: 100%;
    text-align: left;
  }
  #main_body_clima .info_clima_caja1 .temp-desktop {
    display: block;
    font-size: 2.25rem;
    color: white;
    font-weight: bold;
  }
  #main_body_clima .info_clima_caja1 .temp-mobile {
    display: none;
  }
  #main_body_clima .info_clima_caja1 .titulo {
    display: block;
    font-size: 1.3125rem;
    color: white;
    font-weight: bold;
  }
  #main_body_clima .info_clima_caja1 .extendido_min, #main_body_clima .info_clima_caja1 .extendido_max {
    display: block;
  }
  #main_body_clima .info_clima_caja2 {
    width: 25%;
    order: 2;
    z-index: 1;
    max-width: 210px;
  }
  #main_body_clima .info_clima_caja2 ul {
    background: none;
    width: 100%;
  }
  #main_body_clima .info_clima_caja2 ul li {
    font-size: 1.125rem;
  }
  #main_body_clima .sponsor {
    z-index: 1;
    width: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 100%;
    order: 4;
    justify-content: center;
    color: white;
    font-size: 21px;
  }
  #main_body_clima .sponsor span {
    font-weight: bold;
  }
  #main_body_clima .extendido_cont_2 {
    margin: 40px 0;
    max-width: 100%;
  }
  #main_body_clima .extendido_cont_2 .extendido-mobile {
    display: none;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .item-4 {
    margin: 0;
    padding: 0;
    flex: 0 0 32%;
    max-width: 32%;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .bloques {
    border-radius: 15px;
    padding: 30px 20px;
    color: white;
    position: relative;
    min-height: 204px;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .dia, #main_body_clima .extendido_cont_2 .extendido-desktop .info {
    z-index: 1;
    position: relative;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .dia {
    text-align: center;
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .info .datos {
    width: 65%;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .info p {
    line-height: 1.2;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .degrade {
    border-radius: 15px;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .logo {
    width: 40%;
    text-align: center;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .logo span {
    font-size: 50px;
    margin: 0;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .datos {
    padding: 0;
    width: 60%;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .temp, #main_body_clima .extendido_cont_2 .extendido-desktop .temp-text {
    font-size: 0.875rem;
  }
  #main_body_clima .extendido_cont_2 .extendido-desktop .temp-max {
    font-size: 1.5rem;
  }
  #main_body_clima .iconos-compartir {
    margin: 0;
    width: 20%;
  }
  #main_body_clima .iconos-compartir-logo .a {
    fill: #96999c;
    fill-rule: evenodd;
  }
  #main_body_clima .cuerpo_clima_clima_sol_noche {
    background-image: url("/img/fondos/sol_noche.jpg");
    background-position: center;
    color: white;
  }
  #main_body_clima .cuerpo_clima_clima_sol_noche .extendido_fondo, #main_body_clima .cuerpo_clima_clima_parcial_noche .extendido_fondo {
    background: rgba(0, 0, 0, 0.35);
  }
  #main_body_clima .cuerpo_clima_clima_nublado, #main_body_clima .cuerpo_clima_clima_inestable, #main_body_clima .cuerpo_clima_clima_viento {
    background-image: url("/img/fondos/nublado.jpg");
  }
  #main_body_clima .cuerpo_clima_clima_lluvia {
    background-image: url("/img/fondos/lluvia.jpg");
    background-position: center;
    color: white;
  }
  #main_body_clima .cuerpo_clima_clima_lluvia {
    text-shadow: 2px 0 0 rgb(65, 65, 65), -2px 0 0 rgb(65, 65, 65), 0 2px 0 rgb(65, 65, 65), 0 -2px 0 rgb(65, 65, 65), 1px 1px rgb(65, 65, 65), -1px -1px 0 rgb(65, 65, 65), 1px -1px 0 rgb(65, 65, 65), -1px 1px 0 rgb(65, 65, 65);
  }
  #main_body_clima .cuerpo_clima_clima_sol {
    background-image: url("/img/fondos/sol.jpg");
  }
  #main_body_clima .cuerpo_clima_clima_nieve {
    background-image: url("/img/fondos/nieve.jpg");
    background-position: center;
    color: black;
  }
  #main_body_clima .cuerpo_clima_clima_tormenta {
    background-image: url("/img/fondos/tormenta.jpg");
    background-position: center;
    color: white;
  }
  #main_body_clima .cuerpo_clima_no_detect {
    background-image: url("/img/fondos/no_detect.jpg");
  }
  #main_body_clima .cuerpo_clima_clima_parcial {
    background-image: url("/img/fondos/parcial.jpg");
  }
  #main_body_clima .cuerpo_clima_clima_parcial_noche {
    background-image: url("/img/fondos/parcial_noche.jpg");
    background-position: center;
    color: white;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------dolar-----------------------------------------------*/
  .cotizaciones_page .cotizaciones_interior {
    background-color: white;
    max-width: 950px;
    margin: 0 auto;
  }
  .cotizaciones_page .cotizaciones_interior .data .titulo {
    text-align: left;
  }
  .cotizaciones_page .cotizaciones_interior .data .titulo label {
    font-size: 1.875rem;
    color: #2E2F32;
    font-weight: bold;
  }
  .cotizaciones_page .cotizaciones_interior .container_cotizaciones li {
    border-radius: 10px;
    min-height: 70px;
    align-items: center;
    max-height: 70px;
    padding: 0 20px;
    margin-bottom: 10px;
  }
  .cotizaciones_page .cotizaciones_interior .container_cotizaciones .compra p, .cotizaciones_page .cotizaciones_interior .container_cotizaciones .venta p, .cotizaciones_page .cotizaciones_interior .container_cotizaciones .valor p {
    font-size: 1.125rem;
    line-height: 1.2;
  }
  .cotizaciones_page .cotizaciones_interior .container_cotizaciones ul .valor {
    font-size: 1.125rem;
  }
  .cotizaciones_page .cotizaciones_interior .container_cotizaciones .compra .valor, .cotizaciones_page .cotizaciones_interior .container_cotizaciones .venta .valor {
    margin-top: 5px;
  }
  .cotizaciones_page .cotizaciones_interior .container_cotizaciones .moneda {
    font-size: 1.5rem;
    width: 55%;
  }
  .cotizaciones_page .cotizaciones_interior .container_cotizaciones .moneda .valor {
    font-size: 1.125rem;
  }
  .cotizaciones_page .cotizaciones_interior .container_cotizaciones .compra {
    font-size: 1.125rem;
    width: 25%;
  }
  .cotizaciones_page .cotizaciones_interior .container_cotizaciones .venta {
    font-size: 1.125rem;
    width: 20%;
  }
  .cotizaciones_page .cotizaciones_interior .iconos-compartir {
    margin: 0;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*---------------------------------------Radios-----------------------------------------------*/
  .radios .item-12 .titulo {
    padding: 0px;
  }
  .radios .ultimas_noticias .item-12 .titulo {
    padding: 0px;
  }
  .radios .contenedor .nota-lista {
    height: 100%;
    flex-wrap: wrap;
    padding: 15px 0;
    margin-bottom: 15px;
  }
  .radios .contenedor .nota-lista:after {
    border: none;
  }
  .radios .contenedor .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 10px;
    padding: 0;
  }
  .radios .contenedor .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .radios .contenedor .nota-lista .volanta span {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 1.05rem; /* Fallback for non-webkit */
    font-size: 0.875rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .radios .contenedor .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .radios .contenedor .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .radios .contenedor .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------farmacias-------------------------------------------*/
  .container_farmacias {
    padding: 10px;
    background-color: transparent;
  }
  .container_farmacias .item-3 {
    max-width: calc(25% - 12px);
    flex: calc(25% - 12px);
  }
  .container_farmacias #contenedor_farmacias .farmacia_click {
    margin-bottom: 0px;
  }
  .interior-farmacias .bloque-farmacias .bloque__titulo {
    font-size: 2.25rem;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  .interior-farmacias .bloque-farmacias .farmacias__direccion, .interior-farmacias .bloque-farmacias .farmacias__telefono {
    font-size: 0.9375rem;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------Encuestas-------------------------------------------*/
  .div_encuesta {
    margin: 0;
  }
  .div_encuesta .item-4 {
    max-width: calc(33.33333% - 12px);
    flex: 0 0 calc(33.33333% - 12px);
  }
  .div_encuesta {
    background-color: transparent;
  }
  .div_encuesta .encuestas_titulo {
    padding: 0;
    margin-bottom: 30px;
  }
  .div_encuesta .encuestas_titulo h3 {
    font-size: 1.875rem;
    color: rgb(33, 33, 33);
    border-bottom: 2px solid #D6001A;
    width: fit-content;
  }
  .div_encuesta .encuestas_titulo.desktop {
    display: block;
  }
  .div_encuesta .encuestas_titulo.mobile {
    display: none;
  }
  .div_encuesta .encuestas_container {
    padding: 0;
    margin: 6px;
  }
  .div_encuesta .encuestas_container .encuestas {
    margin: 0;
    margin-bottom: 15px;
  }
  .div_encuesta .encuestas_container .encuestas .encuestas__votacion {
    margin-bottom: 5px;
  }
  .div_encuesta .encuestas_container.primero {
    box-shadow: none;
    margin: 6px;
  }
  .div_encuesta .encuestas_container .encuestas__personas {
    position: absolute;
    bottom: 0;
  }
  .div_encuesta .encuestas_container .encuestas .encuesta_enviar {
    margin: 0;
  }
  .div_encuesta .bloque-encuesta {
    height: 100%;
  }
  .div_encuesta .encuesta_enviar {
    margin-left: 0;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------Concursos-------------------------------------------*/
  .concurso_border {
    background-color: transparent;
  }
  .concurso_border .item-3 {
    max-width: calc(25% - 12px);
    flex: 0 0 calc(25% - 12px);
  }
  .concurso_border .concurso_bloque {
    max-width: 255px;
    margin: 18px;
  }
  .concurso_border .concurso_bloque .concurso_label {
    width: 100%;
  }
  .concurso_border .concurso_bloque .concurso_title {
    width: 100%;
  }
  .concurso_border .concurso_bloque .concurso_title label {
    font-size: 1.25rem;
  }
  .concurso_border .concurso_bloque .concurso_fecha {
    width: 100%;
  }
  .concurso_border .concurso_bloque .concurso_estado {
    margin-bottom: 15px;
    position: initial;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*---------------------------------------Staff---------------------------------------------*/
  .interior-staff {
    background: linear-gradient(180deg, #313133 70%, rgba(49, 49, 51, 0.568627451) 100%);
  }
  .interior-staff .banner__staff {
    margin: 0px 80px;
  }
  .interior-staff .staff_barra label {
    font-size: 1.75rem;
  }
  .interior-staff .staff_cont .staff_div .staff_nombre, .interior-staff .staff_cont .staff_div .staff_rol {
    color: white;
  }
  .interior-staff .staff_cont .staff_div .staff_cita {
    max-width: 100%;
    color: white;
  }
  .interior-staff .staff_cont .staff_div .staff_redes a .text {
    color: white;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------Funebres--------------------------------------------*/
  .funebres {
    padding: 0 10px;
  }
  .funebres .item-12, .funebres .item-4 {
    padding: 0;
    margin: 0;
  }
  .funebres .item-12 {
    flex: 100%;
    max-width: 100%;
  }
  .funebres .item-4 {
    flex: 30%;
    max-width: 30%;
  }
  .funebres .data {
    margin: 30px 0;
  }
  .funebres .data__titulo {
    font-size: 1.6875rem;
  }
  .funebres .funebre {
    justify-content: space-between;
  }
  .funebres .funebre .nombre .cross {
    max-width: 15px;
  }
  .funebres .funebre .qepd {
    margin: 10px 0;
  }
  .funebres .funebre .info {
    margin-bottom: 50px;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*--------------------------Notis Push--------------------------------------*/
  .notificacionPush {
    height: 240px;
    margin: 0;
  }
  .notificacionPush .logo {
    max-width: 150px;
  }
  .notificacionPush .info__titulo {
    font-size: 1.5625rem;
  }
  .notificacionPush .entrie {
    font-size: 0.875rem;
  }
  .notificacionPush .entrie__no:hover, .notificacionPush .entrie__yes:hover {
    font-size: 1rem;
  }
  /*--------------------------------------------------------------------------*/
  .home_0 {
    display: block;
  }
  .home_0.headerColorMobile {
    padding-top: 0;
  }
  .alertaOculta {
    margin-top: 60px;
  }
}
@media (min-width: 992px) {
  .home_zocalo_on {
    margin-top: 180px;
  }
}

@media (min-width: 1200px) {
  /* .contenedor {		
     	max-width: 840px; 
      margin: auto;	    
  } */
  .contenedor_publi {
    display: block;
  }
  .contenedor_publi .contenedor__publicidad.H20, .contenedor_publi .contenedor__publicidad.S20 {
    left: -165px;
  }
  .contenedor_publi .contenedor__publicidad.H21, .contenedor_publi .contenedor__publicidad.S21 {
    right: -165px;
  }
  /* .footer .fondo{
      width: calc(100% - 400px);
  }
  .horoscopo_home .signo .signos .signo-item {
      max-width: initial;
  }
  .header .cont_header,.footer .bloque,.container-tendencias{
  	max-width: 840px;
  }
  .header .navbar .navbar-menu .menu-mobile{
  	max-width: 840px;
  }
  .apertura_2 .contenedor,.bloque_sabana, .relleno, .bloque-propiedades .banner-principal .grid,.horoscopo_home{
  	max-width: 840px;
  }
  .bloque-suscriptores .suscriptores, .bloque_opinion .grid, .bloque-radio,.modulo-alerta .bloque{
  	max-width: 840px;
  }
  .error_page .error_fondo .bloque-descripcion{
  	right: -30px;
     	top: 180px;
  }
  .bloque-historiasAca .titulo_bloque {
  	top: 310px;
  }
  .publicidad_footer_sticky{
  	.cont_sticky{
  		.contenedor__publicidad{
  			margin:0;    
  			max-width: 100%;
  		}
  	}
  }  */
}
@media (min-width: 1360px) {
  .contenedor {
    max-width: 986px;
    width: 100%;
    margin: auto;
  }
}
@media (min-width: 1360px) and (min-width: 1550px) {
  .contenedor {
    max-width: 1200px;
  }
}
@media (min-width: 1360px) {
  .contenedor_publi.cont_home_vps .contenedor__publicidad.S20, .contenedor_publi.cont_home_vps .contenedor__publicidad.S21 {
    top: 100px;
  }
  .contenedor_publi .contenedor__publicidad.H20, .contenedor_publi .contenedor__publicidad.H21 {
    display: block;
    top: 21px;
  }
  .contenedor_publi .contenedor__publicidad.H20, .contenedor_publi .contenedor__publicidad.S20 {
    left: -175px;
  }
  .contenedor_publi .contenedor__publicidad.H21, .contenedor_publi .contenedor__publicidad.S21 {
    right: -175px;
  }
  .contenedor_publi.zocalo-on {
    top: 191px;
  }
  .detalle--nota .titulo {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: bold;
  }
  .header .cont_header, .apertura_2 .contenedor {
    max-width: 986px;
  }
}
@media (min-width: 1360px) and (min-width: 1550px) {
  .header .cont_header, .apertura_2 .contenedor {
    max-width: 1200px;
  }
}
@media (min-width: 1360px) {
  .container-tendencias .contenedor {
    max-width: 990px;
  }
}
@media (min-width: 1360px) and (min-width: 1550px) {
  .container-tendencias .contenedor {
    max-width: 1200px;
  }
}
@media (min-width: 1360px) {
  .moduloPandemia, .moduloRadio, .moduloClima, .bloque_cotizaciones, .moduloQuiniela, .moduloEncuestas, .bloque_sabana, .relleno, .modulo-alerta .bloque {
    max-width: 986px;
  }
}
@media (min-width: 1360px) and (min-width: 1550px) {
  .moduloPandemia, .moduloRadio, .moduloClima, .bloque_cotizaciones, .moduloQuiniela, .moduloEncuestas, .bloque_sabana, .relleno, .modulo-alerta .bloque {
    max-width: 1200px;
  }
}
@media (min-width: 1360px) {
  .error_page .error_fondo .bloque-descripcion {
    right: -70px;
    top: 245px;
  }
  .bloque-historiasAca .titulo_bloque {
    top: 340px;
  }
  .bloque_sabana .nota--linea .nota__media--link img, .relleno .nota--linea .nota__media--link img {
    height: 152px;
  }
  .apertura_1 .nota_desktop {
    display: none;
  }
  .apertura_1 .nota_mobile {
    display: block;
  }
  .apertura_1 .nota--especial .nota__media img {
    min-height: 485px;
  }
  .apertura_1 .nota--especial .nota__media .video-wrapper {
    padding-bottom: 102.25%;
  }
  .apertura_1 .notas-secundarias .nota--gral .nota__media img {
    object-fit: cover;
  }
  .bloque_5Notas .nota--gral .nota__media .video-wrapper {
    padding: 33.3%;
    min-height: 0;
  }
}
@media (min-width: 1550px) {
  .seccion-propiedades .menu__propiedades ul li {
    padding: 0 20px;
  }
  .bloque_5Notas .nota--gral .nota__media .video-wrapper {
    padding: 27.1%;
  }
  .apertura_1 .nota--especial .nota__media .video-wrapper {
    padding-bottom: 83.55%;
  }
  .apertura_1 .notas-secundarias .nota--gral:first-of-type .nota__titulo-item {
    padding-bottom: 21px;
  }
}
/*------------------------------------*\
    $TEXTURAS
\*------------------------------------*/
.alert--block, .alert--info, .alert--error, .alert--warning, .alert--success {
  margin-bottom: 1.2;
  padding: 8px 35px 8px 14px;
  background-color: rgb(252, 228, 207);
  border: 1px solid #f6ae6f;
  font-family: "Noto Sans", sans-serif;
  font-size: 0.75rem;
  color: #904809;
  border-radius: 3px;
  position: relative;
}
.alert--block .alert--heading, .alert--info .alert--heading, .alert--error .alert--heading, .alert--warning .alert--heading, .alert--success .alert--heading {
  color: inherit;
}
.alert--block .close, .alert--info .close, .alert--error .close, .alert--warning .close, .alert--success .close {
  position: absolute;
  top: -2px;
  right: 2px;
  float: right;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 18px;
  color: inherit;
}

.alert--success {
  background-color: rgb(197.3220338983, 229.6779661017, 197.3220338983);
  border-color: rgb(161.8813559322, 214.1186440678, 161.8813559322);
  color: rgb(52.4745762712, 119.5254237288, 52.4745762712);
}

.alert--warning {
  background-color: rgb(246.8961038961, 214.4805194805, 185.1038961039);
  border-color: rgb(241.5974025974, 187.987012987, 139.4025974026);
  color: rgb(158.6103896104, 85.0519480519, 18.3896103896);
}

.alert--error {
  background-color: rgb(243.8493150685, 201.9589041096, 200.1506849315);
  border-color: rgb(235.2328767123, 160.9726027397, 157.7671232877);
  color: rgb(218, 79, 73);
}

.alert--info {
  background-color: rgb(109.2242152466, 200.2376681614, 228.7757847534);
  border-color: rgb(35.9820627803, 160.8609865471, 200.0179372197);
  color: rgb(4.8789237668, 21.8116591928, 27.1210762332);
}

.alert--block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert--block .alert--heading {
  margin-bottom: 0.15;
  font-size: inherit;
  font-weight: bold;
}
.alert--block > p,
.alert--block > ul {
  margin-bottom: 0;
}
.alert--block p + p {
  margin-top: 5px;
}

.badge--info, .badge--success, .badge--warning, .badge--error, .badge--primary {
  padding: 0.1em 0.3em;
  margin-right: 3px;
  font-size: 0.75rem;
  white-space: nowrap;
  border: 1px solid currentcolor;
  border-radius: 3px;
  color: rgb(76.5, 76.5, 76.5);
  background-color: transparent;
  -webkit-transition: background-color 0.25s 0 linear;
  -moz-transition: background-color 0.25s 0 linear;
  -ms-transition: background-color 0.25s 0 linear;
  -o-transition: background-color 0.25s 0 linear;
  transition: background-color 0.25s 0 linear;
}
.badge--info:hover, .badge--success:hover, .badge--warning:hover, .badge--error:hover, .badge--primary:hover {
  color: rgb(76.5, 76.5, 76.5);
  text-decoration: none;
  cursor: pointer;
}

.badge--error {
  color: rgb(218, 79, 73);
}

.badge--warning {
  color: rgb(231, 135, 48);
}

.badge--success {
  color: rgb(91, 183, 91);
}

.badge--info {
  color: rgb(66, 184, 221);
}

.badge--icon {
  display: inline-block;
  color: rgb(76.5, 76.5, 76.5);
  border: 1px solid rgb(242.25, 242.25, 242.25);
  border-radius: 3px;
  padding: 12px;
  background-color: transparent;
  text-align: center;
}

::-moz-selection {
  background-color: white;
  color: #D6001A;
  text-shadow: none;
}

::selection {
  background-color: white;
  color: #D6001A;
  text-shadow: none;
}

/**
* Componets used for layouts, headers, articles, etc...
**/
/*------------------------------------*\
    $grid
\*------------------------------------*/
* {
  box-sizing: border-box;
}

.grid {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.nowrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.justify-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.justify-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.justify-center {
  -webkit-justify-content: center;
  justify-content: center;
}

.justify-space {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.justify-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.vertical {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.vertical.reverse {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.align-top {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}

.align-bottom {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

.align-center {
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: center;
  align-self: center;
}

.align-baseline {
  -webkit-align-items: baseline;
  align-items: baseline;
}

.align-stretch {
  -webkit-align-items: stretch;
  align-items: stretch;
}

[class^=item-], [class*=" item-"] {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}
@media (min-width: 768px) {
  [class^=item-], [class*=" item-"] {
    margin: 6px;
    padding: 5px;
  }
}
[class^=item-].fit, [class*=" item-"].fit {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}
[class^=item-].columna-left, [class*=" item-"].columna-left {
  padding: 0;
  margin: 0;
}
[class^=item-].columna-right, [class*=" item-"].columna-right {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  [class^=item-] .nowrap-desktop, [class*=" item-"] .nowrap-desktop {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  [class^=item-].columna-left, [class*=" item-"].columna-left {
    -webkit-flex: 0 0 calc(100% - 334px);
    flex: 0 0 calc(100% - 334px);
    width: auto;
  }
  [class^=item-].columna-right, [class*=" item-"].columna-right {
    -webkit-flex: 0 0 334px;
    flex: 0 0 334px;
    width: 334px;
  }
}
[class^=item-].fill, [class*=" item-"].fill {
  -webkit-flex: 1 1;
  flex: 1 1;
  width: auto;
}
[class^=item-].collapse, [class*=" item-"].collapse {
  margin-left: 0;
  margin-right: 0;
}
[class^=item-].collapse-padding, [class*=" item-"].collapse-padding {
  padding-left: 0;
  padding-right: 0;
}

.item-1.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-1 {
    max-width: calc(8.3333333333% - 12px);
    flex: 0 0 calc(8.3333333333% - 12px);
  }
}
.item-1.collapse {
  max-width: calc(8.3333333333%);
  flex: 0 0 calc(8.3333333333%);
}

.item-2.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-2 {
    max-width: calc(16.6666666667% - 12px);
    flex: 0 0 calc(16.6666666667% - 12px);
  }
}
.item-2.collapse {
  max-width: calc(16.6666666667%);
  flex: 0 0 calc(16.6666666667%);
}

.item-3.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-3 {
    max-width: calc(25% - 12px);
    flex: 0 0 calc(25% - 12px);
  }
}
.item-3.collapse {
  max-width: calc(25%);
  flex: 0 0 calc(25%);
}

.item-4.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-4 {
    max-width: calc(33.3333333333% - 12px);
    flex: 0 0 calc(33.3333333333% - 12px);
  }
}
.item-4.collapse {
  max-width: calc(33.3333333333%);
  flex: 0 0 calc(33.3333333333%);
}

.item-5.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-5 {
    max-width: calc(41.6666666667% - 12px);
    flex: 0 0 calc(41.6666666667% - 12px);
  }
}
.item-5.collapse {
  max-width: calc(41.6666666667%);
  flex: 0 0 calc(41.6666666667%);
}

.item-6.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-6 {
    max-width: calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
  }
}
.item-6.collapse {
  max-width: calc(50%);
  flex: 0 0 calc(50%);
}

.item-7.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-7 {
    max-width: calc(58.3333333333% - 12px);
    flex: 0 0 calc(58.3333333333% - 12px);
  }
}
.item-7.collapse {
  max-width: calc(58.3333333333%);
  flex: 0 0 calc(58.3333333333%);
}

.item-8.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-8 {
    max-width: calc(66.6666666667% - 12px);
    flex: 0 0 calc(66.6666666667% - 12px);
  }
}
.item-8.collapse {
  max-width: calc(66.6666666667%);
  flex: 0 0 calc(66.6666666667%);
}

.item-9.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-9 {
    max-width: calc(75% - 12px);
    flex: 0 0 calc(75% - 12px);
  }
}
.item-9.collapse {
  max-width: calc(75%);
  flex: 0 0 calc(75%);
}

.item-10.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-10 {
    max-width: calc(83.3333333333% - 12px);
    flex: 0 0 calc(83.3333333333% - 12px);
  }
}
.item-10.collapse {
  max-width: calc(83.3333333333%);
  flex: 0 0 calc(83.3333333333%);
}

.item-11.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-11 {
    max-width: calc(91.6666666667% - 12px);
    flex: 0 0 calc(91.6666666667% - 12px);
  }
}
.item-11.collapse {
  max-width: calc(91.6666666667%);
  flex: 0 0 calc(91.6666666667%);
}

.item-12.grid {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .item-12 {
    max-width: calc(100% - 12px);
    flex: 0 0 calc(100% - 12px);
  }
}
.item-12.collapse {
  max-width: calc(100%);
  flex: 0 0 calc(100%);
}

/*------------------------------------*\
    $UTILITIES
\*------------------------------------*/
/*
*
* Selectors repeated constantly
*/
/*
 * Classes for font- sizes, you can check them in Settings.scss
 * Same name of the variables with the `font-` prefix

		.font-x-small {
			font-size: .9rem;
		}


 */
.font-f_8 {
  font-size: 0.5rem;
  line-height: 1.5;
}

.font-f_9 {
  font-size: 0.5625rem;
  line-height: 1.5;
}

.font-f_10 {
  font-size: 0.625rem;
  line-height: 1.5;
}

.font-f_11 {
  font-size: 0.6875rem;
  line-height: 1.5;
}

.font-f_12 {
  font-size: 0.75rem;
  line-height: 1.5;
}

.font-f_13 {
  font-size: 0.8125rem;
  line-height: 1.5;
}

.font-f_14 {
  font-size: 0.875rem;
  line-height: 1.5;
}

.font-f_15 {
  font-size: 0.9375rem;
  line-height: 1.5;
}

.font-f_16 {
  font-size: 1rem;
  line-height: 1.5;
}

.font-f_17 {
  font-size: 1.063rem;
  line-height: 1.5;
}

.font-f_18 {
  font-size: 1.125rem;
  line-height: 1.5;
}

.font-f_20 {
  font-size: 1.25rem;
  line-height: 1.5;
}

.font-f_21 {
  font-size: 1.3125rem;
  line-height: 1.5;
}

.font-f_22 {
  font-size: 1.375rem;
  line-height: 1.5;
}

.font-f_24 {
  font-size: 1.5rem;
  line-height: 1.5;
}

.font-f_26 {
  font-size: 1.625rem;
  line-height: 1.5;
}

.font-f_28 {
  font-size: 1.75rem;
  line-height: 1.5;
}

.font-f_30 {
  font-size: 1.875rem;
  line-height: 1.5;
}

.font-f_32 {
  font-size: 2rem;
  line-height: 1.5;
}

.font-f_34 {
  font-size: 2.125rem;
  line-height: 1.5;
}

.font-f_36 {
  font-size: 2.25rem;
  line-height: 1.5;
}

.font-f_38 {
  font-size: 2.375rem;
  line-height: 1.5;
}

.font-f_40 {
  font-size: 2.5rem;
  line-height: 1.5;
}

.font-f_42 {
  font-size: 2.625rem;
  line-height: 1.5;
}

.font-f_44 {
  font-size: 2.75rem;
  line-height: 1.5;
}

.font-f_46 {
  font-size: 2.875rem;
  line-height: 1.5;
}

.font-f_48 {
  font-size: 3rem;
  line-height: 1.5;
}

.font-f_50 {
  font-size: 3.125rem;
  line-height: 1.5;
}

.font-f_52 {
  font-size: 3.25rem;
  line-height: 1.5;
}

.font-f_60 {
  font-size: 3.75rem;
  line-height: 1.5;
}

.font-f_64 {
  font-size: 4rem;
  line-height: 1.5;
}

.font-f_65 {
  font-size: 4.063rem;
  line-height: 1.5;
}

.font-f_70 {
  font-size: 4.375rem;
  line-height: 1.5;
}

.float-right {
  float: right;
}

.inline-block {
  display: inline-block;
}

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

.margin-bottom {
  margin-bottom: 24px;
}

/*------------------------------------*\
    $PLACEHOLDERS
\*------------------------------------*/
/**
* The ghost, nudged to maintain perfect centering
*/
/**
* Escondemos el texto solo VISUALMENTE
*/
/**
* Escondemos el texto de VISUALMENTE y SCREENREADERS
*/
/**
* Escondemos pero mantenemos layout.
*/
/**
* Visualmente escondido, pero se puede detectar con teclado (focus).
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}

/**
* Clear floats.
* http://bit.ly/1e3YaBH
*/
.btn-group:after {
  content: "";
  display: table;
  clear: both;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

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

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 1rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.mx-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-2 {
  margin: 1.5rem !important;
}

.mt-2 {
  margin-top: 1.5rem !important;
}

.mr-2 {
  margin-right: 1.5rem !important;
}

.mb-2 {
  margin-bottom: 1.5rem !important;
}

.ml-2 {
  margin-left: 1.5rem !important;
}

.mx-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.my-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.ml-3 {
  margin-left: 3rem !important;
}

.mx-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 1rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.px-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-2 {
  padding: 1.5rem !important;
}

.pt-2 {
  padding-top: 1.5rem !important;
}

.pr-2 {
  padding-right: 1.5rem !important;
}

.pb-2 {
  padding-bottom: 1.5rem !important;
}

.pl-2 {
  padding-left: 1.5rem !important;
}

.px-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.py-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

.px-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}