@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
**/
@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: "Ubuntu";
  src: url("../fonts/Ubuntu/Ubuntu-Light.eot");
  src: url("../fonts/Ubuntu/Ubuntu-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Ubuntu/Ubuntu-Light.woff2") format("woff2"), url("../fonts/Ubuntu/Ubuntu-Light.woff") format("woff"), url("../fonts/Ubuntu/Ubuntu-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu/Ubuntu-Regular.eot");
  src: url("../fonts/Ubuntu/Ubuntu-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Ubuntu/Ubuntu-Regular.woff2") format("woff2"), url("../fonts/Ubuntu/Ubuntu-Regular.woff") format("woff"), url("../fonts/Ubuntu/Ubuntu-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu/Ubuntu-Medium.eot");
  src: url("../fonts/Ubuntu/Ubuntu-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Ubuntu/Ubuntu-Medium.woff2") format("woff2"), url("../fonts/Ubuntu/Ubuntu-Medium.woff") format("woff"), url("../fonts/Ubuntu/Ubuntu-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu/Ubuntu-Bold.eot");
  src: url("../fonts/Ubuntu/Ubuntu-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Ubuntu/Ubuntu-Bold.woff2") format("woff2"), url("../fonts/Ubuntu/Ubuntu-Bold.woff") format("woff"), url("../fonts/Ubuntu/Ubuntu-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu/Ubuntu-Italic.eot");
  src: url("../fonts/Ubuntu/Ubuntu-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Ubuntu/Ubuntu-Italic.woff2") format("woff2"), url("../fonts/Ubuntu/Ubuntu-Italic.woff") format("woff"), url("../fonts/Ubuntu/Ubuntu-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
/*------------------------------------*\
    $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.5;
}
figure img {
  margin-bottom: 0.375;
}
figure figcaption {
  display: block;
  font-weight: normal;
  font-size: 0.75rem;
  font-style: italic;
  color: #4d4d4d;
}

/*------------------------------------*\
    $FORMULARIOS
\*------------------------------------*/
form {
  margin: 0 0 1.5 0;
}
form fieldset {
  margin-bottom: 1.5;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 3;
  padding: 0;
  color: #4d4d4d;
  border: 0;
  border-bottom: 1px solid #bfbfbf;
  white-space: normal;
}
form legend small {
  font-size: 0.625rem;
  color: #bfbfbf;
}
form p {
  margin-bottom: 0.75;
}
form ul {
  list-style-type: none;
  margin: 0 0 1.5 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: "Roboto", 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.1875;
  font-family: 0.625rem;
  font-weight: bold;
  color: #4d4d4d;
  cursor: pointer;
}

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

select {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 4px;
  margin-bottom: 1.5;
  background-color: rgb(255, 255, 255);
  border: 1px solid #bfbfbf;
  color: #4d4d4d;
}
select:hover {
  border-color: gray;
}

.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: #bfbfbf;
  border-color: rgb(255, 255, 255);
  border-width: 1px;
  box-shadow: 0 0 0 1px #bfbfbf;
}
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: #DE7637, 40%;
  box-shadow: 0 0 1px 1px #bfbfbf;
  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: #fef2e7;
  border: 1px solid rgb(252, 228, 207);
}

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

/*------------------------------------*\
    $BOTONES
\*------------------------------------*/
/*
 * Definimos los botones y sus variantes
 */
/**
* .btn es la clase principal para definir un botón
*/
.el_cronista_home .contenedor .btn--ver_mas, .gente_home .contenedor .btn--ver_mas, .periodismo_ciudadano_home .contenedor .btn--ver_mas, .bloque_1 .btn--ver_mas,
.bloque_2 .btn--ver_mas,
.bloque_3 .btn--ver_mas,
.bloque_4 .btn--ver_mas,
.bloque_5 .btn--ver_mas,
.bloque_6 .btn--ver_mas,
.bloque_7 .btn--ver_mas,
.bloque_10 .btn--ver_mas, .btn--blanco, .btn--whatsapp, .btn--gris, .btn--inverse, .btn--naranja, .cont_boton_editar, .btn--primary, .btn--success, .btn--warning, .btn--error, .btn--info, .btn--disabled {
  display: inline-block;
  line-height: 3;
  color: #4d4d4d;
  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.
  	*/
}
.el_cronista_home .contenedor .btn--ver_mas:hover, .gente_home .contenedor .btn--ver_mas:hover, .periodismo_ciudadano_home .contenedor .btn--ver_mas:hover, .bloque_1 .btn--ver_mas:hover,
.bloque_2 .btn--ver_mas:hover,
.bloque_3 .btn--ver_mas:hover,
.bloque_4 .btn--ver_mas:hover,
.bloque_5 .btn--ver_mas:hover,
.bloque_6 .btn--ver_mas:hover,
.bloque_7 .btn--ver_mas:hover,
.bloque_10 .btn--ver_mas:hover, .btn--blanco:hover, .btn--whatsapp:hover, .btn--gris:hover, .btn--inverse: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: #4d4d4d;
}
.el_cronista_home .contenedor .btn--ver_mas:active, .gente_home .contenedor .btn--ver_mas:active, .periodismo_ciudadano_home .contenedor .btn--ver_mas:active, .bloque_1 .btn--ver_mas:active,
.bloque_2 .btn--ver_mas:active,
.bloque_3 .btn--ver_mas:active,
.bloque_4 .btn--ver_mas:active,
.bloque_5 .btn--ver_mas:active,
.bloque_6 .btn--ver_mas:active,
.bloque_7 .btn--ver_mas:active,
.bloque_10 .btn--ver_mas:active, .btn--blanco:active, .btn--whatsapp:active, .btn--gris:active, .btn--inverse: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, .el_cronista_home .contenedor .btn--ver_mas:focus, .gente_home .contenedor .btn--ver_mas:focus, .periodismo_ciudadano_home .contenedor .btn--ver_mas:focus, .bloque_1 .btn--ver_mas:focus,
.bloque_2 .btn--ver_mas:focus,
.bloque_3 .btn--ver_mas:focus,
.bloque_4 .btn--ver_mas:focus,
.bloque_5 .btn--ver_mas:focus,
.bloque_6 .btn--ver_mas:focus,
.bloque_7 .btn--ver_mas:focus,
.bloque_10 .btn--ver_mas:focus, .btn--blanco:focus, .btn--whatsapp:focus, .btn--gris:focus, .btn--inverse: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;
}
.el_cronista_home .contenedor .btn--ver_mas:visited, .gente_home .contenedor .btn--ver_mas:visited, .periodismo_ciudadano_home .contenedor .btn--ver_mas:visited, .bloque_1 .btn--ver_mas:visited,
.bloque_2 .btn--ver_mas:visited,
.bloque_3 .btn--ver_mas:visited,
.bloque_4 .btn--ver_mas:visited,
.bloque_5 .btn--ver_mas:visited,
.bloque_6 .btn--ver_mas:visited,
.bloque_7 .btn--ver_mas:visited,
.bloque_10 .btn--ver_mas:visited, .btn--blanco:visited, .btn--whatsapp:visited, .btn--gris:visited, .btn--inverse: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: #4d4d4d;
}

/*------------------------------------*\
    $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: #f2f2f2;
}

/**
* 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: #DE7637;
  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 #f2f2f2;
  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: "Roboto", sans-serif;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1.altheader,
h2.altheader,
h3.altheader,
h4.altheader,
h5.altheader,
h6.altheader {
  color: #4d4d4d;
  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.5;
  line-height: 1.5;
}

small {
  font-size: 0.625rem;
  color: #4d4d4d;
}

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

li ul,
li ol {
  margin: 0;
}

blockquote {
  margin: 0 0 1.5 0;
  padding-left: 24px;
  border-left: 2px solid #f2f2f2;
  font-family: "Roboto Slab", serif;
  font-style: normal;
}
blockquote p {
  font-size: 0.75rem;
  color: #4d4d4d;
  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.5;
}

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 #f2f2f2;
  cursor: help;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

ins {
  background-color: white;
  color: #4d4d4d;
  text-decoration: none;
}

mark {
  background-color: yellow;
  color: #4d4d4d;
}

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

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.5;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

hr {
  clear: both;
  display: block;
  margin: 1.5 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #f2f2f2;
}

.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.5;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}
table th,
table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #4d4d4d;
  font-size: 0.75rem;
  line-height: 1.5;
  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 #4d4d4d;
}
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: #f2f2f2;
}

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

.table-bordered {
  border: 1px solid #4d4d4d;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #4d4d4d;
}
.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: #f2f2f2;
}

.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: #DE7637;
  transition: width 0.6s ease;
}
.progress-bar .opcion, .progress-bar .valor {
  position: absolute;
  color: rgb(0, 0, 0);
}
.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;
  /*hide the inputs*/
  /*show the second levele menu of the selected voice*/
  /*style for the second level menu*/
}
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 {
  display: none;
}
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 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 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 15px 15px 15px;
  overflow: hidden;
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}
.ph-item, .ph-item *,
.ph-item ::after, .ph-item ::before {
  box-sizing: border-box;
}
.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: 24px;
  height: 16px;
  display: inline-block;
  position: relative;
}
.hamburger-box:hover {
  opacity: 0.7;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 24px;
  height: 2px;
  background-color: #FFC396;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner.isDeportes, .hamburger-inner.isDeportes::before, .hamburger-inner.isDeportes::after {
  width: 24px;
  height: 2px;
  background-color: white;
  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: 24px;
}
.hamburger-inner::after {
  bottom: -7px;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 48px;
}
.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: 48px;
}
.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: 48px;
}
.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: 48px;
}
.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: 48px;
}
.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: 48px;
}
.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(-4.8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-4.8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(4.8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(4.8px, 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(-4.8px, -6px, 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(-4.8px, 6px, 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(4.8px, -6px, 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(4.8px, 6px, 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;
}

/*
 * 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: -48px;
  top: -48px;
  transform: translate3d(48px, 48px, 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: -48px;
  top: -48px;
  transform: translate3d(-48px, 48px, 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: -48px;
  top: 48px;
  transform: translate3d(48px, -48px, 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: -48px;
  top: 48px;
  transform: translate3d(-48px, -48px, 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.4285714286px, -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.4285714286px, -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: #DE7637;
  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: #DE7637;
  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: #DE7637;
  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: #DE7637;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px;
}

.ath-viewport {
  position: relative;
  z-index: 2147483641;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}
.ath-viewport * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ath-modal {
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.6);
}

.ath-mandatory {
  background: #000;
}

.ath-container {
  pointer-events: auto !important;
  position: absolute;
  z-index: 2147483641;
  padding: 0.7em 0.6em;
  width: 18em;
  background: #eee;
  background-size: 100% auto;
  box-shadow: 0 0.2em 0 #d1d1d1;
  font-family: sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  text-align: center;
}
.ath-container small {
  font-size: 0.8em;
  line-height: 1.3em;
  display: block;
  margin-top: 0.5em;
}

.ath-ios.ath-phone {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em;
}

.ath-ios6.ath-tablet {
  left: 5em;
  top: 1.8em;
}

.ath-ios7.ath-tablet {
  left: 0.7em;
  top: 1.8em;
}

.ath-ios8.ath-tablet, .ath-ios9.ath-tablet, .ath-ios10.ath-tablet {
  right: 0.4em;
  top: 1.8em;
}

.ath-android {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em;
}

/* close icon */
.ath-container:before {
  content: "";
  position: relative;
  display: block;
  float: right;
  margin: -0.7em -0.6em 0 0.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 2.7em;
  height: 2.7em;
  text-align: center;
  overflow: hidden;
  color: #a33;
  z-index: 2147483642;
}
.ath-container.ath-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  float: none;
}

.ath-mandatory .ath-container:before {
  display: none;
}

.ath-container.ath-android:before {
  float: left;
  margin: -0.7em 0.5em 0 -0.6em;
}
.ath-container.ath-android.ath-icon:before {
  position: absolute;
  right: auto;
  left: 0;
  margin: 0;
  float: none;
}
/* applied only if the application icon is shown */
.ath-action-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}

.ath-ios7 .ath-action-icon, .ath-ios8 .ath-action-icon, .ath-ios9 .ath-action-icon, .ath-ios10 .ath-action-icon {
  width: 1.6em;
  height: 1.6em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wMWI/WasfQAAAABJRU5ErkJggg==);
  margin-top: -0.3em;
  background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
  width: 1.8em;
  height: 1.8em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUMW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
  margin-bottom: 0.4em;
  background-size: 100% auto;
}

.ath-android .ath-action-icon {
  width: 1.4em;
  height: 1.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
  background-size: 100% auto;
}

.ath-container p {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2147483642;
  text-shadow: 0 0.1em 0 #fff;
  font-size: 1.1em;
}

.ath-ios.ath-phone:after {
  content: "";
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  bottom: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  box-shadow: 0.2em 0.2em 0 #d1d1d1;
}
.ath-ios.ath-tablet:after {
  content: "";
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  top: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  z-index: 2147483641;
}

.ath-application-icon {
  position: relative;
  padding: 0;
  border: 0;
  margin: 0 auto 0.2em auto;
  height: 6em;
  width: 6em;
  z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
  border-radius: 1em;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
  .ath-container.ath-phone {
    width: 24em;
  }
  .ath-android.ath-phone, .ath-ios.ath-phone {
    margin-left: -12em;
  }
  .ath-ios6:after {
    left: 39%;
  }
  .ath-ios8.ath-phone {
    left: auto;
    bottom: auto;
    right: 0.4em;
    top: 1.8em;
  }
  .ath-ios8.ath-phone:after {
    bottom: auto;
    top: -0.9em;
    left: 68%;
    z-index: 2147483641;
    box-shadow: none;
  }
}
/**
* 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: transparent;
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  color: #4d4d4d;
}

/**
* 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: #000;
}

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;
  height: 100% !important;
}
.video-wrapper img {
  height: auto !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;
}

.publicidad_footer_sticky {
  position: fixed;
  z-index: 900;
  width: 100%;
  bottom: 40px;
  top: inherit;
  height: auto;
  display: flex;
  justify-content: center;
}
.publicidad_footer_sticky.inHome {
  bottom: 0;
}
.publicidad_footer_sticky .cont_sticky {
  display: inline-block;
  position: relative;
}
.publicidad_footer_sticky .cont_sticky .close_sticky {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -8px;
  right: -8px;
  cursor: pointer;
}
.publicidad_footer_sticky .cont_sticky .contenedor__publicidad {
  margin: 0;
}
.publicidad_footer_sticky .cont_sticky .cont_mediakit {
  position: absolute;
  top: -91px;
  left: 0;
  right: 0;
}

.contenedor__publicidad {
  margin: 1rem auto;
  overflow: hidden;
}
.contenedor__publicidad .publicidad {
  text-align: center;
}
.contenedor__publicidad .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;
  margin: 0 auto;
}
.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;
}

._widget_fluid_desktop iframe {
  width: 100% !important;
}

.fb_iframe_widget_fluid span {
  width: 100%;
  height: 145px;
}

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

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #DE7637;
  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;
}

.comentarios {
  background-color: rgb(255, 255, 255);
}

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

.cont_boton_editar {
  position: absolute;
  left: 6px;
  top: 147px;
  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: #f2f2f2;
}
.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 {
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
}
.mustang a:focus, .mustang a:hover {
  text-decoration: none;
}
.mustang a img {
  width: 30px;
  margin-right: 5px;
}

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

.btn--inverse {
  background-color: transparent;
  color: #DE7637;
  text-transform: uppercase;
  -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: 1px solid;
  line-height: 2.5;
}
.btn--inverse:hover {
  background-color: transparent;
  color: #DE7637;
}
.btn--inverse:visited {
  background-color: transparent;
  color: #DE7637;
}

.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: #DE7637;
}
.btn--link:hover {
  color: #DE7637;
}
.btn--link:visited {
  color: #DE7637;
}

.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) {
  .left-p {
    width: calc(30% - 10px);
    height: calc(100% - 10px);
    float: left;
  }
  .right-p {
    width: calc(70% - 10px);
    height: calc(100% - 10px);
    float: left;
  }
}
@media (min-width: 992px) {
  .cont-p {
    flex: 0 0 calc(100% - 324px);
    padding: 0 !important;
    margin: 0 !important;
  }
  .cont-300 {
    flex: 0 0 324px;
  }
  .cont-p-home {
    flex: 0 0 calc(100% - 270px);
    padding: 0 !important;
    margin: 0 !important;
  }
  .cont-p-home .contenedor.grid {
    max-width: 1230px;
  }
  .cont-mobile {
    flex: 0 0 260px;
  }
  .cont-mobile .publi_sticky_home .contenedor__publicidad .publicidad {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.tabs_contenedor .tabs-slide {
  white-space: nowrap;
  padding: 10px 0;
  margin-bottom: 10px;
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tabs_contenedor .tabs-slide:-webkit-scrollbar {
  display: none;
}
.tabs_contenedor .tabs-slide a {
  text-decoration: none;
  font-size: 1rem;
  font-weight: bold;
  margin: 5px 10px;
}
.tabs_contenedor .tabs-slide .active {
  border-bottom: 3px solid #DE7637;
  color: #DE7637;
}
.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 #DE7637;
}
.tabs_contenedor .tabs .active a {
  color: #DE7637;
}
.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: 10.8; /* 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: 3.6; /* Fallback for non-webkit */
  font-size: 1;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-top: 0;
}
@-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 .titulo {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .tabs_contenedor .tabs-slide {
    padding: 0;
    margin-bottom: 0px;
  }
  .tabs_contenedor .tabs-slide a {
    line-height: 3;
  }
  .tabs_contenedor .tabs-slide:after {
    content: "";
    border-bottom: 1px solid #d1d1d1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
  }
  .tabs_contenedor .tabs-content {
    padding-top: 0;
  }
}
.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;
}

.p_formulario .importante {
  color: red;
}

.form-group {
  margin-bottom: 10px;
  position: relative;
}
.form-group label {
  font-size: 1rem;
  margin-bottom: 5px;
}
.form-group .detalle {
  color: darkgrey;
  font-size: 13px;
}
.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: #DE7637;
  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: #DE7637;
  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;
}

@-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.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;
  bottom: 0;
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}
.interstitial-container .interstitial-nav {
  position: absolute;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.interstitial-container .interstitial-nav p {
  margin-bottom: 0;
}
.interstitial-container .interstitial-next {
  cursor: pointer;
  right: calc(50% - 83.5px);
  background: #DE7637;
  border: 0;
  padding: 21px 18px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.interstitial-container .interstitial-next span {
  font-size: 18px;
  line-height: 0;
  color: white;
  text-transform: uppercase;
}

.interstitial-mobile {
  display: none;
}

.interstitial-desktop {
  display: block;
}

/*-------------------------------------Header-------------------------------------------------*/
.header {
  height: 56px;
  position: sticky;
  top: 0;
  z-index: 1001;
}
.header .cont_header {
  height: 56px;
  /*transition: all .2s ease-in-out;*/
  background-color: #DE7637;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.header .cont_header .cont-menu-desktop {
  position: initial;
}
.header .cont_header .cont-menu-desktop .grid {
  position: initial;
}
.header .cont_header .cont-menu-desktop .grid .hamburger {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 16px;
}
.header .cont_header .cont-menu-desktop .grid .navbar-menu-desktop {
  list-style: none;
  display: none;
}
.header .cont_header .cont-menu-desktop .grid .navbar-menu-desktop li {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 4px solid transparent;
}
.header .cont_header .cont-menu-desktop .grid .navbar-menu-desktop li a {
  color: #ffc396;
}
.header .cont_header .cont-menu-desktop .grid .navbar-menu-desktop .is-active a {
  color: rgb(255, 255, 255);
  position: relative;
}
.header .cont_header .cont-menu-desktop .grid .navbar-menu-desktop .is-active a::before {
  content: "";
  border-top: 5px solid rgb(255, 255, 255);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: absolute;
  bottom: -10px;
  width: 100%;
}
.header .cont_header.isDeportes {
  background-color: #6EB2E2;
}
.header .cont_header.isDeportes .cont-menu-desktop .grid .navbar-menu-desktop li a {
  color: white;
}
.header .cont_header .logo {
  text-align: center;
}
.header .cont_header .logo .logo_normal {
  height: 33px;
}
.header .cont_header .logo .logo_custom {
  height: 40px;
}
.header .cont_header .logo .logo_custom.isDeportes {
  max-width: 197px;
}
.header .cont_header .navbar {
  position: fixed;
  bottom: 0;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  height: 100%;
  width: auto;
  text-align: center;
  top: 56px;
}
.header .cont_header .navbar .navbar-menu {
  position: relative;
  z-index: 9000;
  left: 0;
  top: 0;
  height: 100%;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 0 5px 0 rgb(184, 182, 184);
  box-shadow: 0 0 5px 0 rgb(184, 182, 184);
  transition: all 0.5s ease-in-out;
  width: 0;
  overflow-x: hidden;
}
.header .cont_header .navbar .navbar-menu.is-active {
  width: 100%;
}
.header .cont_header .navbar .navbar-menu.is-active .menu-mobile {
  /*display: block;*/
  opacity: 1;
}
.header .cont_header .navbar .navbar-menu .menu {
  width: 100%;
  list-style: none;
  padding: 20px 0;
  text-align: left;
}
.header .cont_header .navbar .navbar-menu .menu li {
  display: block;
  padding: 7px 0 6px 30px;
}
.header .cont_header .navbar .navbar-menu .menu li a {
  color: #DE7637;
}
.header .cont_header .navbar .navbar-menu .menu li:focus, .header .cont_header .navbar .navbar-menu .menu li:hover, .header .cont_header .navbar .navbar-menu .menu li.is-active {
  background-color: silver;
  -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 .cont_header .navbar .navbar-menu .menu li:focus a, .header .cont_header .navbar .navbar-menu .menu li:hover a, .header .cont_header .navbar .navbar-menu .menu li.is-active a {
  color: rgb(0, 0, 0);
}
.header .cont_header .navbar .navbar-menu .menu_nota .nota {
  padding-top: 20px;
}
.header .cont_header .navbar .navbar-menu .menu_nota .nota .media {
  margin-bottom: 15px;
}
.header .cont_header .navbar .navbar-menu .menu_nota .nota .data .volanta {
  margin-bottom: 5px;
}
.header .cont_header .navbar .navbar-menu .menu_nota .nota .data .titulo {
  text-align: left;
}
.header .cont_header .navbar .navbar-menu .menu_nota .nota.solo_susc .data {
  margin-bottom: 22px;
}
.header .cont_header .navbar .navbar-menu .menu_desktop {
  display: none;
}
.header .cont_header .navbar .navbar-menu .menu_desktop.isDeportes .navbar-menu-desktop ul li {
  color: rgb(255, 255, 255);
}
.header .cont_header .navbar .navbar-menu .menu-mobile {
  width: 100vw;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  -o-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones {
  background-color: #d8610a;
  height: 123px;
  position: relative;
  z-index: 999;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones.isDeportes {
  background-color: #6EB2E2;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones.isDeportes .opciones .item.secciones.is-active {
  background-color: #6EB2E2;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones_cliente .login-contenedor {
  display: flex;
  align-items: center;
  margin-left: 30px;
  height: 90px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones_cliente .login-contenedor .login-modal {
  display: flex;
  align-items: center;
  color: rgb(255, 255, 255);
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones_cliente .usuario {
  float: left;
  display: flex;
  color: #DE7637;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  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;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones_cliente .usuario .icon {
  width: 30px;
  height: 30px;
  color: #acabab;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones_cliente ul.dropdown {
  top: 15px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones_cliente ul.dropdown li label {
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  bottom: -28px;
  height: 56px;
  width: 100%;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item {
  padding: 14px 0;
  float: left;
  font-size: 1.125rem;
  width: 56px;
  background-color: rgb(255, 255, 255);
  margin: 0 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;
  transition: all 0.1s ease;
  -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);
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item .icon {
  width: 25px;
  height: 25px;
  color: #acabab;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item span {
  display: none;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item.secciones.is-active {
  background-color: #DE7637;
  -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;
  width: 46%;
  margin: 0;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item.secciones.is-active a span,
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item.secciones.is-active a .icon {
  color: rgb(255, 255, 255);
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item.secciones.is-active a span {
  display: inline-block;
  padding-left: 5px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item.clima.is-active {
  background-color: #DE7637;
  -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;
  width: 40%;
  margin: 0;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item.clima.is-active a span,
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item.clima.is-active a .icon {
  color: rgb(255, 255, 255);
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item.clima.is-active a span {
  display: inline-block;
  padding-left: 5px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu {
  padding: 40px 0 0 0;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li:focus, .header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li:hover,
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .is-active {
  background-color: transparent;
  border: none;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento {
  display: flex;
  justify-content: space-between;
}
.header .cont_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 .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento .chevron:before {
  top: 25%;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento label a {
  color: #acabab;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento label a:focus, .header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li .elemento label a:hover {
  color: #DE7637;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li ul li {
  padding: 10px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li input[type=checkbox] ~ ul {
  height: 0;
  transform: scaleY(0);
}
.header .cont_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 .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .menu li input[type=checkbox]:checked ~ ul li .elemento .chevron.bottom:before {
  transform: rotate(-45deg);
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima {
  padding: 50px 0 0 0;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .item-12 {
  width: 100%;
  padding: 0 10px;
}
.header .cont_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 .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .alerta a {
  width: 100%;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .alerta a .icon {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  color: rgb(0, 0, 0);
  float: left;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .alerta a span {
  color: rgb(0, 0, 0);
  font-size: 0.875rem;
  line-height: 25px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .ahora {
  text-align: center;
  font-size: 1.125rem;
}
.header .cont_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 .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .temp .icon {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .info {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 30px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_clima .proximo .icon {
  width: 30px;
  height: 30px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_buscador {
  padding: 50px 0 0 0;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_buscador .item-12 {
  width: 100%;
  padding: 0 10px;
}
.header .cont_header .navbar .navbar-menu .menu-mobile .cuerpo .cont_buscador .item-12 .search-text {
  font-size: 1rem;
  margin-bottom: 10px;
}
.header .cont_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 .cont_header .navbar .navbar-menu .menu-mobile .cuerpo.isDeportes .secciones .menu li a {
  color: #6EB2E2;
}
.header .cont_header .user-cont {
  position: absolute;
  right: 10px;
  top: 10px;
}
.header .cont_header .user-cont .user-logged {
  border-radius: 50px;
  background: #FFF;
  width: 38px;
  height: 38px;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.header .cont_header .user-cont .user-logged span {
  color: #DE7637;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 600;
}
.header .cont_header .login-box {
  position: absolute;
  right: 10px;
  top: 55px;
  z-index: 1;
  display: none;
  background: #DE640A;
  border-radius: 10px;
  width: 187px;
  height: 120px;
  flex-direction: column;
  row-gap: 15px;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}
.header .cont_header .login-box .triangle {
  position: absolute;
  top: -13px;
  right: 0;
}
.header .cont_header .login-box .login-btn, .header .cont_header .login-box .register-btn {
  display: flex;
  height: 38px;
  padding: 15px;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #FFF;
  width: 120px;
  justify-content: center;
}
.header .cont_header .login-box .login-btn .btn, .header .cont_header .login-box .register-btn .btn {
  color: #FFF;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 13px;
  line-height: 12px;
  letter-spacing: 1.3px;
}
.header .cont_header .login-box .register-btn {
  background-color: white;
}
.header .cont_header .login-box .register-btn .btn {
  color: #DE640A;
}
.header .cont_header .login-box.active {
  display: flex;
}
.header .cont_header .login-box.logged {
  background-color: white;
  align-items: start;
  height: 108px;
  top: 53px;
}
.header .cont_header .login-box.logged .login-btn, .header .cont_header .login-box.logged .register-btn {
  width: auto;
}
.header .cont_header .login-box.logged .login-btn .btn {
  color: #DE7637;
}
.header .cont_header .login-box.logged .register-btn {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.header .cont_header .login-box.logged .btn {
  font-size: 18px;
}
.header .cont_header .user-unlogged-desk {
  display: none;
  margin-top: 7px;
}
.header .cont_header .user-unlogged-desk .login-btn, .header .cont_header .user-unlogged-desk .register-btn {
  display: flex;
  height: 38px;
  padding: 15px;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #FFF;
  width: 120px;
  justify-content: center;
}
.header .cont_header .user-unlogged-desk .login-btn .btn, .header .cont_header .user-unlogged-desk .register-btn .btn {
  color: #FFF;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 13px;
  line-height: 12px;
  letter-spacing: 1.3px;
}
.header .cont_header .user-unlogged-desk .register-btn {
  background-color: white;
  margin-left: 15px;
}
.header .cont_header .user-unlogged-desk .register-btn .btn {
  color: #DE640A;
}
@media (min-width: 1024px) {
  .header .cont_header .user-unlogged {
    display: none;
  }
  .header .cont_header .user-unlogged-desk {
    display: flex;
  }
}
.header .cont_header .objetos {
  display: none;
  align-items: center;
}
.header .cont_header .objetos .user {
  position: absolute;
  right: 0;
  padding: 0 15px;
}
.header .cont_header .objetos .user img {
  height: 40px;
}
.header .cont_header .objetos .user .login-modal {
  display: none;
}
.header .cont_header .objetos .user .mi-cuenta {
  display: none;
}
.header .cont_header .objetos .user .user-cont {
  justify-content: center;
  height: 32px;
  width: 32px;
  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: 6px;
  color: rgb(0, 0, 0);
}
.header .cont_header .objetos .user .user-cont .usuario {
  text-transform: uppercase;
}
.header .cont_header .objetos .user .user-cont .icon {
  height: 30px;
  width: 30px;
  color: #DE7637;
}
.header .cont_header .objetos .cont_search,
.header .cont_header .objetos .clima,
.header .cont_header .objetos .alerta {
  display: none;
}
.header .cont_header .cont_redes_menu {
  display: none;
}
.header .cont_header.isNegocios {
  background-color: #0f2c40;
}
.header .cont_header.isNegocios .navbar .navbar-menu, .header .cont_header.isNegocios .navbar .navbar-menu .menu-mobile .cont_opciones {
  background-color: #0f2c40;
}
.header .cont_header.isNegocios .logo .logo_custom {
  height: 31px;
}
.header .cont_header.isDeportes .navbar .navbar-menu, .header .cont_header.isDeportes .navbar .navbar-menu .menu-mobile .cont_opciones {
  background-color: #6EB2E2;
}
.header .cont_header.isDeportes .navbar .navbar-menu .menu-mobile .cont_opciones .opciones .item.secciones {
  background-color: #6EB2E2;
}
.header .cont_header.isDeportes .navbar .navbar-menu .menu li a {
  color: white;
}

.header.is-sticky .cont_header .user-unlogged-desk {
  margin-top: 0;
}

.banner__suscripcion {
  color: #fff;
  display: flex;
  background: #0f2c40;
  height: 75px;
  align-items: center;
  z-index: 100;
  width: 100%;
}
.banner__suscripcion-text {
  font-weight: 300;
  font-size: 14px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.banner__suscripcion-msj {
  margin: 9px 0;
}
.banner__suscripcion-button {
  border: 2px solid #fff;
  border-radius: 15px;
  color: #fff;
  background: transparent;
  min-height: 28px;
}
.banner__suscripcion-button a {
  color: #fff;
  font-size: 14px;
  padding: 6px 15px;
}
.banner__suscripcion-button:hover {
  background-color: #fff;
}
.banner__suscripcion-button:hover a {
  color: #0f2c40;
}
.banner__suscripcion-close {
  position: absolute;
  cursor: pointer;
  right: 0px;
  width: 22px;
  height: 25px;
  opacity: 1;
  margin-top: 4px;
}
.banner__suscripcion-close:hover {
  opacity: 0.5;
}
.banner__suscripcion-close:before, .banner__suscripcion-close:after {
  position: absolute;
  content: " ";
  height: 17px;
  width: 1px;
  background-color: #fff;
}
.banner__suscripcion-close:before {
  transform: rotate(45deg);
}
.banner__suscripcion-close:after {
  transform: rotate(-45deg);
}
@media (min-width: 450px) {
  .banner__suscripcion {
    height: 52px;
  }
  .banner__suscripcion-text {
    flex-direction: row;
    align-items: center;
    margin: 0 0 0 5px;
  }
  .banner__suscripcion-msj {
    font-size: 14px;
    margin-right: 5px;
  }
  .banner__suscripcion-button a {
    font-size: 14px;
    padding: 6px 8px;
  }
  .banner__suscripcion-close {
    width: 20px;
  }
}
@media (min-width: 540px) {
  .banner__suscripcion-text {
    margin: 0 0 0 10px;
  }
  .banner__suscripcion-msj {
    font-size: 16px;
    margin-right: 17px;
  }
  .banner__suscripcion-button a {
    font-size: 16px;
    padding: 6px 15px;
  }
  .banner__suscripcion-close {
    width: 25px;
  }
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Footer-------------------------------------------------*/
.footer .fondo1 {
  padding: 34px 10px;
  background-color: #DE7637;
  margin-top: 20px;
}
.footer .fondo1 .newsletter {
  max-width: 300px;
  margin: auto;
  margin-bottom: 40px;
}
.footer .fondo1 .newsletter input {
  font-size: 1rem;
  margin-bottom: 15px;
  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;
}
.footer .fondo1 .newsletter input::-webkit-input-placeholder {
  font-size: 1rem;
}
.footer .fondo1 .newsletter input:-moz-placeholder {
  font-size: 1rem;
}
.footer .fondo1 .newsletter input::-moz-placeholder {
  font-size: 1rem;
}
.footer .fondo1 .newsletter input:-ms-input-placeholder {
  font-size: 1rem;
}
.footer .fondo1 .newsletter label.error {
  display: block;
  font-size: 1rem;
}
.footer .fondo1 .newsletter .btn--primary {
  background-color: #0f2c40;
  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;
  width: 100%;
  line-height: 1.8;
  border: none;
}
.footer .fondo1 .lista_cont {
  display: flex;
  flex-direction: column;
  max-width: 1180px;
  margin: 0 auto 20px auto;
}
.footer .fondo1 .lista_cont .lista {
  text-align: center;
  list-style: none;
}
.footer .fondo1 .lista_cont .lista .text-center img {
  margin-bottom: 20px;
}
.footer .fondo1 .lista_cont .lista.lista1 {
  order: 0;
}
.footer .fondo1 .lista_cont .lista.lista2 {
  order: 1;
}
.footer .fondo1 .lista_cont .lista.lista3 {
  order: 2;
}
.footer .fondo1 .lista_cont .lista li {
  margin-bottom: 10px;
}
.footer .fondo1 .lista_cont .lista li a {
  color: rgb(255, 255, 255);
  font-size: 1rem;
}
.footer .fondo1 .lista_cont .lista img {
  max-width: 140px;
  clear: both;
}
.footer .fondo1 .lista_cont .lista .logo-footer {
  max-width: 160px;
}
.footer .fondo2 {
  width: 100%;
  background-color: #0f2c40;
  padding: 20px 0;
}
.footer .fondo2 .desktop {
  display: none;
}
.footer .fondo2 .logos {
  list-style: none;
}
.footer .fondo2 .logos li {
  padding: 0px 10px;
  border-right: 1px solid rgb(255, 255, 255);
  text-align: center;
  display: inline-block;
  color: rgb(255, 255, 255);
}
.footer .fondo2 .logos li:last-child {
  border: none;
}
.footer .fondo2 .item-6 {
  width: 50%;
  text-align: center;
  padding: 20px 0;
}
.footer .fondo2 .item-6 a img {
  max-width: 130px;
}
.footer .fondo2 .item-12 {
  text-align: center;
  padding: 20px 0;
}
.footer .fondo2 .grupo_huarpe {
  width: 215px;
}
.footer .fondo2 .copiright {
  color: rgb(255, 255, 255);
  text-align: center;
  font-size: 0.875rem;
}
.footer .fondo2 .copiright .n_line {
  display: block;
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Nota-------------------------------------------------*/
.nota {
  position: relative;
  overflow: hidden;
}
.nota .contador {
  position: absolute;
  top: 0;
  width: 37px;
  height: 37px;
  z-index: 1;
  display: flex;
  font-size: 1.5rem;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  background-color: #DE7637;
  margin: 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;
}
.nota .media {
  text-align: center;
}
.nota .media figure {
  margin: 0;
}
.nota .media figure a img {
  width: 100%;
}
.nota .media .premium_content {
  display: flex;
  position: absolute;
  z-index: 1;
  right: 0;
  max-width: 55px;
  width: 100%;
}
.nota .volanta {
  overflow: hidden;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.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;
  font-weight: bold;
  float: left;
  color: rgb(0, 0, 0);
}
@-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 .titulo {
  overflow: hidden;
}
.nota .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;
  font-family: "Aleo", serif;
  color: rgb(0, 0, 0);
}
@-moz-document url-prefix() {
  .nota .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .nota .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.nota .titulo h2 a {
  font: inherit;
  color: inherit;
}
.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;
  font-family: "Aleo", serif;
}
@-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;
  font-family: "Roboto Slab", serif;
}
.nota .autor_nota a {
  color: rgb(0, 0, 0);
}
.nota .premium_content.down {
  position: absolute;
  right: 10px;
  bottom: 0px;
  max-width: 125px;
}
.nota.solo_susc .data {
  margin-bottom: 12px;
}

.nota-especial:after {
  content: "";
  position: absolute;
  width: 98%;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0px;
  border-bottom: 1px solid #d1d1d1;
}
.nota-especial .volanta {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: red;
  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-especial .volanta span {
  color: rgb(255, 255, 255);
}
.nota-especial .titulo {
  padding: 15px 10px 20px 10px;
}
.nota-especial .titulo h2 {
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  max-height: none;
}
.nota-especial.nota-opinion .titulo {
  padding: 15px 10px 20px 10px;
  margin-bottom: 0;
}
.nota-especial .introduccion {
  padding: 0 10px;
  margin-bottom: 20px;
}
.nota-especial .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() {
  .nota-especial .introduccion p {
    overflow: hidden;
    position: relative;
  }
  .nota-especial .introduccion p:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota-especial .introduccion p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.nota-especial .autor_nota {
  padding: 0 10px;
  margin-bottom: 20px;
}
.nota-especial .autor_nota a {
  display: flex;
  align-items: center;
}
.nota-especial .autor_nota a img {
  height: 40px;
  margin-right: 10px;
}
.nota-especial .autor_nota a 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;
  padding-left: 10px;
}
@-moz-document url-prefix() {
  .nota-especial .autor_nota a span {
    overflow: hidden;
    position: relative;
  }
  .nota-especial .autor_nota a span:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota-especial .autor_nota a span:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.nota-especial .media .premium_content {
  max-width: 75px;
}
.nota-especial.solo_susc .volanta {
  background-color: #de7637;
  color: white;
}

.nota-lista {
  min-height: 103px;
  padding: 10px;
  display: flex;
  height: auto;
  align-items: center;
}
.nota-lista:after {
  content: "";
  position: absolute;
  width: 95%;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  border-bottom: 1px solid #d1d1d1;
}
.nota-lista.nota-opinion .media .img--opinion {
  margin-bottom: 0;
}
.nota-lista.nota-opinion .data .opinologo_nombre {
  margin-bottom: 0;
  text-align: left;
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 0.75rem; /* Fallback for non-webkit */
  font-size: 0.625rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota-lista.nota-opinion .data .opinologo_nombre {
    overflow: hidden;
    position: relative;
  }
  .nota-lista.nota-opinion .data .opinologo_nombre:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota-lista.nota-opinion .data .opinologo_nombre:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.nota-lista.nota-opinion .data .titulo {
  margin-bottom: 0;
}
.nota-lista.nota-opinion .data .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 5.25rem; /* Fallback for non-webkit */
  font-size: 0.875rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}
@-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 .media {
  flex-basis: 50%;
  padding: 0 14px 0 0;
}
.nota-lista .data {
  flex-basis: 50%;
  flex-grow: 1;
}
.nota-lista .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 5.25rem; /* Fallback for non-webkit */
  font-size: 0.875rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota-lista .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .nota-lista .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota-lista .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.nota-lista .volanta {
  margin-bottom: 5px;
}
.nota-lista .volanta span {
  color: #DE7637;
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 0.75rem; /* Fallback for non-webkit */
  font-size: 0.625rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .nota-lista .volanta span {
    overflow: hidden;
    position: relative;
  }
  .nota-lista .volanta span:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .nota-lista .volanta span: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 span {
  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;
  color: rgb(255, 255, 255);
}
@-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-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: #DE7637;
  text-transform: uppercase;
}
.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: 5rem; /* 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;
  }
}

.apertura_1 .nota-especial .titulo h2 {
  font-weight: bold;
}

.apertura_2 {
  background-color: rgb(0, 0, 0);
}
.apertura_2 .nota-full .media {
  margin-bottom: 15px;
}
.apertura_2 .nota-full .data {
  padding: 0 10px;
}
.apertura_2 .nota-full .data .volanta {
  margin-bottom: 5px;
}
.apertura_2 .nota-full .data .volanta a span {
  color: #777;
}
.apertura_2 .nota-full .data .titulo h2 {
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  max-height: 8rem;
}
.apertura_2 .nota-full.solo_susc .data {
  margin-bottom: 25px;
}
.apertura_2 .nota-lista .volanta a {
  color: rgb(255, 255, 255);
}
.apertura_2 .nota-lista .titulo h2 a {
  color: rgb(255, 255, 255);
}

.relleno .notas-relleno-mobile {
  display: block;
}
.relleno .notas-relleno-desktop {
  display: none;
}
@media (min-width: 768px) {
  .relleno .notas-relleno-mobile {
    display: none;
  }
  .relleno .notas-relleno-desktop {
    display: block;
  }
}
.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;
  }
}

/*--------------------------------------------------------------------------------------------*/
/*-------------------------------------Bloques/Modulos-----------------------------------------*/
/*.modulo {
    padding-bottom: 40px;
}*/
.nota_top_destacada {
  display: none;
  margin: 15px 0;
}
.nota_top_destacada .nota-lista {
  background-color: rgb(0, 0, 0);
  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;
}

.cont_bloque .nota {
  background-color: white;
}

.bloque-especial {
  background-color: #0f2c40;
}
.bloque-especial .titulo_bloque a {
  color: rgb(255, 255, 255);
}
.bloque-especial .btn--ver_mas {
  color: #0f2c40;
  background-color: rgb(255, 255, 255);
}

.bloque_1,
.bloque_2,
.bloque_3,
.bloque_4,
.bloque_5,
.bloque_6,
.bloque_7,
.bloque_10 {
  padding: 0 10px;
}
.bloque_1 .titulo_bloque,
.bloque_2 .titulo_bloque,
.bloque_3 .titulo_bloque,
.bloque_4 .titulo_bloque,
.bloque_5 .titulo_bloque,
.bloque_6 .titulo_bloque,
.bloque_7 .titulo_bloque,
.bloque_10 .titulo_bloque {
  margin-bottom: 20px;
  float: left;
}
.bloque_1 .titulo_bloque h3,
.bloque_2 .titulo_bloque h3,
.bloque_3 .titulo_bloque h3,
.bloque_4 .titulo_bloque h3,
.bloque_5 .titulo_bloque h3,
.bloque_6 .titulo_bloque h3,
.bloque_7 .titulo_bloque h3,
.bloque_10 .titulo_bloque h3 {
  float: left;
}
.bloque_1 .titulo_bloque h3 a,
.bloque_2 .titulo_bloque h3 a,
.bloque_3 .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_10 .titulo_bloque h3 a {
  /*font-weight: bold;*/
}
.bloque_1 .titulo_bloque h3 a img,
.bloque_2 .titulo_bloque h3 a img,
.bloque_3 .titulo_bloque h3 a img,
.bloque_4 .titulo_bloque h3 a img,
.bloque_5 .titulo_bloque h3 a img,
.bloque_6 .titulo_bloque h3 a img,
.bloque_7 .titulo_bloque h3 a img,
.bloque_10 .titulo_bloque h3 a img {
  max-height: 65px;
  margin: 10px 0;
}
.bloque_1 .btn--ver_mas,
.bloque_2 .btn--ver_mas,
.bloque_3 .btn--ver_mas,
.bloque_4 .btn--ver_mas,
.bloque_5 .btn--ver_mas,
.bloque_6 .btn--ver_mas,
.bloque_7 .btn--ver_mas,
.bloque_10 .btn--ver_mas {
  background-color: rgb(255, 255, 255);
  font-size: 0.875rem;
  margin-bottom: 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;
  width: 160px;
  line-height: 2.4;
  border: none;
  float: right;
  margin-top: 7px;
}
.bloque_1 .btn--ver_mas:hover,
.bloque_2 .btn--ver_mas:hover,
.bloque_3 .btn--ver_mas:hover,
.bloque_4 .btn--ver_mas:hover,
.bloque_5 .btn--ver_mas:hover,
.bloque_6 .btn--ver_mas:hover,
.bloque_7 .btn--ver_mas:hover,
.bloque_10 .btn--ver_mas:hover {
  background-color: rgb(255, 255, 255);
}
.bloque_1 .btn--ver_mas:visited,
.bloque_2 .btn--ver_mas:visited,
.bloque_3 .btn--ver_mas:visited,
.bloque_4 .btn--ver_mas:visited,
.bloque_5 .btn--ver_mas:visited,
.bloque_6 .btn--ver_mas:visited,
.bloque_7 .btn--ver_mas:visited,
.bloque_10 .btn--ver_mas:visited {
  background-color: rgb(255, 255, 255);
}
.bloque_1 .cont-300,
.bloque_2 .cont-300,
.bloque_3 .cont-300,
.bloque_4 .cont-300,
.bloque_5 .cont-300,
.bloque_6 .cont-300,
.bloque_7 .cont-300,
.bloque_10 .cont-300 {
  text-align: center;
}
.bloque_1 .cont-p,
.bloque_2 .cont-p,
.bloque_3 .cont-p,
.bloque_4 .cont-p,
.bloque_5 .cont-p,
.bloque_6 .cont-p,
.bloque_7 .cont-p,
.bloque_10 .cont-p {
  margin-bottom: 20px;
}

.bloque_1 .nota-especial .data .titulo h2 {
  font-size: 2rem;
  line-height: 1.2;
}
.bloque_1 .nota-especial .data .titulo h2 a {
  font-weight: bold;
}
.bloque_1 .nota-especial .data .titulo h2:after {
  border-bottom: 0;
}

.bloque_3 .nota-especial .titulo {
  margin-bottom: 0;
}
.bloque_3 .nota-especial .titulo h2 a {
  font-weight: bold;
}

.bloque_10 {
  width: 100%;
}
.bloque_10 .relleno .nota-lista .media {
  max-width: 300px;
}

.modelo_8 .notas-mobile {
  display: block;
}
@media (min-width: 768px) {
  .modelo_8 .notas-mobile {
    display: none;
  }
}
.modelo_8 .notas-desktop {
  display: none;
}
@media (min-width: 768px) {
  .modelo_8 .notas-desktop {
    display: block;
  }
}

.newsletter_home {
  background-color: #4b4845;
  padding: 20px 0;
  position: relative;
}
.newsletter_home h2.titulo {
  text-align: center;
  color: rgb(255, 255, 255);
  margin-bottom: 15px;
  font-weight: bold;
}
.newsletter_home p {
  text-align: center;
  color: rgb(255, 255, 255);
  margin-bottom: 15px;
}
.newsletter_home .p1 {
  position: absolute;
  left: 0;
}
.newsletter_home .p2 {
  position: absolute;
  right: 0;
}
.newsletter_home #newsletter_form {
  max-width: 300px;
  margin: auto;
}
.newsletter_home #newsletter_form input {
  font-size: 1rem;
  margin-bottom: 15px;
  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;
}
.newsletter_home #newsletter_form input::-webkit-input-placeholder {
  font-size: 1rem;
}
.newsletter_home #newsletter_form input:-moz-placeholder {
  font-size: 1rem;
}
.newsletter_home #newsletter_form input::-moz-placeholder {
  font-size: 1rem;
}
.newsletter_home #newsletter_form input:-ms-input-placeholder {
  font-size: 1rem;
}
.newsletter_home #newsletter_form label.error {
  display: block;
  font-size: 1rem;
}
.newsletter_home #newsletter_form .btn--primary {
  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;
  width: 100%;
  line-height: 1.8;
  border: none;
}

.opinion_home {
  padding: 15px 10px;
}
.opinion_home .titulo {
  margin-bottom: 15px;
}
.opinion_home .titulo a {
  color: rgb(0, 0, 0);
  font-weight: bold;
}
.opinion_home .swiper-container {
  padding: 20px 0;
}
.opinion_home .swiper-container .swiper-slide {
  padding: 15px;
  -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;
}
.opinion_home .swiper-container .swiper-button-prev,
.opinion_home .swiper-container .swiper-button-next {
  display: none;
}
.opinion_home .slick {
  margin-top: 63px;
  overflow: visible;
}
.opinion_home .slick-slide {
  /* height: 315px; */
  padding: 15px;
  width: 270px;
  margin: 0 10px 0 15px;
  -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;
}
.opinion_home .PrevArrow {
  display: none !important;
  top: -55px;
  right: 70px;
  line-height: 1;
  -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;
  left: initial;
  height: 50px;
  width: 50px;
}
.opinion_home .NextArrow {
  display: none !important;
  top: -55px;
  right: 5px;
  line-height: 1;
  -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;
  height: 50px;
  width: 50px;
}
.opinion_home .ms-ctn {
  max-width: 300px;
  margin: auto;
}
.opinion_home .ms-ctn .ms-trigger {
  background: white;
}
.opinion_home .ms-ctn .ms-trigger:hover {
  background: white;
}

.resultado_elecciones {
  padding: 15px 10px;
}
.resultado_elecciones .titulo {
  text-align: center;
  margin-bottom: 5px;
}
.resultado_elecciones .titulo a {
  color: rgb(0, 0, 0);
  font-weight: bold;
}
.resultado_elecciones .swiper-container2 {
  width: 100%;
  min-height: 250px;
  margin: 0;
}
.resultado_elecciones .swiper-container2 .swiper-slide {
  padding: 15px;
  text-align: center;
  color: #000;
  border: 1px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resultado_elecciones .swiper-container2 .swiper-slide .nota-elecciones .media .img--elecciones {
  margin-bottom: 5px;
}
.resultado_elecciones .swiper-container2 .swiper-slide .nota-elecciones .media .img--elecciones img {
  width: 35%;
  min-width: 68px;
  height: 68px;
  max-width: 150px;
  margin: auto;
}
.resultado_elecciones .swiper-container2 .swiper-slide .nota-elecciones .partido {
  color: #DE7637;
}
.resultado_elecciones .swiper-container2 .swiper-slide .nota-elecciones .candidato {
  width: 70%;
  font-size: 1.5rem;
  margin: auto;
}
.resultado_elecciones .swiper-container2 .swiper-slide .nota-elecciones .valor {
  font-weight: bold;
  font-size: 2.7rem;
}
.resultado_elecciones .swiper-container2 .swiper-button-prev,
.resultado_elecciones .swiper-container2 .swiper-button-next {
  display: none;
}
.resultado_elecciones .mesas {
  width: 100%;
  margin-top: 5px;
}
.resultado_elecciones .mesas p {
  width: 100%;
  text-align: right;
  font-size: 0.9rem;
}

.juego_15.grid {
  justify-content: center;
  align-items: flex-start;
}
.juego_15.grid .reload_game {
  position: fixed;
  right: 20px;
  width: 47px;
  cursor: pointer;
  top: 270px;
}
.juego_15.grid .title_juego {
  margin: 30px 0 20px 0;
  text-align: center;
  color: #f27a22;
  padding: 0 10px;
}
.juego_15.grid .js-counter {
  padding: 12.5px 0;
  border-radius: 50%;
  background: #eee;
  display: inline-block;
  font-size: 30px;
  width: 70px;
  text-align: center;
  position: fixed;
  right: 10px;
  top: 350px;
}
.juego_15.grid .js-counter.zero-state {
  color: red;
}
.juego_15.grid .text_res {
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  flex-direction: column;
}
.juego_15.grid .text_res h6 {
  margin: 30px 0 20px 0;
  padding: 0 10px;
}
.juego_15.grid .text_res:before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
}
.juego_15.grid .res_err:before {
  background-image: url(/img/varios/close.png);
  margin: 30px 0;
}
.juego_15.grid .res_ok:before {
  background-image: url(/img/varios/check.png);
  margin: 30px 0;
}
.juego_15.grid .res_loading:before {
  background-image: url(/img/varios/loading2.gif);
  margin: 30px 0;
}
.juego_15.grid .elemento-tapa {
  cursor: pointer;
  padding: 0 90px 0 10px;
}
.juego_15.grid .elemento-tapa .valor {
  margin: 40px auto 10px;
  width: 41px;
  height: 23px;
  background: #f27a22;
  border-radius: 10px;
  text-align: center;
  color: white;
  line-height: 1;
  padding: 4px 0px;
}

.resultado_departamentos {
  padding: 15px 10px;
}
.resultado_departamentos .titulo {
  text-align: initial;
}
.resultado_departamentos .titulo a {
  color: rgb(0, 0, 0);
  font-weight: bold;
}
.resultado_departamentos .grid {
  justify-content: center;
}
.resultado_departamentos .swiper-container-departamentos {
  min-height: 200px;
  width: 95%;
  overflow: hidden;
  margin: 0;
}
.resultado_departamentos .swiper-container-departamentos .swiper-slide {
  padding: 15px;
  height: 150px;
  text-align: center;
  color: #000;
  border: 1px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resultado_departamentos .swiper-container-departamentos .swiper-slide .nota-elecciones .partido {
  color: #DE7637;
}
.resultado_departamentos .swiper-container-departamentos .swiper-slide .nota-elecciones .candidato {
  width: 70%;
  font-size: 1.5rem;
  margin: auto;
}
.resultado_departamentos .swiper-container-departamentos .swiper-slide .nota-elecciones .valor {
  font-weight: bold;
  font-size: 2.7rem;
}
.resultado_departamentos .swiper-container-departamentos .swiper-button-prev {
  background-image: url(/img/varios/arrow-i.png);
}
.resultado_departamentos .swiper-container-departamentos .swiper-button-next {
  background-image: url(/img/varios/arrow-d.png);
}
.resultado_departamentos .swiper-container-departamentos .swiper-button-prev,
.resultado_departamentos .swiper-container-departamentos .swiper-button-next {
  background-color: #DE7637;
  background-size: 20px;
  display: none;
}
.resultado_departamentos .swiper-container-departamentos .swiper-pagination-bullet-active {
  background-color: #DE7637;
}

.edicion_impresa_home {
  padding: 15px 0;
}
.edicion_impresa_home .titulo h3 a {
  font-weight: bold;
}
.edicion_impresa_home .contenedor {
  padding: 0 10px;
}
.edicion_impresa_home .cont_portada {
  margin: 10px 20px;
  width: 100%;
}
.edicion_impresa_home .cont_portada .portada {
  padding: 10px 15px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  -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;
  -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);
}
.edicion_impresa_home .nota {
  display: none;
}
.edicion_impresa_home .ubicacion {
  display: block;
  width: 86%;
  margin: auto;
}
.edicion_impresa_home .ubicacion > div {
  display: flex;
  background-color: #DE7637;
  padding: 15px;
  text-align: 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;
}
.edicion_impresa_home .ubicacion > div span {
  color: rgb(255, 255, 255);
  font-size: 0.9125rem;
  margin: auto;
  letter-spacing: 2px;
}
.edicion_impresa_home .ubicacion > div .cont_icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #de640a;
  -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;
  float: left;
}
.edicion_impresa_home .ubicacion > div .cont_icon .icon {
  color: rgb(255, 255, 255);
  width: 40px;
  height: 40px;
}

.noticias_municipio {
  background-color: #0f2c40;
  padding: 20px 0;
}
.noticias_municipio .contenedor {
  padding: 0 10px;
}
.noticias_municipio .contenedor .cont_combo {
  margin-bottom: 20px;
}
.noticias_municipio .contenedor .titulo {
  margin-bottom: 15px;
}
.noticias_municipio .contenedor .titulo h3 a {
  color: rgb(255, 255, 255);
  font-size: 1.875rem;
  font-weight: bold;
}
.noticias_municipio .contenedor .municipios {
  display: none;
  margin-top: 0;
  padding-top: 0;
}
.noticias_municipio .contenedor .nota .media {
  margin-bottom: 15px;
}
.noticias_municipio .contenedor .nota .volanta a span {
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
}
.noticias_municipio .contenedor .nota .titulo h2 {
  font-size: 2rem;
  line-height: 1;
  text-align: center;
}
.noticias_municipio .contenedor .nota .titulo h2 a {
  color: rgb(255, 255, 255);
}
.noticias_municipio .contenedor .nota-lista .media {
  margin-bottom: 0px;
}
.noticias_municipio .contenedor .nota-lista .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 5.25rem; /* Fallback for non-webkit */
  font-size: 0.875rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}
@-moz-document url-prefix() {
  .noticias_municipio .contenedor .nota-lista .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .noticias_municipio .contenedor .nota-lista .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .noticias_municipio .contenedor .nota-lista .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.noticias_municipio .contenedor .nota-lista .titulo h2 a {
  color: rgb(255, 255, 255);
}
.noticias_municipio .contenedor .nota-lista:after {
  border: 0;
}
.noticias_municipio .contenedor .nota-lista:first-child {
  margin-top: 0;
  padding-top: 0;
  min-height: 85px;
}
.noticias_municipio .contenedor .btn--gris {
  width: 100%;
  border: 0;
  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;
}

.mas_leidas {
  padding: 0 10px;
}
.mas_leidas .titulo {
  margin-bottom: 20px;
}
.mas_leidas .desktop {
  display: none;
}
.mas_leidas .nota .media {
  margin-bottom: 15px;
}
.mas_leidas .nota .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() {
  .mas_leidas .nota .data .volanta a span {
    overflow: hidden;
    position: relative;
  }
  .mas_leidas .nota .data .volanta a span:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .mas_leidas .nota .data .volanta a span:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.mas_leidas .nota .data .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 7.5rem; /* Fallback for non-webkit */
  font-size: 1.25rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 95px;
}
@-moz-document url-prefix() {
  .mas_leidas .nota .data .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .mas_leidas .nota .data .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .mas_leidas .nota .data .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}

.tabs-panel .grid {
  justify-content: center;
}
.tabs-panel .swiper-container {
  min-height: 200px;
  width: 95%;
  overflow: hidden;
  margin: 0;
  position: initial;
}
.tabs-panel .swiper-container .swiper-wrapper {
  margin-bottom: 15px;
}
.tabs-panel .swiper-container .swiper-button-prev,
.tabs-panel .swiper-container .swiper-button-next {
  background-color: #DE7637;
  background-size: 20px;
  display: none;
}
.tabs-panel .swiper-container .swiper-button-prev {
  background-image: url(/img/varios/arrow-i.png);
  left: 0;
}
.tabs-panel .swiper-container .swiper-button-next {
  background-image: url(/img/varios/arrow-d.png);
  right: 0;
}
.tabs-panel .swiper-container .swiper-pagination-bullet {
  background-color: #DE7637;
}
.tabs-panel .swiper-container .swiper-pagination-bullets {
  bottom: 0;
}

.encuestas_home {
  background-color: #e5e5e5;
  padding: 15px 10px;
}
.encuestas_home.voto .progress {
  cursor: initial;
}
.encuestas_home.voto .progress .progress-bar .valor {
  display: block;
}
.encuestas_home .item-4 .grid {
  height: 100%;
}
.encuestas_home .tag {
  display: inline-block;
  top: 10px;
  left: 10px;
  /* margin-bottom: 20px; */
  background-color: #DE7637;
  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;
}
.encuestas_home .tag span {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
}
.encuestas_home .titulo {
  font-size: 2.5rem;
  margin-bottom: 15px;
  text-align: center;
  line-height: 1;
}
.encuestas_home .parcial {
  font-size: 0.875rem;
  margin-bottom: 15px;
}

.periodismo_ciudadano_home {
  background-color: #6487e8;
}
.periodismo_ciudadano_home .contenedor {
  padding: 20px 10px;
}
.periodismo_ciudadano_home .contenedor .titulo {
  float: left;
}
.periodismo_ciudadano_home .contenedor .titulo h3 a {
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.periodismo_ciudadano_home .contenedor .btn--ver_mas {
  background-color: #3b5395;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  margin-bottom: 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;
  width: 160px;
  line-height: 2.4;
  border: none;
  float: right;
  margin-top: 7px;
}
.periodismo_ciudadano_home .contenedor .btn--ver_mas:hover {
  background-color: #3b5395;
  color: rgb(255, 255, 255);
}
.periodismo_ciudadano_home .contenedor .btn--ver_mas:visited {
  background-color: #3b5395;
  color: rgb(255, 255, 255);
}
.periodismo_ciudadano_home .contenedor .cont_pasos {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0 40px 0;
}
.periodismo_ciudadano_home .contenedor .cont_pasos span {
  color: rgb(255, 255, 255);
  font-size: 22px;
  padding: 0 10px 30px 10px;
}
.periodismo_ciudadano_home .contenedor .cont_pasos .cont_paso {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: rgb(255, 255, 255);
  font-size: 0.9375rem;
}
.periodismo_ciudadano_home .contenedor .cont_pasos .cont_paso .paso {
  background-color: #3b5395;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-bottom: 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;
}
.periodismo_ciudadano_home .contenedor .cont_pasos .cont_paso .paso .icon {
  width: 33px;
  height: 50px;
  color: rgb(255, 255, 255);
}
.periodismo_ciudadano_home .contenedor .cont_btn {
  text-align: center;
}
.periodismo_ciudadano_home .contenedor .cont_btn .btn--whatsapp,
.periodismo_ciudadano_home .contenedor .cont_btn .btn--blanco {
  width: 256px;
  margin-bottom: 15px;
}
.periodismo_ciudadano_home .contenedor .nota-lista {
  background-color: rgb(255, 255, 255);
  padding: 10px;
  min-height: 160px;
  margin-bottom: 30px;
}
.periodismo_ciudadano_home .contenedor .nota-lista .titulo {
  min-height: 72px;
  margin-bottom: 15px;
}
.periodismo_ciudadano_home .contenedor .nota-lista .media {
  margin-bottom: 15px;
}
.periodismo_ciudadano_home .contenedor .nota-lista .volanta {
  margin-bottom: 5px;
}
.periodismo_ciudadano_home .contenedor .nota-lista .volanta a span {
  color: #777;
}
.periodismo_ciudadano_home .contenedor .nota-lista .leyenda {
  color: #6487e8;
  position: absolute;
  bottom: 4px;
  width: 100%;
  text-align: center;
}

.aux_header.is-video {
  min-height: 102px;
}

.clima_home {
  margin: 15px 10px;
}
.clima_home .titulo {
  margin-bottom: 20px;
  text-align: center;
}
.clima_home .data {
  -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: 160px;
  width: 100%;
  padding: 10px;
}
.clima_home .municipio_clima {
  font-size: 0.875rem;
}
.clima_home a {
  width: 100%;
}
.clima_home a .clima {
  display: none;
}
.clima_home a .clima .item-12 {
  width: 44%;
  float: left;
}
.clima_home a .clima.clima_san_juan {
  display: block;
}
.clima_home a .clima .ahora {
  text-align: center;
  font-size: 1.125rem;
  margin-top: 19px;
}
.clima_home a .clima .temp {
  text-align: center;
  font-size: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.clima_home a .clima .temp .icon {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.clima_home a .clima .info {
  text-align: center;
  font-size: 1rem;
}

.cotizaciones_home {
  margin: 15px 10px;
}
.cotizaciones_home .titulo {
  margin-bottom: 20px;
}
.cotizaciones_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: 160px;
  width: 100%;
}
.cotizaciones_home .cotizaciones_lista {
  list-style: none;
  text-align: center;
}
.cotizaciones_home .cotizaciones_lista li {
  width: 100%;
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cotizaciones_home .cotizaciones_lista li .moneda {
  font-size: 1.125rem;
  display: flex;
  align-items: flex-start;
}
.cotizaciones_home .cotizaciones_lista li .moneda .icon {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.cotizaciones_home .cotizaciones_lista li .valor {
  font-size: 1.25rem;
}

.paso_cordillera_home {
  margin: 15px 10px;
}
.paso_cordillera_home .titulo {
  margin-bottom: 10px;
}
.paso_cordillera_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: 160px;
  width: 100%;
}
.paso_cordillera_home .paso {
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.125rem;
}
.paso_cordillera_home .estado {
  font-size: 1.5625rem;
  text-align: center;
}
.paso_cordillera_home .semaforo {
  height: 56px;
  width: 106px;
  margin: auto;
  margin-bottom: 10px;
  background-image: url("../img/varios/traffic_mobile.png");
  /* fallback */
  background-image: url("../img/varios/traffic_mobile.png"), linear-gradient(90deg, #acabab 64%, #4cdbc4 73%, #4cdbc4 97%, white 97%);
  /* W3C */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.paso_cordillera_home .deshabilitado {
  background-image: url("../img/varios/traffic_mobile.png"), linear-gradient(90deg, rgb(255, 255, 255) 2%, rgb(219, 79, 76) 3%, rgb(219, 79, 76) 34%, rgb(172, 171, 171) 29%);
  /* W3C */
}

.horoscopo_home {
  margin: 15px 10px;
}
.horoscopo_home .titulo {
  margin-bottom: 20px;
}
.horoscopo_home .data {
  -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: 160px;
  width: 100%;
}
.horoscopo_home .data .slick {
  height: 160px;
}
.horoscopo_home .data .slick .PrevArrow,
.horoscopo_home .data .slick .NextArrow {
  top: 50%;
  transform: translateY(-50%);
  height: 50px;
  width: 50px;
  line-height: 1;
  -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;
}
.horoscopo_home .data .slick .slick-list {
  height: 100%;
}
.horoscopo_home .data .slick .slick-list .slick-track {
  height: 100%;
}
.horoscopo_home .signo {
  align-items: center;
  justify-content: center;
  height: 100%;
}
.horoscopo_home .signo a {
  text-align: center;
}
.horoscopo_home .signo a .icon {
  width: 60px;
  height: 60px;
  color: #b49aca;
  margin-bottom: 10px;
}
.horoscopo_home .signo a .nombre {
  text-transform: capitalize;
  text-align: center;
  font-size: 2rem;
  color: #b49aca;
  margin-bottom: 5px;
}
.horoscopo_home .signo a .fecha {
  text-align: center;
  font-size: 1rem;
}

.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 .titulo_bloque h3 .gestion {
  color: #DE7637;
  font-size: 1rem;
  display: block;
  line-height: 2;
}
.notas_sugeridas .contenedor .recuadro .nota-lista:after {
  border-bottom: none;
}

.feriados_home {
  margin: 15px 10px;
}
.feriados_home .titulo {
  margin-bottom: 20px;
}
.feriados_home .data {
  -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%;
}
.feriados_home .data .cont_combo {
  padding: 10px 10px 0 10px;
}
.feriados_home .data .cont_mes {
  min-height: 242px;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}
.feriados_home .data .cont_mes .slider-feriado {
  height: 300px;
}
.feriados_home .data .cont_mes .slider-feriado .PrevArrow,
.feriados_home .data .cont_mes .slider-feriado .NextArrow {
  top: 50%;
  transform: translateY(-50%);
  height: 50px;
  width: 50px;
  line-height: 1;
  -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;
}
.feriados_home .data .cont_mes .slider-feriado .slick-slide {
  margin-top: 0;
  padding-top: 0;
}
.feriados_home .data .cont_mes .slider-feriado .slick-list {
  height: 100%;
}
.feriados_home .data .cont_mes .slider-feriado .slick-list .slick-track {
  height: 100%;
}
.feriados_home .data .cont_mes .feriado {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-top: 17px;
}
.feriados_home .data .cont_mes .feriado .dia_numero {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.5rem;
  width: 100px;
  height: 100px;
  padding: 10px;
  text-align: 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;
  color: #DE7637;
  margin-top: 20px;
  margin-bottom: 5px;
}
.feriados_home .data .cont_mes .feriado .dia_nombre {
  font-size: 1.875rem;
  width: 100%;
  text-align: center;
  color: #DE7637;
}
.feriados_home .data .cont_mes .feriado .dia_motivo {
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.2;
  width: 100%;
}

.radios_home {
  margin: 15px 10px;
}
.radios_home .titulo {
  margin-bottom: 20px;
}
.radios_home .data {
  -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%;
}
.radios_home .data .lista {
  list-style: none;
  padding: 15px 10px 0;
  max-height: 329px;
  overflow-y: auto;
}
.radios_home .data .lista li a {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.radios_home .data .lista li a .estado {
  width: 30px;
  height: 30px;
  background-color: #e5e5e5;
  -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: 0 10px;
}
.radios_home .data .lista li a .nombre {
  font-size: 0.875rem;
  flex-grow: 1;
}
.radios_home .data .lista li a .frecuencia {
  font-size: 0.875rem;
  margin: 0 10px;
}
.radios_home .data .lista li a .reproducir {
  background-color: #DE7637;
  -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;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.radios_home .data .lista li a .reproducir .icon {
  width: 15px;
  height: 15px;
  color: rgb(255, 255, 255);
}
.radios_home .cont_btn {
  text-align: center;
}
.radios_home .cont_btn .btn--primary {
  width: 140px;
  line-height: 1.8;
  -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;
}

.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: #DE7637;
}

.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(0, 0, 0);
  float: left;
}
.alerte_fly .alerta a span {
  color: rgb(0, 0, 0);
  font-size: 0.875rem;
  line-height: 25px;
}
.alerte_fly .alerta .a_close {
  padding-right: 10px;
}
.alerte_fly .alerta .a_close .icon {
  color: rgb(0, 0, 0);
  width: 15px;
  height: 15px;
}

iframe.ytp-cued-thumbnail-overlay {
  width: 50% !important;
  left: 25% !important;
}

.en_vivo {
  position: fixed;
  bottom: 0;
  background-color: rgb(0, 0, 0);
  padding: 10px;
  z-index: 1000;
  width: 90%;
  left: 5%;
  top: 55px;
  height: fit-content;
}
.en_vivo .video {
  margin-bottom: 15px;
}
.en_vivo .video .en_vivoFacebook {
  top: 70px;
}
.en_vivo .texto .text-top {
  display: flex;
  justify-content: space-between;
}
.en_vivo .texto .text-top p {
  -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: #ff0000;
  color: rgb(255, 255, 255);
  padding: 3px 10px;
  font-size: 0.875rem;
  display: inline-block;
  margin-bottom: 15px;
}
.en_vivo .texto .text-top .text-buttons {
  display: flex;
  width: 50px;
  justify-content: space-between;
}
.en_vivo .texto .text-top .text-buttons .size_vivo {
  display: flex;
  align-items: baseline;
}
.en_vivo .texto .text-top .text-buttons .size_vivo .size_button {
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  display: flex;
  align-items: center;
}
.en_vivo .texto .text-top .text-buttons .size_vivo .size_button img {
  max-width: 15px;
}
.en_vivo .texto .text-top .text-buttons .v_close {
  /* cursor: pointer; */
  color: rgb(255, 255, 255);
  float: right;
  display: flex;
  align-items: baseline;
  cursor: pointer;
}
.en_vivo .texto .text-top .text-buttons .v_close img {
  max-width: 15px;
}
.en_vivo .texto .titulo {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  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() {
  .en_vivo .texto .titulo {
    overflow: hidden;
    position: relative;
  }
  .en_vivo .texto .titulo:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .en_vivo .texto .titulo:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.en_vivo .texto .titulo a {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  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() {
  .en_vivo .texto .titulo a {
    overflow: hidden;
    position: relative;
  }
  .en_vivo .texto .titulo a:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .en_vivo .texto .titulo a:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}

.en_vivo.minimizado {
  width: 100%;
  left: 0;
  right: 0;
  flex-direction: row-reverse;
  top: initial;
  top: 55px;
  align-items: flex-start;
  z-index: 100;
  height: 103px;
  bottom: initial;
  overflow: initial;
  padding: 0;
}
.en_vivo.minimizado.sticky-pos {
  top: 55px;
}
.en_vivo.minimizado .contenedor {
  display: flex;
  margin: 0;
  max-width: none;
  max-height: 102px;
}
.en_vivo.minimizado .contenedor .cont-video {
  display: flex;
  min-width: 160px;
}
.en_vivo.minimizado .contenedor .cont-video .video {
  display: contents;
}
.en_vivo.minimizado .contenedor .cont-video .video .video-wrapper {
  width: fit-content;
  padding: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  clear: left;
  display: flex;
}
.en_vivo.minimizado .contenedor .cont-video .video .video-wrapper iframe {
  top: unset;
  left: unset;
  position: initial;
  max-width: 160px;
}
.en_vivo.minimizado .contenedor .cont-text {
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column;
  padding: 7px 10px;
  align-items: self-start;
}
.en_vivo.minimizado .contenedor .cont-text .texto .text-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.en_vivo.minimizado .contenedor .cont-text .texto .text-top p {
  margin: 0;
  font-size: 0.625rem;
}
.en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons {
  display: flex;
  width: 50px;
  justify-content: space-around;
}
.en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .size_vivo {
  display: flex;
  align-items: center;
}
.en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .size_vivo .size_button {
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
}
.en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .size_vivo .size_button img {
  max-width: 16px;
}
.en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .v_close {
  display: flex;
  align-items: center; /* cursor: pointer; */
  color: rgb(255, 255, 255);
  float: right;
}
.en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .v_close img {
  max-width: 16px;
}
.en_vivo.minimizado .contenedor .cont-text .texto .titulo {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 3.4125rem; /* Fallback for non-webkit */
  font-size: 0.875rem;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .en_vivo.minimizado .contenedor .cont-text .texto .titulo {
    overflow: hidden;
    position: relative;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .titulo:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .titulo:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.en_vivo.minimizado .contenedor .cont-text .texto .titulo a {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 3.4125rem; /* Fallback for non-webkit */
  font-size: 0.875rem;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .en_vivo.minimizado .contenedor .cont-text .texto .titulo a {
    overflow: hidden;
    position: relative;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .titulo a:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .titulo a:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.en_vivo.minimizado.space-suscripcion {
  top: 56px;
}

.huarpe_tv_home {
  background-color: #1d1d1d;
  margin-bottom: 20px;
  padding: 10px 0;
}
.huarpe_tv_home .titulo {
  margin-bottom: 10px;
}
.huarpe_tv_home .titulo h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.huarpe_tv_home .titulo h3 a img {
  max-width: 200px;
}
.huarpe_tv_home .titulo h3 .btn--primary {
  border: none;
  line-height: 2;
  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;
}
.huarpe_tv_home .cont-p .nota {
  margin-bottom: 20px;
}
.huarpe_tv_home .cont-p .nota .media {
  margin-bottom: 15px;
}
.huarpe_tv_home .cont-p .nota .data {
  padding: 0 10px;
}
.huarpe_tv_home .cont-p .nota .data .volanta {
  margin-bottom: 5px;
}
.huarpe_tv_home .cont-p .nota .data .volanta a span {
  color: #DE7637;
}
.huarpe_tv_home .cont-p .nota .data .titulo {
  margin-bottom: 15px;
}
.huarpe_tv_home .cont-p .nota .data .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 8.55rem; /* Fallback for non-webkit */
  font-size: 2.375rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .huarpe_tv_home .cont-p .nota .data .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .huarpe_tv_home .cont-p .nota .data .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .huarpe_tv_home .cont-p .nota .data .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.huarpe_tv_home .cont-p .nota .data .titulo h2 a {
  color: rgb(255, 255, 255);
}
.huarpe_tv_home .cont-p .nota .data .introduccion {
  margin-bottom: 20px;
}
.huarpe_tv_home .cont-p .nota .data .introduccion p {
  color: #abaaaa;
}
.huarpe_tv_home .cont-p .keywords {
  padding: 0 10px;
}
.huarpe_tv_home .cont-p .keywords .lista {
  list-style: none;
  height: 34px;
  overflow: hidden;
  margin-bottom: 15px;
}
.huarpe_tv_home .cont-p .keywords .lista li {
  display: none;
  background-color: #676767;
  margin-right: 20px;
  margin-bottom: 15px;
  padding: 5px 10px;
  -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;
}
.huarpe_tv_home .cont-p .keywords .lista li a {
  color: rgb(255, 255, 255);
}
.huarpe_tv_home .cont-p .keywords .lista li:first-child {
  display: inline-block;
}
.huarpe_tv_home .cont-300 .slick_vertical {
  margin-bottom: 20px;
}
.huarpe_tv_home .cont-300 .slick_vertical .nota-lista {
  display: flex;
}
.huarpe_tv_home .cont-300 .slick_vertical .nota-lista.is-active {
  background-color: #DE7637;
}
.huarpe_tv_home .cont-300 .slick_vertical .nota-lista.is-active:after {
  border-bottom: none;
}
.huarpe_tv_home .cont-300 .slick_vertical .nota-lista .media .play {
  background-color: #DE7637;
  -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;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
}
.huarpe_tv_home .cont-300 .slick_vertical .nota-lista .media .play .icon {
  color: rgb(255, 255, 255);
  height: 20px;
  width: 20px;
  margin-left: 5px;
}
.huarpe_tv_home .cont-300 .slick_vertical .nota-lista .media .video-wrapper .vjs-v6 .vjs-big-play-button {
  background: none;
  border: transparent;
  transform: translateY(-50%);
  margin-top: 0 !important;
}
.huarpe_tv_home .cont-300 .slick_vertical .nota-lista .media .video-wrapper .vjs-v6 .vjs-big-play-button .vjs-icon-placeholder:before {
  top: 2px;
}
.huarpe_tv_home .cont-300 .slick_vertical .nota-lista .data {
  display: flex;
  align-items: center;
}
.huarpe_tv_home .cont-300 .slick_vertical .nota-lista .data .titulo h2 a {
  color: rgb(255, 255, 255);
}
.huarpe_tv_home .cont-300 .cont_btn {
  width: 100%;
  padding: 0 10px;
}
.huarpe_tv_home .cont-300 .cont_btn .btn--primary {
  border: none;
  line-height: 2;
  width: 100%;
  margin: auto;
  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;
}

.gente_home {
  background-color: #e21f25;
}
.gente_home .contenedor {
  padding: 0 20px 10px;
}
.gente_home .contenedor .item-12 > .titulo {
  float: left;
  margin-bottom: 0px;
}
.gente_home .contenedor .item-12 > .titulo h3 a {
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.gente_home .contenedor .item-12 > .titulo h3 a img {
  height: 65px;
}
.gente_home .contenedor .btn--ver_mas {
  background-color: rgb(255, 255, 255);
  color: #ec1d25;
  font-size: 0.875rem;
  margin-bottom: 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;
  width: 160px;
  line-height: 2.4;
  border: none;
  float: right;
  margin-top: 16px;
}
.gente_home .contenedor .btn--ver_mas:hover {
  background-color: rgb(255, 255, 255);
  color: #ec1d25;
}
.gente_home .contenedor .btn--ver_mas:visited {
  background-color: rgb(255, 255, 255);
  color: #ec1d25;
}
.gente_home .contenedor .nota-lista {
  background-color: rgb(255, 255, 255);
  padding: 10px;
}
.gente_home .contenedor .nota-lista .titulo {
  min-height: 72px;
}
.gente_home .contenedor .nota-lista .volanta {
  margin-bottom: 5px;
}
.gente_home .contenedor .nota-lista .volanta a span {
  color: #777;
}

.el_cronista_home {
  background-color: #118b88;
}
.el_cronista_home .contenedor {
  padding: 20px 10px;
}
.el_cronista_home .contenedor .item-12 > .titulo {
  float: left;
  margin-bottom: 20px;
}
.el_cronista_home .contenedor .item-12 > .titulo h3 a {
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.el_cronista_home .contenedor .btn--ver_mas {
  background-color: rgb(255, 255, 255);
  color: #118b88;
  font-size: 0.875rem;
  margin-bottom: 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;
  width: 160px;
  line-height: 2.4;
  border: none;
  float: right;
  margin-top: 7px;
}
.el_cronista_home .contenedor .btn--ver_mas:hover {
  background-color: rgb(255, 255, 255);
  color: #118b88;
}
.el_cronista_home .contenedor .btn--ver_mas:visited {
  background-color: rgb(255, 255, 255);
  color: #118b88;
}
.el_cronista_home .contenedor .nota-lista {
  background-color: rgb(255, 255, 255);
  padding: 10px;
}
.el_cronista_home .contenedor .nota-lista .titulo {
  min-height: 72px;
}
.el_cronista_home .contenedor .nota-lista .volanta {
  margin-bottom: 5px;
}
.el_cronista_home .contenedor .nota-lista .volanta a span {
  color: #777;
}

.cont_votacion.voto .cuerpo .item-3 .participante {
  cursor: initial;
}
.cont_votacion.voto .fin_votacion {
  display: flex;
}
.cont_votacion .head {
  margin-bottom: 0;
  padding-bottom: 0;
}
.cont_votacion .head img {
  width: 100%;
}
.cont_votacion .cuerpo {
  padding-top: 0;
  margin-top: 0;
}
.cont_votacion .cuerpo .item-3 {
  max-width: 50%;
  flex: 0 0 50%;
}
.cont_votacion .cuerpo .item-3 .participante {
  position: relative;
  cursor: pointer;
}
.cont_votacion .cuerpo .item-3 .participante .data {
  position: absolute;
  width: 100%;
  padding: 5px;
}
.cont_votacion .cuerpo .item-3 .participante .data .posicion {
  width: 100%;
  background-color: rgb(255, 255, 255);
  text-align: center;
  margin-bottom: 2px;
  font-size: 1.25rem;
  color: rgb(0, 0, 0);
}
.cont_votacion .cuerpo .item-3 .participante .data .posicion span {
  font-weight: bold;
}
.cont_votacion .cuerpo .item-3 .participante .data .nombre {
  width: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.4196078431);
  font-size: 0.875rem;
  color: rgb(0, 0, 0);
}
.cont_votacion .cuerpo .item-3 .participante .data .nombre span {
  -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: 0 5px;
  background-color: rgb(255, 255, 255);
  margin-right: 10px;
}
.cont_votacion .cuerpo .item-3 .participante .imagen img {
  width: 100%;
}
.cont_votacion .fin_votacion {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2784313725);
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}
.cont_votacion .fin_votacion p {
  font-size: 2.5rem;
  text-align: center;
  color: rgb(255, 255, 255);
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------Notapage----------------------------------------------- */
.detalle--nota {
  padding: 20px 10px;
  margin-bottom: 60px;
}
.detalle--nota .epigrafe_mustang {
  color: #999999;
  font-size: 14px !important;
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 5px 0px;
}
.detalle--nota .volanta {
  font-size: 0.875rem;
  text-transform: uppercase;
  color: rgb(0, 0, 0);
  font-weight: bold;
  margin-bottom: 35px;
}
.detalle--nota .volanta a {
  font-size: 0.875rem;
  color: #777;
  font-weight: normal;
}
.detalle--nota .titulo {
  font-size: 2.375rem;
  color: rgb(0, 0, 0);
  margin-bottom: 64px;
  text-align: center;
  font-family: "Aleo", serif;
}
.detalle--nota .intro {
  font-size: 1.125rem;
  font-family: "Aleo", serif;
  margin-bottom: 15px;
}
.detalle--nota .cont-p,
.detalle--nota .cont-300 {
  padding: 0 0px;
}
.detalle--nota .media {
  margin-bottom: 30px;
}
.detalle--nota .media .modulo-galeria .PrevArrow,
.detalle--nota .media .modulo-galeria .NextArrow {
  top: 42%;
}
.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: lighter;
  font-family: "Roboto Slab", serif;
}
.detalle--nota .cont_autor .seguir_autor {
  -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;
  line-height: 1.5;
  margin-left: 10px;
}
.detalle--nota .desarrollo {
  background-color: #0f2c40;
  -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 p {
  font-size: 1.125rem;
}
.detalle--nota .cuerpo p > a {
  color: #246490;
  border-bottom: 0.3px solid;
}
.detalle--nota .cuerpo > a {
  color: #246490;
  border-bottom: 0.3px solid;
}
.detalle--nota .cuerpo img {
  height: auto;
  width: 100%;
}
.detalle--nota .cuerpo .twitter-tweet {
  margin-left: auto;
  margin-right: auto;
}
.detalle--nota .cuerpo h1,
.detalle--nota .cuerpo h3,
.detalle--nota .cuerpo p,
.detalle--nota .cuerpo blockquote,
.detalle--nota .cuerpo .link_nota_propia {
  margin-bottom: 2.5rem;
}
.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 h1,
.detalle--nota .cuerpo h3 {
  font-family: "Aleo", serif;
}
.detalle--nota .cuerpo ul {
  list-style: disc;
  padding-left: 24px;
}
.detalle--nota .cuerpo iframe {
  margin: 0px auto !important;
}
.detalle--nota .cuerpo blockquote {
  width: 95%;
  margin: 60px auto;
}
.detalle--nota .cuerpo blockquote * {
  font-family: "Merriweather", serif;
  margin-bottom: 0;
}
.detalle--nota .cuerpo blockquote .autor_cita {
  padding-top: 15px;
  font-weight: normal;
  font-size: 1rem;
  line-height: 2;
}
.detalle--nota .cuerpo .link_encuesta {
  -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);
  width: 95%;
  margin: 75px auto;
  padding: 10px;
}
.detalle--nota .cuerpo .link_encuesta.voto .progress {
  cursor: initial;
}
.detalle--nota .cuerpo .link_encuesta.voto .progress .progress-bar .valor {
  display: block;
}
.detalle--nota .cuerpo .link_encuesta .titulo {
  margin-bottom: 15px;
}
.detalle--nota .cuerpo .link_encuesta .progress {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.detalle--nota .cuerpo .link_nota_propia {
  margin-left: 5px;
  margin-right: 5px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.detalle--nota .cuerpo .link_nota_propia * {
  margin-bottom: 0;
}
.detalle--nota .cuerpo .link_nota_propia .item-3,
.detalle--nota .cuerpo .link_nota_propia .item-9 {
  margin-bottom: 6px;
}
.detalle--nota .cuerpo .link_nota_propia .item-3 {
  flex-basis: 50%;
  padding: 0 14px 0 0;
  display: flex;
  align-items: center;
}
.detalle--nota .cuerpo .link_nota_propia .item-9 {
  flex-basis: 50%;
  padding: 0 14px 0 0;
}
.detalle--nota .cuerpo .link_nota_propia .cont_bloque {
  padding: 5px 10px;
}
.detalle--nota .cuerpo .link_nota_propia .cont_bloque p {
  font-size: 1rem;
  color: #DE7637;
}
.detalle--nota .cuerpo .link_nota_propia .cont_bloque h2 {
  color: black;
  font-size: 1.125rem;
}
.detalle--nota .cuerpo .link_nota_editor {
  background-color: #0f2c40;
  -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: #DE7637;
  -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;
  text-align: center;
  font-family: "Aleo", serif;
  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 .tags {
  margin-bottom: 40px;
}
.detalle--nota .tags .palabras {
  list-style: none;
}
.detalle--nota .tags .palabras li {
  display: inline-block;
  background-color: #DE7637;
  padding: 5px 10px;
  margin-left: 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;
}
.detalle--nota .tags .palabras li a {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: lighter;
}
.detalle--nota .view_mobile {
  flex-wrap: wrap;
}
.detalle--nota .tabs a {
  font-size: 0.875rem;
}
.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 .tabsh {
  width: 100%;
  margin: 30px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.detalle--nota .tabsh li {
  display: inline-block;
  background-color: rgb(218, 79, 73);
  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 .titulo {
  font-size: 1.5rem;
  color: #DE7637;
  font-family: "Roboto Slab", serif;
}
.detalle--nota .relacionadas .item-12 .nota-lista {
  padding: 10px 0;
}
.detalle--nota .relacionadas .item-12 .nota-lista:after {
  width: 100%;
}
.detalle--nota .relacionadas .item-12 .nota-lista .media {
  margin-bottom: 0;
}
.detalle--nota .relacionadas .item-12 .nota-lista .data .volanta {
  margin-bottom: 5px;
}
.detalle--nota .relacionadas .item-12 .nota-lista .data .titulo {
  margin-bottom: 0;
  text-align: left;
}
.detalle--nota .relacionadas .item-12 .nota-lista .data .introduccion {
  display: none;
}
.detalle--nota .relacionadas .item-12 .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 .item-12 .nota-lista .data .introduccion p {
    overflow: hidden;
    position: relative;
  }
  .detalle--nota .relacionadas .item-12 .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 .item-12 .nota-lista .data .introduccion p:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.detalle--nota .mas_leidas {
  display: none;
}
.detalle--nota .mas_leidas .titulo {
  font-size: 2.5rem;
  margin-bottom: 0;
}
.detalle--nota .mas_leidas .nota .contador {
  width: 20px;
  height: 20px;
  font-size: 0.75rem;
}
.detalle--nota .mas_leidas .nota .media {
  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 .compartir_notapage {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.detalle--nota .compartir_notapage.desktop {
  width: 40px;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.detalle--nota .compartir_notapage.desktop .redes {
  margin: 0;
  flex-direction: column;
  align-items: center;
  height: 300px;
  width: 100%;
  -webkit-border-top-right-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.detalle--nota .compartir_notapage.desktop.move_share {
  top: 140px;
}
.detalle--nota .compartir_notapage .redes {
  display: flex;
  align-items: center;
  justify-content: space-around;
  /* max-width: 300px; */
  background-color: #DE7637;
  height: 40px;
  margin: 0 auto 0 auto;
  /* @include border-radius(12px,
           0px,
           0px,
           12px); */
  max-width: unset;
  border-radius: 0px;
}
.detalle--nota .compartir_notapage .redes .btn--red .icon {
  width: 25px;
  height: 25px;
  color: rgb(255, 255, 255);
}
.detalle--nota .compartir_notapage .redes .messenger {
  display: block;
}
.detalle--nota .compartir_notapage .redes .titulo_redes {
  color: white;
  font-size: 1.375rem;
}
.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----------------------------------------------- */
@media (min-width: 1024px) {
  .seccion .publi_mobile {
    display: none;
  }
}
.seccion.huarpe_tv {
  background-color: #1d1d1d;
}
.seccion.huarpe_tv .titulo {
  margin-bottom: 10px;
}
.seccion.huarpe_tv .titulo h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.seccion.huarpe_tv .titulo h3 a img {
  max-width: 200px;
}
.seccion.huarpe_tv .titulo h3 .btn--primary {
  border: none;
  line-height: 2;
  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;
}
.seccion.huarpe_tv .cont-p .nota .media {
  margin-bottom: 15px;
}
.seccion.huarpe_tv .cont-p .nota .data {
  padding: 0 10px;
}
.seccion.huarpe_tv .cont-p .nota .data .volanta {
  margin-bottom: 5px;
}
.seccion.huarpe_tv .cont-p .nota .data .volanta a span {
  color: #DE7637;
}
.seccion.huarpe_tv .cont-p .nota .data .titulo {
  margin-bottom: 15px;
}
.seccion.huarpe_tv .cont-p .nota .data .titulo h2 {
  background: transparent;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 8.55rem; /* Fallback for non-webkit */
  font-size: 2.375rem;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@-moz-document url-prefix() {
  .seccion.huarpe_tv .cont-p .nota .data .titulo h2 {
    overflow: hidden;
    position: relative;
  }
  .seccion.huarpe_tv .cont-p .nota .data .titulo h2:before {
    background: transparent;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: "";
    margin-left: -3rem;
    width: 3rem;
  }
  .seccion.huarpe_tv .cont-p .nota .data .titulo h2:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 1;
  }
}
.seccion.huarpe_tv .cont-p .nota .data .titulo h2 a {
  color: rgb(255, 255, 255);
}
.seccion.huarpe_tv .cont-p .nota .data .introduccion {
  margin-bottom: 20px;
}
.seccion.huarpe_tv .cont-p .nota .data .introduccion p {
  color: #abaaaa;
}
.seccion.huarpe_tv .cont-p .nota .data .keywords .lista {
  list-style: none;
  height: 34px;
  overflow: hidden;
  margin-bottom: 15px;
}
.seccion.huarpe_tv .cont-p .nota .data .keywords .lista li {
  display: inline-block;
  background-color: #676767;
  color: rgb(255, 255, 255);
  padding: 5px 10px;
  -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;
}
.seccion.huarpe_tv .cont-300 .slick_vertical {
  margin-bottom: 20px;
}
.seccion.huarpe_tv .cont-300 .slick_vertical .nota-lista {
  display: flex;
}
.seccion.huarpe_tv .cont-300 .slick_vertical .nota-lista .media .play {
  background-color: #DE7637;
  -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;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
}
.seccion.huarpe_tv .cont-300 .slick_vertical .nota-lista .media .play .icon {
  color: rgb(255, 255, 255);
  height: 20px;
  width: 20px;
  margin-left: 5px;
}
.seccion.huarpe_tv .cont-300 .slick_vertical .nota-lista .data {
  display: flex;
  align-items: center;
}
.seccion.huarpe_tv .cont-300 .slick_vertical .nota-lista .data .titulo h2 a {
  color: rgb(255, 255, 255);
}
.seccion.huarpe_tv .cont-300 .cont_btn {
  width: 100%;
  padding: 0 10px;
}
.seccion.huarpe_tv .cont-300 .cont_btn .btn--primary {
  border: none;
  line-height: 2;
  width: 100%;
  margin: auto;
  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;
}
.seccion.huarpe_tv .subtitulo {
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
  padding: 0 10px;
}
.seccion.huarpe_tv .item-3 .nota {
  margin-bottom: 15px;
}
.seccion.huarpe_tv .item-3 .nota .media {
  margin-bottom: 15px;
}
.seccion.huarpe_tv .item-3 .nota .data {
  padding: 0 10px;
}
.seccion.huarpe_tv .item-3 .nota .data .volanta {
  margin-bottom: 5px;
}
.seccion.huarpe_tv .item-3 .nota .data .volanta a span {
  color: rgb(255, 255, 255);
}
.seccion.huarpe_tv .item-3 .nota .data .titulo h2 a {
  color: rgb(255, 255, 255);
}
.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: 3.6rem; /* 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 .item-12.grid.departamento_select {
  margin: 10px 0px;
  padding: 10px;
}
.seccion .item-12.grid.departamento_select h6 {
  margin-bottom: 10px;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------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 {
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
}
.autor .autor_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);
}
.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 .espaciador {
  align-self: center;
  margin-left: auto;
}
.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: block;
}
.autor .autor_nombre .intro p {
  font-size: 19px !important;
  font-weight: 400;
  color: #2c2c2c;
  padding: 0 48px;
}
.autor .autor_nombre .intro-corta {
  display: none;
}
.autor .autor_nombre .contactos_autor {
  margin-right: 9.3%;
}
.autor .autor_nombre .contactos_autor .nuevas-redes-sociales {
  display: flex;
  justify-content: end;
}
.autor .autor_nombre .contactos_autor .nuevas-redes-sociales .red-social-autor {
  width: 34px;
  margin: 0px 9px;
}
.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 .busqueda-info {
  padding: 0 10px;
}
.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%;
  margin-bottom: 20px;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------Ventanas modal----------------------------------------- */
#login_modal {
  max-width: 320px;
  padding: 15px;
}

#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;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------Registro---------------------------------------------- */
#login_modal .registro {
  width: 100%;
}

.registro {
  text-align: center;
  margin: 25px auto !important;
  max-width: 465px !important;
  padding: 20px 15px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2509803922);
  color: black;
}
.registro label {
  color: black;
}
.registro input[type=number]::-webkit-inner-spin-button,
.registro input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.registro.max {
  text-align: start;
}
.registro.max p.gratis {
  font-size: 20px;
  line-height: 1.2;
  font-size: 18px;
  margin-bottom: 30px;
}
.registro .registro-head {
  text-align: center;
  row-gap: 20px;
  display: grid;
  margin-bottom: 20px;
}
.registro .registro-head .rec_cont {
  font-size: 14px;
}
.registro .registro-head-title {
  font-weight: 700;
  font-family: "roboto";
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
.registro .registro-head-text {
  font-family: "roboto";
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.registro .registro-head-text .anchor {
  color: #DE7637;
  font-weight: 600;
}
.registro .registro-head-link {
  font-weight: 600;
  color: #DE7637;
}
.registro .form-group {
  margin-bottom: 15px;
  text-align: start;
}
.registro .form-group input {
  border-color: #de7637;
  border-radius: 5px;
}
.registro .response {
  display: none;
}
.registro .obligatorio_text {
  font-size: 15px;
  margin: 30px 0px;
}
.registro .btn--primary {
  font-size: 13px;
  letter-spacing: 1.1px;
  -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;
}
.registro .login-cont .form-item input {
  padding: 14px 20px;
  margin: 10px 0;
}
.registro .login-cont .form-item input::-webkit-input-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.registro .login-cont .form-item input:-moz-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.registro .login-cont .form-item input::-moz-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.registro .login-cont .form-item input:-ms-input-placeholder {
  font-size: 1rem;
  font-style: italic;
}
.registro .login-cont-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 20px;
}
.registro .login-cont .btn--secondary {
  font-size: 13px;
  letter-spacing: 1.1px;
  border-radius: 120px;
  border: 2px solid #DE7637;
  background: white;
  color: #de7637;
  padding: 10px;
  font-weight: 700;
  cursor: pointer;
}
.registro .login-cont label.error {
  color: #FF0000;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  margin-top: 5px;
  display: block;
}
.registro .login-cont #response_ {
  color: red;
  font-size: 12px;
  margin-bottom: 10px;
  display: block;
  font-weight: 700;
}
.registro .login-cont .link-recuperar {
  color: #DE7637;
  font-weight: 800;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 1.05px;
  display: none;
}
.registro p.gratis {
  color: #dc1212;
  font-size: 20px;
}

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

#recuperar_modal {
  max-width: 320px;
  padding: 15px;
}
#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;
  -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;
}

.mi_cuenta {
  padding: 20px 10px;
}
.mi_cuenta .contenedor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 39px;
}
.mi_cuenta .avatar_cont {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-bottom: 22px;
}
.mi_cuenta .avatar_logo {
  width: 165px;
  height: 165px;
  border-radius: 500px;
  background: #DE7637;
  box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-family: "Roboto";
  font-size: 64px;
  font-weight: 600;
  margin-bottom: 22px;
}
.mi_cuenta .avatar_email {
  color: #484848;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 600;
}
.mi_cuenta .hidden-item {
  display: none;
}
.mi_cuenta .formulario-cont {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 26px;
  justify-content: center;
  max-width: 658px;
}
.mi_cuenta .formulario-cont .form-group {
  border-radius: 100px;
  background: #E2E2E2;
  display: flex;
  width: 316px;
  padding: 10px 0 10px 52px;
  flex-direction: column;
  position: relative;
}
@media (min-width: 678px) {
  .mi_cuenta .formulario-cont .form-group {
    margin-bottom: 24px;
  }
}
.mi_cuenta .formulario-cont .form-group span, .mi_cuenta .formulario-cont .form-group label {
  color: #000;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  line-height: 26px;
  font-weight: 700;
}
.mi_cuenta .formulario-cont .form-group .detail {
  font-weight: 400;
}
.mi_cuenta .formulario-cont .form-group .edit-span {
  margin-bottom: 5px;
  color: #DE7637;
}
.mi_cuenta .formulario-cont .form-group .edit-input {
  border-radius: 5px;
  border: 1px solid #DE7637;
  width: 223px;
  height: 28px;
  margin-top: 10px;
}
.mi_cuenta .formulario-cont .form-group.expanded, .mi_cuenta .formulario-cont .form-group.r_pass {
  border-radius: 40px;
  background: #FFDECA;
}
.mi_cuenta .formulario-cont .form-group.r_pass {
  padding: 10px 31px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  row-gap: 5px;
  column-gap: 73px;
}
@media (min-width: 678px) {
  .mi_cuenta .formulario-cont .form-group.r_pass {
    width: 100%;
  }
}
.mi_cuenta .formulario-cont .form-group.r_pass .edit-input {
  width: fit-content;
  min-width: 223px;
  margin: 0;
}
.mi_cuenta .formulario-cont .form-group.r_pass .btn--primary {
  padding: 10px 20px;
  width: fit-content;
  font-weight: 700;
  letter-spacing: 0.8px;
  line-height: normal;
  margin: 0;
  border: none;
}
.mi_cuenta .formulario-cont .form-group.r_pass .edit-span {
  font-size: 16px;
  width: 100%;
  margin: 0;
}
.mi_cuenta .formulario-cont .form-group.r_pass .save-btn {
  width: 45%;
  display: flex;
  justify-content: center;
  max-width: 300px;
}
@media (max-width: 678px) {
  .mi_cuenta .formulario-cont .form-group.r_pass .save-btn {
    width: 100%;
  }
}
.mi_cuenta .formulario-cont .edit-icon {
  position: absolute;
  left: 10px;
  top: 24px;
  cursor: pointer;
}
.mi_cuenta .formulario-cont .response_datos {
  color: #F00;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  height: 14px;
  width: 100%;
  text-align: center;
}
@media (min-width: 678px) {
  .mi_cuenta .formulario-cont .response_datos {
    text-align: unset;
    padding-left: 60px;
  }
}
.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;
}

.registro.contenedor .botones--sociales {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.registro.contenedor .botones--sociales div {
  margin: 10px 0 0;
}
.registro.contenedor .botones--sociales div.google {
  margin-bottom: 10px;
}
.registro.contenedor .botones--sociales div.google a {
  background: #0086f9;
}
.registro.contenedor .botones--sociales div a {
  display: block;
  background: #1f67b7;
  padding: 12px 10px;
  color: white;
  justify-content: flex-start;
  display: flex;
  align-items: center;
}
.registro.contenedor .botones--sociales div a img {
  background: white;
  padding: 5px;
  margin-right: 25px;
  border-radius: 6px;
  width: 35px;
}

/* -------------------------------------------------------------------------------------------- */
/* -----------------------------------------404------------------------------------------------ */
.error_page .error_img {
  padding: 15px 0px;
  text-align: center;
}
.error_page .error_img img {
  max-width: 300px;
}
.error_page .contenedor .titulo {
  padding: 0 10px;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------Periodismo ciudadano------------------------------------ */
.periodismo_ciudadano {
  padding: 15px 10px;
}
.periodismo_ciudadano .btn--primary {
  line-height: 1.8;
  display: inline-block;
  padding: 0 30px;
  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;
}

/* -------------------------------------------------------------------------------------------- */
/* ----------------------------------------Horóscopo------------------------------------------- */
.horoscopo {
  padding: 0 10px;
}
.horoscopo .titulo-horoscopo {
  margin: 50px 0;
  text-align: center;
}
.horoscopo .item-8 {
  margin-bottom: 20px;
}
.horoscopo .item-8 .icon {
  margin-bottom: 15px;
}
.horoscopo .item-8 .nombre {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.25rem;
}
.horoscopo .item-8 .fecha {
  margin-bottom: 20px;
}
.horoscopo .pub_horoscopo {
  display: none;
}

/* -------------------------------------------------------------------------------------------- */
/* ----------------------------------------Clima----------------------------------------------- */
.clima .clima_gral {
  padding: 0 10px;
}
.clima .clima_gral .estado_clima_sol {
  background-image: url("../img/clima_fondos/sol.jpg");
}
.clima .clima_gral .estado_clima_sol_noche {
  background-image: url("../img/clima_fondos/sol_noche.jpg");
}
.clima .clima_gral .estado_clima_nublado,
.clima .clima_gral .estado_clima_inestable,
.clima .clima_gral .estado_clima_viento {
  background-image: url("../img/clima_fondos/nublado.jpg");
}
.clima .clima_gral .estado_clima_lluvia {
  background-image: url("../img/clima_fondos/lluvia.jpg");
}
.clima .clima_gral .estado_clima_nieve {
  background-image: url("../img/clima_fondos/nieve.jpg");
}
.clima .clima_gral .estado_clima_tormenta {
  background-image: url("../img/clima_fondos/tormenta.jpg");
}
.clima .clima_gral .estado_no_detect {
  background-image: url("../img/clima_fondos/no_detect.jpg");
}
.clima .clima_gral .estado_clima_parcial {
  background-image: url("../img/clima_fondos/parcial.jpg");
}
.clima .clima_gral .estado_clima_parcial_noche {
  background-image: url("../img/clima_fondos/parcial_noche.jpg");
}
.clima .clima_gral .cont_estado {
  padding: 20px 0;
  margin-bottom: 20px;
  background-size: cover;
}
.clima .clima_gral .cont_estado .estado {
  width: 90%;
  margin: auto;
  padding: 10px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.35);
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.clima .clima_gral .cont_estado .estado h2 {
  margin-bottom: 15px;
  color: rgb(0, 0, 0);
}
.clima .clima_gral .cont_estado .estado .icon {
  margin-bottom: 15px;
  color: rgb(0, 0, 0);
}
.clima .clima_gral .cont_estado .estado p {
  width: 100%;
  font-size: 1.25rem;
  color: rgb(0, 0, 0);
}
.clima .clima_gral .cont_estado .info_hoy {
  margin-bottom: 20px;
}
.clima .clima_gral .cont_estado .info_hoy p {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: rgb(255, 255, 255);
}
.clima .clima_gral .cont_estado .info_hoy .dia {
  font-size: 1.875rem;
}
.clima .clima_gral .cont_estado .info_hoy .temperatura {
  font-size: 1.25rem;
}
.clima .clima_gral .cont_estado .info_extend {
  background-color: rgba(0, 0, 0, 0.65);
  width: 90%;
  margin: auto;
  border-radius: 20px;
}
.clima .clima_gral .cont_estado .info_extend .subclima {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid white;
  padding: 11px;
}
.clima .clima_gral .cont_estado .info_extend .subclima:last-child {
  border: 0;
}
.clima .clima_gral .cont_estado .info_extend .subclima p {
  color: rgb(255, 255, 255);
}
.clima .clima_gral .cont_estado_ext {
  padding: 10px;
  margin-bottom: 20px;
  background-size: cover;
}
.clima .clima_gral .cont_estado_ext .cont_data {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px 0;
}
.clima .clima_gral .cont_estado_ext .cont_data .fecha {
  text-align: center;
  font-size: 1.25rem;
  color: rgb(255, 255, 255);
}
.clima .clima_gral .cont_estado_ext .cont_data .cont_info {
  display: flex;
}
.clima .clima_gral .cont_estado_ext .cont_data .cont_info .icon {
  width: 100px;
  height: 100px;
  padding-left: 20px;
  color: rgb(255, 255, 255);
}
.clima .clima_gral .cont_estado_ext .cont_data .cont_info .data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
}
.clima .clima_gral .cont_estado_ext .cont_data .cont_info .data p {
  color: rgb(255, 255, 255);
}

/* --------------------------------------------------------------------------------------------
/* ---------------------------------------Radios----------------------------------------------- */
.radios .item-12 .titulo {
  padding: 0 10px;
  margin-top: 20px;
}
.radios .item-12 .titulo h1 {
  text-align: center;
  font-weight: bold;
}
.radios .cont_btn {
  width: 100%;
  padding: 0 10px;
  text-align: center;
}
.radios .cont_btn .btn--primary {
  border: none;
  width: 290px;
  line-height: 2;
  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;
  margin-bottom: 30px;
}
.radios .ultimas_noticias .item-12 .titulo {
  padding: 0 10px;
}
.radios .ultimas_noticias .item-12 .titulo h3 {
  font-weight: bold;
}
.radios .ultimas_noticias .item-12 .titulo h3 a {
  text-transform: uppercase;
  color: #DE7637;
  font-weight: bold;
}
.radios .contenedor .lista {
  list-style: none;
  padding: 15px 10px;
  max-height: 329px;
  overflow-y: auto;
}
.radios .contenedor .lista li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.radios .contenedor .lista li a {
  width: 100%;
  display: flex;
  align-items: center;
}
.radios .contenedor .lista li .estado {
  width: 30px;
  height: 30px;
  background-color: #e5e5e5;
  -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: 0 10px;
}
.radios .contenedor .lista li .nombre {
  font-size: 1rem;
  margin-left: 30px;
  flex-grow: 1;
}
.radios .contenedor .lista li .frecuencia {
  font-size: 1rem;
  margin: 0 10px;
}
.radios .contenedor .lista li .reproducir {
  background-color: #DE7637;
  -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;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.radios .contenedor .lista li .reproducir .icon {
  width: 15px;
  height: 15px;
  color: rgb(255, 255, 255);
}

.suscripciones {
  padding: 10px;
}
.suscripciones .item-6 h3 {
  font-size: 1.25rem;
  padding: 10px 0;
}
.suscripciones .item-6 .lista {
  margin-left: 5px;
  list-style: none;
}
.suscripciones .btn--primary {
  line-height: 1.8;
  -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;
}

.notificacion-modal {
  background-color: #fff;
  z-index: 9999999999;
  padding: 15px;
  position: fixed;
  width: 100%;
  max-width: 400px;
  top: 0;
  left: 0px;
  border-left: 5px solid #DE7637;
  border-right: 5px solid #DE7637;
  -webkit-box-shadow: 0 0 28px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 28px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 28px 3px rgba(0, 0, 0, 0.5);
  display: none;
}
.notificacion-modal .logo {
  display: block;
  margin-bottom: 10px;
}
.notificacion-modal .logo img {
  width: 140px;
}
.notificacion-modal .text {
  font-size: 1rem;
  display: block;
  margin-bottom: 25px;
  letter-spacing: 0.5px;
}
.notificacion-modal .botones {
  text-align: center;
}
.notificacion-modal .botones .btn--link {
  text-transform: uppercase;
  font: bold 11px Arial;
  margin-right: 15px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.notificacion-modal .botones .btn--primary {
  line-height: 1.8;
  -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;
}

/* -------------------------------------------------------------------------------------------- */
/* ---------------------------------------Coronavirus San Juan---------------------------------- */
.modulo_coronavirus {
  font-family: "Aleo";
  margin-bottom: 10px;
}
.modulo_coronavirus .modulo_coronavirus_san_juan {
  padding-bottom: 10px;
  margin-top: 15px;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .encabezado {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
  margin-top: 6px;
  color: rgb(0, 0, 0);
  margin: 0;
  padding: 0 10px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .contenedor-datos {
  display: flex;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border-top: 2px solid #d1d1d1;
  border-bottom: 2px solid #d1d1d1;
  margin: 0;
  padding: 0;
  overflow: auto;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .contenedor-datos .title_covid {
  font-family: "Aleo";
  font-size: 20px;
  font-weight: bold;
  padding-left: 1px;
  text-align: center;
  color: #000;
  padding-top: 20px;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .contenedor-datos .datos-1 {
  margin: 0;
  padding: 0;
  width: 50%;
  border-right: 2px solid black;
  padding-right: 20px;
  text-align: right;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .contenedor-datos .datos-2 {
  margin: 0;
  padding: 0;
  width: 50%;
  text-align: left;
  padding-left: 20px;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .key {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .key .value {
  font-family: "Aleo";
  font-size: 18px;
  padding-left: 5px;
  text-align: center;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .key p {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .key .detail {
  max-width: 75px;
  text-align: center;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .item-7,
.modulo_coronavirus .modulo_coronavirus_san_juan .item-5 {
  display: flex;
  padding: 15px 0;
  margin: 0;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .item-7.cont_right,
.modulo_coronavirus .modulo_coronavirus_san_juan .item-5.cont_right {
  border-right: 0;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .datos {
  border-right: 2px solid #d1d1d1;
  padding: 0px 20px;
  margin: 0;
  text-align: left;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .title {
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 8px;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .cont_left {
  min-width: 470px;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .cont_left .item-4 {
  max-width: 33%;
  flex: 0 0 33%;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .cont_right {
  min-width: 670px;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .cont_right .item-4 {
  max-width: 29%;
  flex: 0 0 29%;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .cont_right .last {
  max-width: 42%;
  flex: 0 0 42%;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .last {
  border-right: 0;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .cont_img {
  max-width: 30px;
}
.modulo_coronavirus .modulo_coronavirus_san_juan .cont_text {
  font-size: 13px;
  color: #DE7637;
  display: flex;
  max-width: 112px;
}

/* -------------------------------------------------------------------------------------------- */
/* ---------------------------------------Dengue San Juan--------------------------------------------- */
.modulo_dengue {
  margin-bottom: 10px;
}
.modulo_dengue .modulo_dengue_san_juan {
  box-shadow: 0 0.05rem 0.5rem rgba(0, 0, 0, 0.3);
  padding-bottom: 10px;
  margin-top: 15px;
  width: 96%;
  margin-left: 2%;
}
.modulo_dengue .modulo_dengue_san_juan .encabezado {
  text-align: center;
  color: #ea0000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 8px;
}
.modulo_dengue .modulo_dengue_san_juan .contenedor-datos {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.modulo_dengue .modulo_dengue_san_juan .contenedor-datos .datos_dengue_mobile {
  margin: 0;
  padding: 0;
}

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

/* -------------------------------------------------------------------------------------------- */
/* --------------------------------Publicidad Lateral home------------------------------------- */
.publi_sticky_home .contenedor__publicidad {
  margin-top: 0;
}
.publi_sticky_home .contenedor__publicidad .publicidad {
  position: fixed;
  z-index: 11;
  margin-left: 10px;
}

/* -------------------------------------------------------------------------------------------- */
/* ---------------------------------------Seccion Tooltip-------------------------------------- */
.seccion .tooltip {
  position: relative;
  display: inline-block;
  margin: 30px 0;
  padding-right: 10px;
}
.seccion .tooltip .tooltiptext {
  width: 130px;
  background-color: #DE7637;
  color: #fff;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  top: -25px;
  left: 103%;
  padding: 10px 16px;
  text-align: initial;
  font-size: 12px;
}
.seccion .tooltip .tooltiptext a {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}
.seccion .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 38%;
  right: 100%;
  margin-top: 0px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #DE7637 transparent transparent;
}

/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------Vota--------------------------------------------- */
.vota .contenedor_vota {
  padding: 40px 0;
}
.vota .contenedor_vota .titulo {
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px;
  text-transform: uppercase;
  color: #fe2b18;
  font-weight: bold;
}
.vota .contenedor_vota .participantes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.vota .contenedor_vota .participantes .participante_contenedor {
  width: 40%;
  margin-bottom: 30px;
}
.vota .contenedor_vota .participantes .participante_contenedor:nth-child(even) {
  margin-left: 10px;
}
.vota .contenedor_vota .participantes .participante_contenedor .img_participante {
  position: relative;
}
.vota .contenedor_vota .participantes .participante_contenedor .img_participante:hover .layer, .vota .contenedor_vota .participantes .participante_contenedor .img_participante.votado .layer {
  display: block;
  cursor: pointer;
}
.vota .contenedor_vota .participantes .participante_contenedor .img_participante:hover .votar, .vota .contenedor_vota .participantes .participante_contenedor .img_participante.votado .votar {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 35px;
  color: white;
}
.vota .contenedor_vota .participantes .participante_contenedor .img_participante .layer {
  background: red;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.4;
  display: none;
}
.vota .contenedor_vota .participantes .participante_contenedor .img_participante .votar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  text-align: center;
}
.vota .contenedor_vota .participantes .participante_contenedor .provincia {
  text-align: center;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 500;
  color: #fe2b18;
}
.vota .contenedor_vota .participantes .participante_contenedor .participante {
  color: #9d9da7;
  text-align: center;
}
.vota .compartir_notapage {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.vota .compartir_notapage .redes {
  display: flex;
  align-items: center;
  justify-content: space-around;
  max-width: 300px;
  background-color: #DE7637;
  height: 40px;
  margin: 0 auto 0 auto;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
}
.vota .compartir_notapage .redes .icon {
  width: 25px;
  height: 25px;
  color: white;
}

/* -------------------------------------------------------------------------------------------- */
.colores-patrocinio {
  border: 3px solid #DE7637;
}
.colores-patrocinio .volanta span {
  color: #e80000;
}

.sin-colores-patrocinio {
  border: 0px;
}
.sin-colores-patrocinio .volanta span {
  color: #DE7637;
}

.sin-colores-patrocinio-volanta-blanca {
  border: 0px;
}
.sin-colores-patrocinio-volanta-blanca .volanta span {
  color: rgb(255, 255, 255);
}

p.text-center.color a.color-blanco {
  color: rgb(255, 255, 255);
}

/* --------------------------------------------Institucion-marca------------------------------- */
.cont-p .institucion-marca {
  text-align: center;
}
.cont-p .institucion-marca .contenido-gris {
  color: #9c9c9c;
  border-bottom: 1px solid #dfdfdf;
  font-size: 24px;
  font-weight: bold;
}
.cont-p .institucion-marca .logo_nombre a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 7px;
}
.cont-p .institucion-marca .logo_nombre a .nombre-marca {
  font-size: 28px;
  color: #444;
  margin-left: 14px;
}
.cont-p .institucion-marca .logo_nombre a .logo {
  width: 55px;
}
.cont-p .institucion-marca .logo_nombre a .sin-borde {
  border: 0;
}
.cont-p .institucion-marca .informacion_auspiciante .color-bio {
  color: #2c2c2c;
  font-size: 19px;
  text-align: left;
  margin-left: 3.5%;
}
.cont-p .institucion-marca .informacion_auspiciante .display-none-corta {
  display: none;
}
.cont-p .institucion-marca .informacion_auspiciante .color-bio-corta {
  color: #2c2c2c;
  font-size: 19px;
  text-align: left;
  margin-left: 3.5%;
}
.cont-p .institucion-marca .informacion_auspiciante .contactos_auspiciante {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 34px;
}
.cont-p .institucion-marca .informacion_auspiciante .contactos_auspiciante .contenedor_redes_sociales {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cont-p .institucion-marca .informacion_auspiciante .contactos_auspiciante .contenedor_redes_sociales .red-social-icon {
  width: 34px;
  margin: 0px 9px;
}
.cont-p .institucion-marca .informacion_auspiciante .contactos_auspiciante .otros_contactos {
  text-align: left;
  margin-left: 8px;
  font-weight: bold;
  color: #4a4a4a;
}
.cont-p .institucion-marca .informacion_auspiciante .contactos_auspiciante .otros_contactos a {
  color: #4a4a4a;
}

/* --------------------------------------------Fin-Institucion-marca------------------------------- */
/* --------------------------------------------Institucion-marca-perfil------------------------------- */
.informacion_auspiciante_perfil.item-11 {
  padding-right: 20px;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.informacion_auspiciante_perfil.item-11 .color-bio-perfil {
  color: #2c2c2c;
  font-size: 19px;
  text-align: left;
  margin-left: 10%;
}
.informacion_auspiciante_perfil.item-11 .color-bio-corta-perfil {
  color: #2c2c2c;
  font-size: 19px;
  text-align: left;
  margin-left: 9.3%;
}
.informacion_auspiciante_perfil.item-11 .display-none-corta {
  display: none;
}
.informacion_auspiciante_perfil.item-11 .contactos_auspiciante_perfil {
  display: flex;
  justify-content: right;
}
.informacion_auspiciante_perfil.item-11 .contactos_auspiciante_perfil .contenedor_redes_sociales_perfil {
  display: flex;
  justify-content: center;
  align-items: center;
}
.informacion_auspiciante_perfil.item-11 .contactos_auspiciante_perfil .contenedor_redes_sociales_perfil .red-social-icon-perfil {
  width: 34px;
  margin: 0px 9px;
}
.informacion_auspiciante_perfil.item-11 .contactos_auspiciante_perfil .otros_contactos_perfil {
  text-align: left;
  margin-left: 8px;
  font-weight: bold;
  color: #4a4a4a;
  font-size: 17px;
}
.informacion_auspiciante_perfil.item-11 .contactos_auspiciante_perfil .otros_contactos_perfil a {
  color: #4a4a4a;
}

/* --------------------------------------------Fin-Institucion-marca-perfil------------------------------- */
@media (max-width: 768px) {
  .colores-patrocinio {
    margin: 5px 0px;
  }
}
/* --------------------------------------------media query Institucion-marca e institucion-marca-perfil------------------------------- */
@media (max-width: 500px) {
  .cont-p .institucion-marca .contenido-gris {
    border-bottom: 1px solid #2d2d2d;
    font-size: 15px;
  }
  .cont-p .institucion-marca .logo_nombre a .nombre-marca {
    font-size: 26px;
    margin-left: 11px;
  }
  .cont-p .institucion-marca .informacion_auspiciante .display-none {
    display: none;
  }
  .cont-p .institucion-marca .informacion_auspiciante .display-none-corta {
    display: block;
  }
  .cont-p .institucion-marca .informacion_auspiciante .color-bio-corta {
    font-size: 16px;
    display: block;
    margin-left: 29px;
    text-align: center;
    font-weight: lighter;
    margin-left: 0;
  }
  .cont-p .institucion-marca .informacion_auspiciante .contactos_auspiciante .contenedor_redes_sociales .red-social-icon {
    width: 24px;
    margin: 0px 6px;
  }
  .cont-p .institucion-marca .informacion_auspiciante .contactos_auspiciante .otros_contactos {
    margin-left: 8px;
    font-size: 12px;
  }
  /* ----------------------------------------------------------- */
  .informacion_auspiciante_perfil.item-11 {
    padding-bottom: 6px;
  }
  .informacion_auspiciante_perfil.item-11 .color-bio-corta-perfil {
    font-size: 15px;
    display: block;
    margin-left: 29px;
    text-align: center;
    font-weight: lighter;
    margin-left: 10px;
    text-align: left;
    margin-top: 15px;
  }
  .informacion_auspiciante_perfil.item-11 .display-none {
    display: none;
  }
  .informacion_auspiciante_perfil.item-11 .display-none-corta {
    display: block;
  }
  .informacion_auspiciante_perfil.item-11 .contactos_auspiciante_perfil .contenedor_redes_sociales_perfil .red-social-icon-perfil {
    width: 24px;
    margin: 0px 6px;
  }
  .informacion_auspiciante_perfil.item-11 .contactos_auspiciante_perfil .otros_contactos_perfil {
    margin-left: 8px;
    font-size: 12px;
  }
  /* -------------------------------------------------------------------------------------------- */
  .autor .autor_nombre .intro {
    display: none;
  }
  .autor .autor_nombre .intro-corta {
    display: block;
  }
}
/* --------------------------------------------fin media query Institucion-marca e institucion-marca-perfil------------------------------- */
@media (max-width: 340px) {
  .publicidad_footer_sticky .cont_sticky .close_sticky {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
}
/* -------------------------------------------- MediaQuery
/*-------------------------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .publiMobile {
    display: none;
  }
}

.concursos {
  max-width: 885px;
  margin: auto;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .concursos {
    padding: 0;
  }
}
.concursos .title {
  color: #DE7637;
  font-family: "Roboto";
  font-weight: 700;
  line-height: normal;
}
.concursos .description {
  color: #000;
  font-family: "Aleo";
  font-weight: 400;
  line-height: normal;
}
.concursos .apertura {
  margin-bottom: 28px;
}
.concursos .apertura_title .title {
  padding-bottom: 10px;
  font-size: 32px;
}
.concursos .apertura_description .description {
  font-size: 16px;
  padding-bottom: 10px;
}
@media (min-width: 1024px) {
  .concursos .apertura {
    margin-bottom: 56px;
  }
  .concursos .apertura_title .title, .concursos .apertura_description .description {
    padding-bottom: 17px;
  }
  .concursos .apertura_title .title {
    font-size: 36px;
  }
  .concursos .apertura_description .description {
    font-size: 20px;
  }
}
.concursos .diario {
  display: flex;
  flex-direction: column;
  margin-bottom: 28px;
}
.concursos .diario_image {
  width: 100%;
  padding-bottom: 10px;
}
.concursos .diario_image img {
  width: 100%;
}
.concursos .diario_detail .title {
  font-size: 26px;
  padding-bottom: 10px;
}
.concursos .diario_detail .description {
  font-family: "Roboto";
  font-size: 22px;
}
@media (min-width: 1024px) {
  .concursos .diario {
    flex-direction: row;
    margin-bottom: 56px;
  }
  .concursos .diario_image {
    width: fit-content;
  }
  .concursos .diario_image img {
    max-width: 435px;
  }
  .concursos .diario_detail {
    padding-left: 24px;
  }
  .concursos .diario_detail .title {
    font-size: 33px;
  }
}
.concursos .activos {
  margin-bottom: 28px;
}
.concursos .activos_title .title {
  font-size: 26px;
  padding-bottom: 10px;
  font-weight: 400;
}
.concursos .activos_contest {
  padding-bottom: 10px;
}
.concursos .activos_image {
  width: 100%;
  margin-bottom: 10px;
}
.concursos .activos_image img {
  width: 100%;
}
.concursos .activos_detail .description {
  font-size: 18px;
  font-family: "Aleo";
}
@media (min-width: 1024px) {
  .concursos .activos {
    margin-bottom: 56px;
  }
  .concursos .activos_title .title {
    font-size: 33px;
  }
  .concursos .activos_box {
    display: flex;
    flex-wrap: wrap;
    column-gap: 21px;
    width: 100%;
  }
  .concursos .activos_contest {
    padding-bottom: 20px;
    max-width: 205px;
  }
  .concursos .activos_image {
    height: 116px;
    margin-bottom: 15px;
  }
}

.concurso_page {
  max-width: 905px;
  margin: auto;
  padding: 0 15px;
  font-family: "Aleo";
  color: #000;
}
.concurso_page > * {
  line-height: normal;
}
.concurso_page .image {
  padding-bottom: 17px;
}
.concurso_page .image img {
  width: 100%;
}
.concurso_page .detail_title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 7px;
}
.concurso_page .detail_title .title {
  color: #DE7637;
  font-family: "Roboto";
  font-size: 26px;
  font-weight: 700;
  padding-bottom: 10px;
}
.concurso_page .detail_title .date {
  font-size: 14px;
  padding-bottom: 10px;
}
.concurso_page .detail_descr .subtitle {
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 17px;
}
.concurso_page .detail_descr .description {
  font-size: 18px;
  padding-bottom: 41px;
}
@media (min-width: 1024px) {
  .concurso_page .detail_descr .description {
    padding-bottom: 52px;
  }
}
.concurso_page .consig_text {
  padding-bottom: 20px;
}
.concurso_page .consig_text .text {
  color: black;
  font-weight: 100;
  font-size: 18px;
  padding-bottom: 10px;
}
.concurso_page .consig_text textarea {
  padding: 5px;
  font-size: 1rem;
  border-color: #de7637;
  border-radius: 5px;
}
.concurso_page .terms {
  padding-bottom: 35px;
}
.concurso_page .terms_title {
  font-size: 20px;
  font-weight: 600;
  font-family: "Roboto";
  padding-bottom: 22px;
}
.concurso_page .terms_text {
  font-size: 16px;
  font-family: "Roboto";
  padding-bottom: 22px;
  color: #000;
}
.concurso_page .terms_checkbox {
  text-align: center;
}
.concurso_page .terms_checkbox .termscond {
  height: 24px;
  width: 24px;
  border: 2px solid #DE7637;
  box-shadow: unset;
  background-image: url("/img/estructura/checkmark.svg");
}
.concurso_page .terms_checkbox .text {
  color: #000;
  font-family: "Roboto";
  font-size: 14px;
}
.concurso_page .terms_checkbox .termscond:checked {
  background-image: url(/img/estructura/checkmark.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center;
  content: "";
  background-color: transparent;
}
.concurso_page .terms_checkbox .box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 70px;
}
.concurso_page .terms_checkbox .btn--primary {
  width: 155px;
  height: 38px;
  text-align: center;
  font-family: "Roboto";
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1.3px;
  border-radius: 100px;
  background: #A0A0A0;
}
.concurso_page .login {
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
  line-height: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 52px;
}
.concurso_page .login p {
  padding-bottom: 16px;
}
.concurso_page .login_box {
  display: flex;
  column-gap: 15px;
}
.concurso_page .login_btn, .concurso_page .login .register_btn {
  border-radius: 100px;
  border: 1px solid #DE7637;
  width: 109px;
  height: 38px;
  background-color: transparent;
  color: #DE7637;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  letter-spacing: 1.3px;
}
.concurso_page .login .register_btn {
  color: #FEFEFE;
  background-color: #DE7637;
}
.concurso_page .finalized {
  padding: 47px 17px;
  border-radius: 40px;
  background: #DE7637;
  color: white;
  text-align: center;
  max-width: 653px;
  margin: 0 auto 90px;
}
.concurso_page .finalized_title {
  font-size: 26px;
  font-family: "Roboto";
  font-weight: 700;
  padding-bottom: 51px;
}
@media (min-width: 1024px) {
  .concurso_page .finalized_title {
    font-size: 36px;
  }
}
.concurso_page .finalized_msj {
  font-weight: 700;
  font-family: "Roboto";
  font-size: 15px;
  padding: 0 6px 16px;
}
@media (min-width: 1024px) {
  .concurso_page .finalized_msj {
    font-size: 16px;
  }
}
.concurso_page .finalized_btn {
  display: flex;
  justify-content: center;
}
.concurso_page .finalized_btn .bnt_back {
  color: white;
  border: 1px solid #FFF;
  border-radius: 100px;
  width: 185px;
  display: flex;
  font-size: 13px;
  height: 38px;
  justify-content: center;
  align-items: center;
  font-family: "Roboto";
  letter-spacing: 1.3px;
}
.concurso_page .link_nota_concurso {
  box-shadow: none;
  padding: unset;
  max-width: unset;
  margin: unset;
}

.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: 0 auto 75px;
  font-family: "Roboto";
  display: none;
}
.link_nota_concurso p {
  margin-bottom: 5px;
}
.link_nota_concurso .nombre {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  text-transform: capitalize;
}
.link_nota_concurso .email {
  text-align: center;
  font-size: 0.875rem;
  color: #777;
}
.link_nota_concurso .mensaje {
  text-align: center;
  font-size: 0.9375rem;
}
.link_nota_concurso .ya_participa {
  color: #DE7637;
  text-align: center;
}
.link_nota_concurso .form-item {
  margin-bottom: 15px;
}
.link_nota_concurso .form-item input {
  margin-bottom: 0;
}
.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;
}

.isMobile {
  display: block;
  margin: auto;
}
@media (min-width: 1024px) {
  .isMobile {
    display: none;
  }
}

.isDesktop {
  display: none;
}
@media (min-width: 1024px) {
  .isDesktop {
    display: block;
  }
}

.w-100 {
  width: 100%;
}

.mw-100 {
  max-width: 100%;
}

@media (min-width: 768px) {
  .notificacion-modal {
    left: 95px;
  }
  .contenedor {
    max-width: 1180px;
    width: 100%;
    margin: auto;
  }
  .loading {
    background-color: rgb(255, 255, 255);
    z-index: 9000;
  }
  .loading .contenedor {
    background-color: #DE7637;
  }
  .view_mobile {
    display: none !important;
  }
  .view_desktop {
    display: block !important;
  }
  .nota .introduccion.especial {
    display: block;
  }
  .nota.solo_susc .data {
    margin-bottom: unset;
  }
  .nota .premium_content.down {
    max-width: unset;
  }
  .nota-especial.solo_susc .premium_content.down {
    display: none;
  }
  .juego_15.grid .elemento-tapa {
    cursor: pointer;
    padding: 0px;
  }
  .juego_15.grid .elemento-tapa .valor {
    margin: 0px auto;
  }
  .juego_15.grid .reload_game {
    position: absolute;
  }
  .juego_15.grid .js-counter {
    position: absolute;
    top: 180px;
  }
  .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 span {
    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;
    color: rgb(255, 255, 255);
  }
  @-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 a {
    color: rgb(255, 255, 255);
  }
  .nota-lista {
    align-items: flex-start;
  }
  .nota-lista .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 .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .nota-lista .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .nota-lista .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .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;
    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.nota-opinion .data .opinologo_nombre {
      overflow: hidden;
      position: relative;
    }
    .nota-lista.nota-opinion .data .opinologo_nombre:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .nota-lista.nota-opinion .data .opinologo_nombre:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .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;
  }
  /*-------------------------------------Header-------------------------------------------------*/
  .header {
    position: relative;
    height: 96px;
  }
  .header .cont_header {
    height: 96px;
    align-items: flex-end;
  }
  .header .cont_header .menu-mobile {
    display: none;
  }
  .header .cont_header .navbar {
    top: 96px;
    width: 100%;
    height: auto;
    bottom: initial;
    position: absolute;
  }
  .header .cont_header .navbar .navbar-menu {
    background-color: rgba(255, 255, 255, 0.95);
    height: auto;
    max-height: 0;
    width: 100%;
    overflow-y: hidden;
  }
  .header .cont_header .navbar .navbar-menu.is-active {
    max-height: 400px;
  }
  .header .cont_header .navbar .navbar-menu .menu_desktop {
    display: flex;
  }
  .header .cont_header .navbar .navbar-menu .menu_desktop > .item-6 {
    margin: 0;
    padding: 0;
  }
  .header .cont_header .navbar .navbar-menu .menu_desktop > .item-6 .grid {
    display: none;
  }
  .header .cont_header .logo .logo_custom {
    height: 64px;
  }
  .header .cont_header .cont-menu-desktop {
    order: 2;
    position: relative;
    width: 100%;
  }
  .header .cont_header .cont-menu-desktop .contenedor {
    justify-content: center;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
  }
  .header .cont_header .cont-menu-desktop .contenedor .hamburger {
    position: relative;
    top: 0;
    transform: initial;
  }
  .header .cont_header .cont-menu-desktop .contenedor .navbar-menu-desktop {
    display: flex;
    overflow: scroll;
  }
  .header .cont_header .cont-menu-desktop .contenedor .navbar-menu-desktop::-webkit-scrollbar {
    display: none;
  }
  .header .cont_header .cont-menu-desktop .contenedor .navbar-menu-desktop li {
    padding: 2px 15px;
  }
  .header .cont_header .cont-menu-desktop .contenedor .navbar-menu-desktop li a {
    font-size: 0.75rem;
  }
  .header .cont_header .navbar {
    top: 96px;
  }
  .header .cont_header .navbar .navbar-menu {
    width: 100%;
    transition: all 0.5s ease-in-out;
    max-height: 0;
    overflow-y: hidden;
  }
  .header .cont_header .navbar .navbar-menu.is-active {
    max-height: 340px;
  }
  .header .cont_header .objetos {
    display: flex;
    align-items: flex-start;
    position: absolute;
    left: 10px;
    top: 10px;
  }
  .header .cont_header .objetos .user {
    position: relative;
  }
  .header .cont_header .objetos .user .user-cont {
    margin-top: 7px;
    display: flex;
  }
  .header .cont_header .objetos .user .user-cont .icon {
    height: 23px;
  }
  .header .cont_header .objetos .cont_search {
    width: 45px;
    height: 45px;
    display: block;
    position: relative;
  }
  .header .cont_header .objetos .cont_search input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  .header .cont_header .objetos .cont_search input.search-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    transition: z-index 0.8s, width 0.5s, background 0.3s ease-in;
    height: 45px;
    width: 0;
    margin: 0;
    padding: 5px 0 5px 40px;
    box-sizing: border-box;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 30px;
    color: rgb(255, 255, 255);
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfjARESNRlQOceuAAABxElEQVRIx52Uz0obURSHzyRkZQSXxU6CuOjCBB9AoVC1G4XoY7REEyy1j1Kw6byAGxWCG30CoS6q9d+iFFoKliIhCajB9OuiJ7eTzNyrmd9mDpxzvjm/OXeuJ30iL8uyJBPii8gP+SZ12fW+y+PEUza5Z1Bdtph4TPsKLWxqUnqovUoXl7pU3G//3/6ZKgVGGKFAleMQwjYFvhn+ltek+nJpytwZI+PxgMC0v4jNzxlELS6dN1/+ldXiqlbc40eTa8Z7ygpIc6JV5cFcShY1Crw/NoDXlUDDxSj9QtlTzjUXteo8muptIOsEjGpVK2rBzOk8ab0sUcBPjXJOQF6fV1HAV41eOgG97Ll9x8ekHWv8olXRP4KcOUhlK6CiFR3ijPJR03fMx7Yv0NGKwHaRNA1itd8IaSqm/TrmIGtZKfQ7n7BOkSxZirwx3gHeYV81lQculH86YtqOKBkjUV2zoVGbFTtinFrMpdohwMfjk7mZ3rrOvE+ZPc5o0eaSOmu9xTFN20A/kJHhxVJovgPGkiA2QtYueZYE8T6E+M3z4QEZ9kOIW2aGR4xxGkIcJrExyS8DaEgSMcuNArYlmZjhkAY7PPkLCZmBzJG4dQ8AAAAASUVORK5CYII=) no-repeat left 9px center transparent;
    background-size: 24px;
    /*&:-webkit-search-cancel-button {
    	-webkit-appearance: none;
    	background: red;
    }*/
  }
  .header .cont_header .objetos .cont_search input.search-text::-webkit-input-placeholder {
    font-size: 1rem;
    color: rgb(255, 255, 255);
  }
  .header .cont_header .objetos .cont_search input.search-text:-moz-placeholder {
    font-size: 1rem;
    color: rgb(255, 255, 255);
  }
  .header .cont_header .objetos .cont_search input.search-text::-moz-placeholder {
    font-size: 1rem;
    color: rgb(255, 255, 255);
  }
  .header .cont_header .objetos .cont_search input.search-text:-ms-input-placeholder {
    font-size: 1rem;
    color: rgb(255, 255, 255);
  }
  .header .cont_header .objetos .cont_search input.search-text:focus {
    z-index: 3;
    width: 270px;
    border: transparent;
    box-shadow: none;
    background-color: #de640a;
    outline: none;
    cursor: auto;
    padding-right: 10px;
  }
  .header .cont_header .objetos .cont_search input.search-submit {
    position: relative;
    z-index: 4;
    top: 0px;
    left: 0px;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 30px;
    cursor: pointer;
    background: none;
  }
  .header .cont_header .objetos .cont_search input.search-text::-webkit-search-cancel-button {
    cursor: pointer;
  }
  .header .cont_header .objetos .alerta {
    background-color: #ffeb00;
    border-radius: 30px;
    font-size: 0.875rem;
    padding: 6px 10px;
    margin-top: 7px;
    display: flex;
    align-items: center;
  }
  .header .cont_header .objetos .alerta a {
    color: rgb(0, 0, 0);
    font-size: 0.875rem;
  }
  .header .cont_header .objetos .alerta a .icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    color: rgb(0, 0, 0);
  }
  .header .cont_header .objetos .clima {
    background-color: #de640a;
    border-radius: 30px;
    font-size: 0.875rem;
    color: rgb(255, 255, 255);
    padding: 0px 10px;
    margin-top: 7px;
    display: flex;
    align-items: center;
  }
  .header .cont_header .objetos .clima .icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    color: rgb(255, 255, 255);
  }
  .header .cont_header .objetos .clima a {
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
  }
  .header .cont_header .objetos .clima .mini_extendido {
    text-align: center;
    width: 90px;
    padding: 5px;
    -webkit-transition: width 0.2s, height 1s;
    transition: width 0.2s, height 1s;
  }
  .header .cont_header .objetos .clima .mini_extendido .info, .header .cont_header .objetos .clima .mini_extendido .grid {
    display: none;
  }
  .header .cont_header .objetos .clima:hover .mini_extendido {
    width: 225px;
  }
  .header .cont_header .objetos .clima:hover .mini_extendido .info {
    display: block;
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
  }
  .header .cont_header .objetos .clima:hover .mini_extendido .grid {
    display: flex;
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
  }
  .header .cont_header .cont_redes_menu {
    display: block;
    position: absolute;
    right: 10px;
    top: 22px;
  }
  .header .cont_header .cont_redes_menu .redes_menu {
    list-style: none;
  }
  .header .cont_header .cont_redes_menu .redes_menu li {
    display: inline-block;
    padding: 0 5px;
  }
  .header .cont_header .cont_redes_menu .redes_menu li a .icon {
    width: 30px;
    height: 30px;
    color: rgb(255, 255, 255);
  }
  .header .cont_header.isNegocios .logo .logo_custom {
    height: 40px;
  }
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Footer-------------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Aperturas-----------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Bloques-----------------------------------------------*/
  /*.modulo{
  	margin-bottom: 30px;
  }*/
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Notapage-----------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Seccion-----------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Tags---------------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Autor---------------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------Busqueda---------------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*-----------------------------------------404------------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------Horóscopo-------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*----------------------------------------Clima-----------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*---------------------------------------Radios-----------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*---------------------------------------Coronavirus San Juan---------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*---------------------------------------Dengue San Juan--------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*---------------------------------------Estatico---------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*---------------------------------------Seccion Tooltip--------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
  /*-------------------------------------------Vota---------------------------------------------*/
  /*--------------------------------------------------------------------------------------------*/
}
@media (min-width: 768px) and (min-width: 992px) {
  .header .cont_header.isNegocios .logo .logo_custom {
    height: 46px;
  }
}
@media (min-width: 768px) {
  .header .cont_header.isDeportes .logo .logo_custom {
    max-width: 273px;
  }
  .header.is-sticky {
    align-items: flex-end;
    position: sticky;
    height: auto;
  }
  .header.is-sticky .cont_header {
    height: 56px;
    align-items: center;
  }
  .header.is-sticky .cont_header .cont-menu-desktop {
    position: absolute;
  }
  .header.is-sticky .cont_header .cont-menu-desktop .grid {
    position: initial;
  }
  .header.is-sticky .cont_header .cont-menu-desktop .grid .hamburger {
    position: absolute;
    left: 0;
    top: 25%;
    transform: translateY(-50%);
    line-height: 16px;
  }
  .header.is-sticky .cont_header .cont-menu-desktop .grid .navbar-menu-desktop {
    display: none;
  }
  .header.is-sticky .cont_header .logo {
    padding-top: 0;
  }
  .header.is-sticky .cont_header .logo .logo_normal {
    height: 33px;
  }
  .header.is-sticky .cont_header .logo .logo_custom {
    height: 40px;
  }
  .header.is-sticky .cont_header .navbar {
    top: 56px;
  }
  .header.is-sticky .cont_header .objetos {
    left: 60px;
    top: 6px;
  }
  .header.is-sticky .cont_header .objetos .alerta {
    display: none;
  }
  .header.is-sticky .cont_header .cont_redes_menu {
    display: none;
  }
  .periodismo_ciudadano_home .contenedor .titulo {
    float: left;
  }
  .periodismo_ciudadano_home .contenedor .titulo h3 a {
    color: rgb(255, 255, 255);
  }
  .periodismo_ciudadano_home .contenedor .cont_pasos {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  .periodismo_ciudadano_home .contenedor .cont_pasos span {
    color: rgb(255, 255, 255);
    font-size: 60px;
    padding: 0 15px 30px 15px;
  }
  .periodismo_ciudadano_home .contenedor .cont_pasos .cont_paso {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: rgb(255, 255, 255);
    font-size: 1.25rem;
  }
  .periodismo_ciudadano_home .contenedor .cont_pasos .cont_paso .paso {
    background-color: #3B5395;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 132px;
    height: 132px;
    margin-bottom: 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;
  }
  .periodismo_ciudadano_home .contenedor .cont_pasos .cont_paso .paso .icon {
    width: 43px;
    height: 64px;
    color: rgb(255, 255, 255);
  }
  .periodismo_ciudadano_home .contenedor .btn--whatsapp, .periodismo_ciudadano_home .contenedor .btn--blanco {
    width: 256px;
  }
  .periodismo_ciudadano_home .contenedor .btn--blanco {
    float: right;
  }
  .periodismo_ciudadano_home .contenedor .nota-lista {
    flex-wrap: wrap;
    padding: 10px;
    height: 316px;
    padding: 10px 10px 20px 10px;
  }
  .periodismo_ciudadano_home .contenedor .nota-lista:after {
    border: none;
  }
  .periodismo_ciudadano_home .contenedor .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .periodismo_ciudadano_home .contenedor .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .periodismo_ciudadano_home .contenedor .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() {
    .periodismo_ciudadano_home .contenedor .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .periodismo_ciudadano_home .contenedor .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .periodismo_ciudadano_home .contenedor .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .periodismo_ciudadano_home .contenedor .nota-lista .leyenda {
    width: 93%;
  }
  .huarpe_tv_home {
    padding: 10px 0 20px 0;
  }
  .huarpe_tv_home .cont-p, .huarpe_tv_home .cont-300 {
    padding: 0 11px !important;
  }
  .huarpe_tv_home .cont-p {
    flex: 0 0 calc(100% - 400px);
  }
  .huarpe_tv_home .cont-p .nota .data {
    padding: 0;
  }
  .huarpe_tv_home .cont-p .keywords .lista li {
    display: inline-block;
  }
  .huarpe_tv_home .cont-300 {
    flex: 0 0 400px;
  }
  .huarpe_tv_home .cont-300 .contenedor {
    background-color: #2f2f2f;
  }
  .huarpe_tv_home .cont-300 .contenedor .nota-lista {
    align-items: center;
  }
  .huarpe_tv_home .cont-300 .contenedor .nota-lista .data .titulo h2 {
    font-size: 1.125rem;
  }
  .gente_home .contenedor .titulo {
    float: left;
  }
  .gente_home .contenedor .titulo h3 a {
    color: rgb(255, 255, 255);
  }
  .gente_home .contenedor .nota-lista {
    flex-wrap: wrap;
    padding: 10px;
    height: 316px;
    padding: 10px 10px 20px 10px;
  }
  .gente_home .contenedor .nota-lista:after {
    border: none;
  }
  .gente_home .contenedor .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .gente_home .contenedor .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .gente_home .contenedor .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() {
    .gente_home .contenedor .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .gente_home .contenedor .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .gente_home .contenedor .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .el_cronista_home .contenedor .titulo {
    float: left;
  }
  .el_cronista_home .contenedor .titulo h3 a {
    color: rgb(255, 255, 255);
  }
  .el_cronista_home .contenedor .nota-lista {
    flex-wrap: wrap;
    padding: 10px;
    height: 316px;
    padding: 10px 10px 20px 10px;
  }
  .el_cronista_home .contenedor .nota-lista:after {
    border: none;
  }
  .el_cronista_home .contenedor .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .el_cronista_home .contenedor .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .el_cronista_home .contenedor .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() {
    .el_cronista_home .contenedor .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .el_cronista_home .contenedor .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .el_cronista_home .contenedor .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .footer .fondo1 .lista_cont {
    flex-direction: row;
  }
  .footer .fondo1 .lista_cont .lista {
    width: 33%;
  }
  .footer .fondo1 .lista_cont .lista.lista1 {
    order: 2;
    text-align: left;
  }
  .footer .fondo1 .lista_cont .lista.lista2 {
    order: 3;
    text-align: left;
  }
  .footer .fondo1 .lista_cont .lista.lista3 {
    order: 1;
  }
  .footer .fondo2 .desktop {
    display: flex;
  }
  .footer .fondo2 .mobile {
    display: none;
  }
  .footer .fondo2 .copiright .n_line {
    display: inline;
  }
  .apertura {
    margin-bottom: 20px;
  }
  .apertura .nota-lista.solo_susc .data {
    margin-bottom: 15px;
  }
  .apertura_1 .nota-especial:after {
    border: none;
  }
  .apertura_1 .nota-especial .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() {
    .apertura_1 .nota-especial .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_1 .nota-especial .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_1 .nota-especial .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_1 .nota-especial .titulo {
    width: 50%;
    float: left;
    padding: 8px 10px 40px 10px;
  }
  .apertura_1 .nota-especial .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() {
    .apertura_1 .nota-especial .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .apertura_1 .nota-especial .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_1 .nota-especial .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_1 .nota-especial .introduccion {
    width: 50%;
    padding-top: 15px;
  }
  .apertura_1 .nota-especial .autor {
    width: 50%;
  }
  .apertura_1 .nota-lista {
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 15px;
  }
  .apertura_1 .nota-lista:after {
    border: none;
  }
  .apertura_1 .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .apertura_1 .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .apertura_1 .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() {
    .apertura_1 .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_1 .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_1 .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_1 .nota-lista.solo_susc .data {
    margin-bottom: 25px;
  }
  .apertura_2 .nota-full:after {
    border: none;
  }
  .apertura_2 .nota-full .volanta {
    display: none;
  }
  .apertura_2 .nota-full .media .video-wrapper {
    padding-bottom: 43.25%;
  }
  .apertura_2 .nota-full .data {
    position: absolute;
    padding: 0px 10px 12px 10px;
    bottom: 0px;
    left: 0;
    right: 0;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0.8) 100%;
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-repeat: repeat-x;
  }
  .apertura_2 .nota-full .data .introduccion, .apertura_2 .nota-full .data .autor {
    display: none;
  }
  .apertura_2 .nota-full .data .titulo {
    max-width: 1180px;
    padding-bottom: 0;
    margin: auto;
  }
  .apertura_2 .nota-full .data .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 14.4rem; /* Fallback for non-webkit */
    font-size: 4rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .apertura_2 .nota-full .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .apertura_2 .nota-full .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_2 .nota-full .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_2 .nota-full.solo_susc .data {
    margin-bottom: 0;
  }
  .apertura_2 .nota-full.solo_susc .premium_content.down {
    display: none;
  }
  .apertura_2 .nota-lista {
    padding: 16px 0;
  }
  .apertura_2 .nota-lista:after {
    border: none;
  }
  .apertura_2 .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() {
    .apertura_2 .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_2 .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_2 .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_3 .nota-especial:after {
    border: none;
  }
  .apertura_3 .nota-especial .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() {
    .apertura_3 .nota-especial .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_3 .nota-especial .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_3 .nota-especial .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_3 .nota-especial .data {
    position: absolute;
    padding: 0px 10px 12px 10px;
    bottom: 0px;
    left: 0;
    right: 0;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0.8) 100%;
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-repeat: repeat-x;
  }
  .apertura_3 .nota-especial .data .introduccion, .apertura_3 .nota-especial .data .autor {
    display: none;
  }
  .apertura_3 .nota-especial .data .titulo {
    padding: 8px 10px 0px 10px;
  }
  .apertura_3 .nota-especial .data .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 10.8rem; /* Fallback for non-webkit */
    font-size: 3rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .apertura_3 .nota-especial .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .apertura_3 .nota-especial .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_3 .nota-especial .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_3 .nota-especial .data .titulo h2 a {
    color: rgb(255, 255, 255);
  }
  .apertura_3 .nota-lista {
    padding: 16px 0;
  }
  .apertura_3 .nota-lista:after {
    border: none;
  }
  .apertura_3 .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() {
    .apertura_3 .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_3 .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_3 .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_4 .nota-especial:after {
    border: none;
  }
  .apertura_4 .nota-especial .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() {
    .apertura_4 .nota-especial .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_4 .nota-especial .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_4 .nota-especial .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_4 .nota-especial .titulo {
    padding: 8px 10px 40px 10px;
  }
  .apertura_4 .nota-especial .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 9rem; /* Fallback for non-webkit */
    font-size: 2.5rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .apertura_4 .nota-especial .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .apertura_4 .nota-especial .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_4 .nota-especial .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_5 .nota-especial:after {
    border: none;
  }
  .apertura_5 .nota-especial .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() {
    .apertura_5 .nota-especial .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_5 .nota-especial .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_5 .nota-especial .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_5 .nota-especial .titulo {
    padding: 8px 10px 10px 10px;
  }
  .apertura_5 .nota-especial .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() {
    .apertura_5 .nota-especial .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .apertura_5 .nota-especial .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_5 .nota-especial .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_5 .nota-especial .autor {
    display: none;
  }
  .apertura_5 .nota-lista:after {
    border: none;
  }
  .apertura_5 .nota-lista .data {
    height: 100%;
  }
  .apertura_5 .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() {
    .apertura_5 .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_5 .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_5 .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_5 .nota-lista .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() {
    .apertura_5 .nota-lista .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .apertura_5 .nota-lista .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_5 .nota-lista .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_5 .item-6 > .nota-lista {
    height: 100%;
    border: 1px solid #d1d1d1;
    flex-wrap: wrap;
    padding: 10px 10px 0px 10px;
  }
  .apertura_5 .item-6 > .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .apertura_5 .item-6 > .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .apertura_5 .item-6 > .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() {
    .apertura_5 .item-6 > .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_5 .item-6 > .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_5 .item-6 > .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_5 .item-6 > .nota-lista .titulo {
    height: 8rem;
  }
  .apertura_5 .item-6 > .nota-lista .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 7.5rem; /* Fallback for non-webkit */
    font-size: 1.25rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .apertura_5 .item-6 > .nota-lista .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .apertura_5 .item-6 > .nota-lista .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_5 .item-6 > .nota-lista .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_5 .item-12 {
    margin-top: 20px;
  }
  .apertura_5 .item-12 > .nota-lista {
    border: 1px solid #d1d1d1;
  }
  .apertura_6 .item-6 {
    order: 1;
  }
  .apertura_6 .item-6 .nota-especial:after {
    border: none;
  }
  .apertura_6 .item-6 .nota-especial .titulo {
    padding: 15px 10px 10px 10px;
  }
  .apertura_6 .item-6 .nota-especial .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 7.5rem; /* Fallback for non-webkit */
    font-size: 2.5rem;
    line-height: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
  }
  @-moz-document url-prefix() {
    .apertura_6 .item-6 .nota-especial .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .apertura_6 .item-6 .nota-especial .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_6 .item-6 .nota-especial .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_6 .item-6 .nota-especial .autor {
    display: none;
  }
  .apertura_6 .item-3.left {
    order: 0;
  }
  .apertura_6 .item-3.right {
    order: 2;
  }
  .apertura_6 .item-3 .nota-lista:after {
    border: none;
  }
  .apertura_6 .item-3 .nota-lista .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() {
    .apertura_6 .item-3 .nota-lista .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .apertura_6 .item-3 .nota-lista .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_6 .item-3 .nota-lista .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_6 .item-3 .nota-lista:first-child .data {
    min-height: 125px;
  }
  .apertura_6 .item-3 .nota-lista:last-child {
    padding: 20px 10px 35px 10px;
  }
  .apertura_6 .item-3 .nota-lista:last-child .media {
    display: none;
  }
  .apertura_6 .item-3 .nota-lista.nota-opinion:last-child {
    padding: 20px 10px 18px 10px;
  }
  .apertura_6 .item-3 > .nota-lista {
    border: 1px solid #d1d1d1;
    padding: 10px 10px 16px 10px;
    margin-bottom: 15px;
    display: block;
  }
  .apertura_6 .item-3 > .nota-lista:nth-child(1) {
    height: 307px;
  }
  .apertura_6 .item-3 > .nota-lista:nth-child(2) {
    height: 174px;
  }
  .apertura_6 .item-3 > .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .apertura_6 .item-3 > .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .apertura_6 .item-3 > .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() {
    .apertura_6 .item-3 > .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_6 .item-3 > .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_6 .item-3 > .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_7 .item-6 .nota-especial {
    margin-bottom: 20px;
  }
  .apertura_7 .item-6 .nota-especial:after {
    border: none;
  }
  .apertura_7 .item-6 .nota-especial .data {
    position: absolute;
    padding: 0px 10px 12px 10px;
    bottom: 0px;
    left: 0;
    right: 0;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0.8) 100%;
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-repeat: repeat-x;
  }
  .apertura_7 .item-6 .nota-especial .data .introduccion, .apertura_7 .item-6 .nota-especial .data .autor {
    display: none;
  }
  .apertura_7 .item-6 .nota-especial .data .titulo {
    padding-bottom: 0;
  }
  .apertura_7 .item-6 .nota-especial .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.25rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
  }
  @-moz-document url-prefix() {
    .apertura_7 .item-6 .nota-especial .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .apertura_7 .item-6 .nota-especial .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_7 .item-6 .nota-especial .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_7 .item-6 .nota-especial .data .titulo h2 a {
    color: rgb(255, 255, 255);
  }
  .apertura_7 .item-6 .nota-especial .data .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() {
    .apertura_7 .item-6 .nota-especial .data .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_7 .item-6 .nota-especial .data .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_7 .item-6 .nota-especial .data .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .apertura_7 .nota-lista {
    border: 1px solid #d1d1d1;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 15px;
    height: 100%;
  }
  .apertura_7 .nota-lista:after {
    border: none;
  }
  .apertura_7 .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .apertura_7 .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .apertura_7 .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() {
    .apertura_7 .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .apertura_7 .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .apertura_7 .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .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 {
    -webkit-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.13);
    -moz-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.13);
    box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.13);
    margin-bottom: 20px;
  }
  .relleno .nota-lista:after {
    border: none;
  }
  .relleno .nota-lista .media {
    flex-basis: 40%;
  }
  .relleno .nota-lista .titulo {
    font-weight: normal;
  }
  .relleno .nota-lista .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 6.6rem; /* Fallback for non-webkit */
    font-size: 1.375rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .relleno .nota-lista .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .relleno .nota-lista .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .relleno .nota-lista .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .relleno .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() {
    .relleno .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .relleno .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .relleno .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .relleno .nota-lista .introduccion {
    display: block;
    margin-top: 10px;
  }
  .relleno .nota-lista .introduccion p {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 3.6rem; /* Fallback for non-webkit */
    font-size: 1rem;
    line-height: 1.2;
    -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;
    }
  }
  .publicidad_footer_sticky {
    top: initial;
    bottom: 0px;
    position: fixed;
  }
  .publicidad_footer_sticky .cont_mediakit {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
  }
  .bloque_1, .bloque_2, .bloque_3, .bloque_4, .bloque_5, .bloque_6, .bloque_7 {
    width: 100%;
  }
  .bloque_1 .titulo, .bloque_2 .titulo, .bloque_3 .titulo, .bloque_4 .titulo, .bloque_5 .titulo, .bloque_6 .titulo, .bloque_7 .titulo {
    margin-bottom: 0px;
  }
  .bloque_1 .titulo_bloque, .bloque_2 .titulo_bloque, .bloque_3 .titulo_bloque, .bloque_4 .titulo_bloque, .bloque_5 .titulo_bloque, .bloque_6 .titulo_bloque, .bloque_7 .titulo_bloque {
    margin-bottom: 0px;
  }
  .bloque_1 .titulo_bloque h3 a img, .bloque_2 .titulo_bloque h3 a img, .bloque_3 .titulo_bloque h3 a img, .bloque_4 .titulo_bloque h3 a img, .bloque_5 .titulo_bloque h3 a img, .bloque_6 .titulo_bloque h3 a img, .bloque_7 .titulo_bloque h3 a img {
    margin: 0;
  }
  .bloque_1 .item-6 .nota-especial {
    margin-bottom: 20px;
  }
  .bloque_1 .item-6 .nota-especial:after {
    border: none;
  }
  .bloque_1 .item-6 .nota-especial .data {
    position: absolute;
    padding: 0px 10px 12px 10px;
    bottom: 0px;
    left: 0;
    right: 0;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0.8) 100%;
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-repeat: repeat-x;
  }
  .bloque_1 .item-6 .nota-especial .data .introduccion, .bloque_1 .item-6 .nota-especial .data .autor {
    display: none;
  }
  .bloque_1 .item-6 .nota-especial .data .titulo {
    padding-bottom: 0;
  }
  .bloque_1 .item-6 .nota-especial .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.25rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .bloque_1 .item-6 .nota-especial .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .bloque_1 .item-6 .nota-especial .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_1 .item-6 .nota-especial .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_1 .item-6 .nota-especial .data .titulo h2 a {
    color: rgb(255, 255, 255);
  }
  .bloque_1 .item-6 .nota-especial .data .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() {
    .bloque_1 .item-6 .nota-especial .data .volanta span {
      overflow: hidden;
      position: relative;
    }
    .bloque_1 .item-6 .nota-especial .data .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_1 .item-6 .nota-especial .data .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_2 .item-6 {
    border: 1px solid #d1d1d1;
    padding: 10px;
  }
  .bloque_2 .item-6 .nota-especial {
    margin-bottom: 0px;
  }
  .bloque_2 .item-6 .nota-especial:after {
    border: none;
  }
  .bloque_2 .item-6 .nota-especial .data {
    position: absolute;
    padding: 0px 10px 12px 10px;
    bottom: 0px;
    left: 0;
    right: 0;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0.8) 100%;
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-repeat: repeat-x;
  }
  .bloque_2 .item-6 .nota-especial .data .introduccion, .bloque_2 .item-6 .nota-especial .data .autor {
    display: none;
  }
  .bloque_2 .item-6 .nota-especial .data .titulo {
    padding-bottom: 0;
  }
  .bloque_2 .item-6 .nota-especial .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.25rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .bloque_2 .item-6 .nota-especial .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .bloque_2 .item-6 .nota-especial .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_2 .item-6 .nota-especial .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_2 .item-6 .nota-especial .data .titulo h2 a {
    color: rgb(255, 255, 255);
  }
  .bloque_2 .item-6 .nota-especial .data .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() {
    .bloque_2 .item-6 .nota-especial .data .volanta span {
      overflow: hidden;
      position: relative;
    }
    .bloque_2 .item-6 .nota-especial .data .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_2 .item-6 .nota-especial .data .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_2 .item-3 {
    margin: 0 4px 0 8px;
  }
  .bloque_2 .item-3 .nota-lista {
    border: 1px solid #d1d1d1;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 15px;
    height: 100%;
  }
  .bloque_2 .item-3 .nota-lista:after {
    border: none;
  }
  .bloque_2 .item-3 .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .bloque_2 .item-3 .nota-lista .data {
    height: 100%;
  }
  .bloque_2 .item-3 .nota-lista .data .volanta {
    margin-bottom: 5px;
  }
  .bloque_2 .item-3 .nota-lista .data .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() {
    .bloque_2 .item-3 .nota-lista .data .volanta span {
      overflow: hidden;
      position: relative;
    }
    .bloque_2 .item-3 .nota-lista .data .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_2 .item-3 .nota-lista .data .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_3 .nota-especial:after {
    border: none;
  }
  .bloque_3 .nota-especial .titulo {
    float: left;
    padding: 8px 10px 0px 0px;
    margin-bottom: 15px;
  }
  .bloque_3 .nota-especial .titulo h2 {
    color: rgb(0, 0, 0);
    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() {
    .bloque_3 .nota-especial .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .bloque_3 .nota-especial .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_3 .nota-especial .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_3 .nota-especial .introduccion {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
  .bloque_3 .nota-lista:after {
    border: none;
  }
  .bloque_3 .nota-lista.solo_susc .data {
    margin-bottom: 15px;
  }
  .bloque_3 .item-6 .item-6 {
    margin: 0 6px;
    padding-bottom: 20px;
  }
  .bloque_3 .item-6 .item-6 .nota-lista {
    border: 1px solid #d1d1d1;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 25px;
    height: 100%;
  }
  .bloque_3 .item-6 .item-6 .nota-lista:after {
    border: none;
  }
  .bloque_3 .item-6 .item-6 .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .bloque_3 .item-6 .item-6 .nota-lista .data {
    height: 100%;
  }
  .bloque_3 .item-6 .item-6 .nota-lista .data .volanta {
    margin-bottom: 5px;
  }
  .bloque_3 .item-6 .item-6 .nota-lista .data .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() {
    .bloque_3 .item-6 .item-6 .nota-lista .data .volanta span {
      overflow: hidden;
      position: relative;
    }
    .bloque_3 .item-6 .item-6 .nota-lista .data .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_3 .item-6 .item-6 .nota-lista .data .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_3 .item-6 .item-12 .nota-lista {
    border: 1px solid #d1d1d1;
    padding: 10px;
  }
  .bloque_4 .item-6 {
    order: 1;
  }
  .bloque_4 .item-6 .nota-especial:after {
    border: none;
  }
  .bloque_4 .item-6 .nota-especial .titulo {
    padding: 15px 10px 10px 10px;
  }
  .bloque_4 .item-6 .nota-especial .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 7.5rem; /* Fallback for non-webkit */
    font-size: 2.5rem;
    line-height: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
  }
  @-moz-document url-prefix() {
    .bloque_4 .item-6 .nota-especial .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .bloque_4 .item-6 .nota-especial .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_4 .item-6 .nota-especial .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_4 .item-6 .nota-especial .autor {
    display: none;
  }
  .bloque_4 .item-3.left {
    order: 0;
  }
  .bloque_4 .item-3.right {
    order: 2;
  }
  .bloque_4 .item-3 .nota-lista {
    height: 307px;
  }
  .bloque_4 .item-3 .nota-lista:after {
    border: none;
  }
  .bloque_4 .item-3 .nota-lista:first-child .data {
    min-height: 125px;
  }
  .bloque_4 .item-3 .nota-lista:last-child {
    padding: 20px 10px 35px 10px;
  }
  .bloque_4 .item-3 .nota-lista:last-child .media {
    display: none;
  }
  .bloque_4 .item-3 .nota-lista.nota-opinion:last-child {
    padding: 20px 10px 18px 10px;
  }
  .bloque_4 .item-3 > .nota-lista {
    height: auto;
    border: 1px solid #d1d1d1;
    padding: 10px 10px 16px 10px;
    margin-bottom: 15px;
    display: block;
  }
  .bloque_4 .item-3 > .nota-lista:nth-child(1) {
    height: 307px;
  }
  .bloque_4 .item-3 > .nota-lista:nth-child(2) {
    height: 174px;
  }
  .bloque_4 .item-3 > .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .bloque_4 .item-3 > .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .bloque_4 .item-3 > .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() {
    .bloque_4 .item-3 > .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .bloque_4 .item-3 > .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_4 .item-3 > .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_5 .item-6 .nota-especial {
    margin-bottom: 20px;
  }
  .bloque_5 .item-6 .nota-especial:after {
    border: none;
  }
  .bloque_5 .item-6 .nota-especial .data {
    position: absolute;
    padding: 0px 10px 12px 10px;
    bottom: 0px;
    left: 0;
    right: 0;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0.8) 100%;
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-repeat: repeat-x;
  }
  .bloque_5 .item-6 .nota-especial .data .introduccion, .bloque_5 .item-6 .nota-especial .data .autor {
    display: none;
  }
  .bloque_5 .item-6 .nota-especial .data .titulo {
    padding-bottom: 0;
  }
  .bloque_5 .item-6 .nota-especial .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.25rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .bloque_5 .item-6 .nota-especial .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .bloque_5 .item-6 .nota-especial .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_5 .item-6 .nota-especial .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_5 .item-6 .nota-especial .data .titulo h2 a {
    color: rgb(255, 255, 255);
  }
  .bloque_5 .item-6 .nota-especial .data .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() {
    .bloque_5 .item-6 .nota-especial .data .volanta span {
      overflow: hidden;
      position: relative;
    }
    .bloque_5 .item-6 .nota-especial .data .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_5 .item-6 .nota-especial .data .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_5 .nota-lista {
    border: 1px solid #d1d1d1;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 15px;
    height: 100%;
  }
  .bloque_5 .nota-lista:after {
    border: none;
  }
  .bloque_5 .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .bloque_5 .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .bloque_5 .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() {
    .bloque_5 .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .bloque_5 .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_5 .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_5 .nota-lista.solo_susc .data {
    margin-bottom: 10px;
  }
  .bloque_6 .nota-lista {
    display: block;
    border: 1px solid #d1d1d1;
    padding: 10px 10px 16px 10px;
    margin-bottom: 15px;
    min-height: 335px;
  }
  .bloque_6 .nota-lista:after {
    border: none;
  }
  .bloque_6 .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .bloque_6 .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .bloque_6 .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() {
    .bloque_6 .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .bloque_6 .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_6 .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .bloque_6 .nota-lista.solo_susc .data {
    margin-bottom: 10px;
  }
  .bloque_7 .nota-lista {
    display: block;
    border: 1px solid #d1d1d1;
    padding: 10px 10px 16px 10px;
    min-height: 335px;
  }
  .bloque_7 .nota-lista:after {
    border: none;
  }
  .bloque_7 .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .bloque_7 .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .bloque_7 .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() {
    .bloque_7 .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .bloque_7 .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .bloque_7 .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .opinion_home {
    padding: 0;
  }
  .opinion_home .swiper-container {
    padding: 70px 0 20px 0;
  }
  .opinion_home .swiper-container .swiper-slide {
    background-color: transparent;
    margin: 6px 6px 0 6px !important;
    padding-bottom: 0;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-left: 1px solid #ccc;
  }
  .opinion_home .swiper-container .swiper-button-prev, .opinion_home .swiper-container .swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 30px;
    right: 0;
    line-height: 1;
    -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: rgb(255, 255, 255);
    height: 50px;
    width: 50px;
    font-size: 1.875rem;
    border: 1px solid #949494;
    background-image: none;
  }
  .opinion_home .swiper-container .swiper-button-prev {
    right: 60px;
    left: initial;
  }
  .opinion_home .slick-slide {
    /*padding: 0;*/
    background-color: transparent;
    margin: 6px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
  .opinion_home .PrevArrow, .opinion_home .NextArrow {
    display: block !important;
  }
  .resultado_elecciones .swiper-container2 .swiper-button-prev, .resultado_elecciones .swiper-container2 .swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 22px;
    right: 0;
    line-height: 1;
    -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: rgb(255, 255, 255);
    height: 50px;
    width: 50px;
    font-size: 1.875rem;
    border: 1px solid #949494;
    background-image: none;
  }
  .resultado_elecciones .swiper-container2 .swiper-button-prev {
    right: 60px;
    left: initial;
  }
  .resultado_departamentos .swiper-container-departamentos .swiper-button-prev, .resultado_departamentos .swiper-container-departamentos .swiper-button-next {
    display: block;
  }
  .edicion_impresa_home .item-6 {
    margin-top: 0;
    padding-top: 0;
  }
  .edicion_impresa_home .item-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .edicion_impresa_home .ubicacion > div span {
    color: rgb(255, 255, 255);
    font-size: 0.7125rem;
  }
  .edicion_impresa_home .ubicacion > div .cont_icon {
    width: 45px;
    height: 45px;
    margin-top: 0;
  }
  .edicion_impresa_home .ubicacion > div .cont_icon .icon {
    color: rgb(255, 255, 255);
    width: 30px;
    height: 30px;
  }
  .edicion_impresa_home .cont_portada {
    margin: 6px;
  }
  .edicion_impresa_home .nota {
    display: block;
    margin-bottom: 25px;
  }
  .edicion_impresa_home .nota .media {
    margin-bottom: 15px;
  }
  .edicion_impresa_home .nota .data .volanta {
    margin-bottom: 5px;
  }
  .edicion_impresa_home .nota .data .volanta a span {
    color: #DE7637;
    font-size: 0.875rem;
  }
  .edicion_impresa_home .nota.nota-lista {
    display: flex;
    margin-bottom: 0px;
  }
  .edicion_impresa_home .nota.nota-lista:after {
    border: 0;
  }
  .edicion_impresa_home .nota.nota-lista .data .volanta {
    margin-bottom: 10px;
  }
  .edicion_impresa_home .nota.nota-lista .data .titulo a {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 3.6rem; /* Fallback for non-webkit */
    font-size: 1rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .edicion_impresa_home .nota.nota-lista .data .titulo a {
      overflow: hidden;
      position: relative;
    }
    .edicion_impresa_home .nota.nota-lista .data .titulo a:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .edicion_impresa_home .nota.nota-lista .data .titulo a:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .noticias_municipio {
    min-height: 420px;
    padding-bottom: 20px;
  }
  .noticias_municipio .contenedor .nota .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 4.5rem; /* Fallback for non-webkit */
    font-size: 1.25rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
  }
  @-moz-document url-prefix() {
    .noticias_municipio .contenedor .nota .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .noticias_municipio .contenedor .nota .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .noticias_municipio .contenedor .nota .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .noticias_municipio .cont_combo {
    padding-right: 24px;
    min-height: 315px !important;
  }
  .noticias_municipio .municipios {
    border-left: 1px solid #CECECE;
  }
  .noticias_municipio .municipios .item-12 {
    padding-left: 20px;
  }
  .noticias_municipio .item-7 {
    padding-left: 20px;
  }
  .noticias_municipio .item-7 .nota .media {
    margin-bottom: 15px;
  }
  .noticias_municipio .item-7 .nota .data .volanta {
    margin-bottom: 5px;
  }
  .noticias_municipio .item-5 .nota .data .titulo h2 {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 3.6rem; /* Fallback for non-webkit */
    font-size: 1rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .noticias_municipio .item-5 .nota .data .titulo h2 {
      overflow: hidden;
      position: relative;
    }
    .noticias_municipio .item-5 .nota .data .titulo h2:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .noticias_municipio .item-5 .nota .data .titulo h2:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .destacada_home .nota {
    position: relative;
  }
  .destacada_home .nota .data {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .opinion_home {
    padding: 15px 0px;
  }
  .opinion_home .slick-slide {
    border-left: 1px solid;
  }
  .mas_leidas .mobile {
    display: none;
  }
  .mas_leidas .desktop {
    display: flex;
  }
  .mas_leidas .contenedor .tabs_contenedor, .mas_leidas .contenedor h3 {
    padding: 0 10px;
  }
  .tabs-panel .swiper-container .swiper-button-prev, .tabs-panel .swiper-container .swiper-button-next {
    display: block;
  }
  .espaciador_um {
    height: 70px;
  }
  .ultimo-momento {
    padding: 0;
  }
  .ultimo-momento .contenedor {
    padding: 0 10px;
    max-width: 1220px;
    width: 100%;
    margin: auto auto auto auto;
  }
  .ultimo-momento .contenedor .grid .cuadro {
    display: inline-block;
    text-align: center;
  }
  .ultimo-momento .contenedor .grid a {
    width: calc(100% - 200px);
  }
  .alerte_fly {
    display: none;
  }
  .aux_header.is-video {
    min-height: 166px;
  }
  .en_vivo {
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: rgb(0, 0, 0);
    padding: 10px;
    width: 450px;
    z-index: 1000;
    top: unset;
  }
  .en_vivo .video {
    margin-bottom: 15px;
  }
  .en_vivo .video .en_vivoFacebook {
    top: 96px;
  }
  .en_vivo .texto .text-top {
    display: flex;
    justify-content: space-between;
  }
  .en_vivo .texto .text-top p {
    -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: #ff0000;
    color: rgb(255, 255, 255);
    padding: 3px 10px;
    font-size: 0.875rem;
    display: inline-block;
    margin-bottom: 15px;
  }
  .en_vivo .texto .text-top .text-buttons {
    display: flex;
    width: 130px;
    justify-content: space-between;
  }
  .en_vivo .texto .text-top .text-buttons .size_vivo {
    display: flex;
    align-items: end;
  }
  .en_vivo .texto .text-top .text-buttons .size_vivo .size_button {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 0.75rem;
  }
  .en_vivo .texto .text-top .text-buttons .size_vivo .size_button:before {
    content: "Minimizar";
  }
  .en_vivo .texto .text-top .text-buttons .size_vivo .size_button img {
    max-width: 18px;
    margin: 0 7px;
  }
  .en_vivo .texto .text-top .text-buttons .v_close {
    display: flex;
    align-items: end;
    color: rgb(255, 255, 255);
    float: right;
  }
  .en_vivo .texto .text-top .text-buttons .v_close img {
    max-width: 20px;
  }
  .en_vivo .texto .titulo {
    color: rgb(255, 255, 255);
    font-size: 1.25rem;
    margin-bottom: 20px;
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 4.875rem; /* Fallback for non-webkit */
    font-size: 1.25rem;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .en_vivo .texto .titulo {
      overflow: hidden;
      position: relative;
    }
    .en_vivo .texto .titulo:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .en_vivo .texto .titulo:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .en_vivo .texto .titulo a {
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 4.875rem; /* Fallback for non-webkit */
    font-size: 1.25rem;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: rgb(255, 255, 255);
    font-size: 1.25rem;
  }
  @-moz-document url-prefix() {
    .en_vivo .texto .titulo a {
      overflow: hidden;
      position: relative;
    }
    .en_vivo .texto .titulo a:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .en_vivo .texto .titulo a:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .en_vivo.inNota {
    left: unset;
    right: 0;
  }
  .en_vivo.minimizado {
    width: 100%;
    left: 0;
    right: 0;
    flex-direction: row-reverse;
    top: initial;
    top: 96px;
    align-items: flex-start;
    z-index: 100;
    min-height: 130px;
    height: auto;
    bottom: initial;
    overflow: initial;
    padding: 0;
  }
  .en_vivo.minimizado.space-suscripcion {
    top: 96px;
  }
  .en_vivo.minimizado.space-suscripcion.sticky-pos {
    top: 56px;
  }
  .en_vivo.minimizado.sticky-pos {
    top: 55px;
    position: fixed;
  }
  .en_vivo.minimizado .contenedor {
    display: flex;
    margin: 0;
    max-width: none;
    padding: 8px;
    max-height: unset;
  }
  .en_vivo.minimizado .contenedor .cont-video {
    display: flex;
    min-width: unset;
  }
  .en_vivo.minimizado .contenedor .cont-video .video {
    display: contents;
  }
  .en_vivo.minimizado .contenedor .cont-video .video .video-wrapper {
    width: fit-content;
    padding: 0;
    min-height: 115px;
    height: 100%;
    margin: 0;
    overflow: hidden;
    clear: left;
    display: flex;
  }
  .en_vivo.minimizado .contenedor .cont-video .video .video-wrapper iframe {
    top: unset;
    left: unset;
    position: initial;
    max-width: unset;
  }
  .en_vivo.minimizado .contenedor .cont-text {
    width: 90%;
    height: 100%;
    position: relative;
    flex-direction: column;
    padding: 7px 20px;
    align-items: self-start;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .text-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .text-top p {
    margin: 0;
    font-size: 0.875rem;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons {
    width: 140px;
    display: flex;
    justify-content: space-between;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .size_vivo {
    display: flex;
    align-items: center;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .size_vivo .size_button {
    color: rgb(255, 255, 255);
    font-size: 1rem;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .size_vivo .size_button:before {
    content: "Maximizar";
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .size_vivo .size_button img {
    max-width: 20px;
    margin: 0 7px;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .v_close {
    display: flex;
    align-items: center;
    color: rgb(255, 255, 255);
    float: right;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .text-top .text-buttons .v_close img {
    max-width: 20px;
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .titulo {
    color: rgb(255, 255, 255);
    font-size: 1.625rem;
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 3.9rem; /* Fallback for non-webkit */
    font-size: 1.625rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .en_vivo.minimizado .contenedor .cont-text .texto .titulo {
      overflow: hidden;
      position: relative;
    }
    .en_vivo.minimizado .contenedor .cont-text .texto .titulo:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .en_vivo.minimizado .contenedor .cont-text .texto .titulo:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .en_vivo.minimizado .contenedor .cont-text .texto .titulo a {
    color: rgb(255, 255, 255);
    font-size: 1.625rem;
    background: transparent;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: 3.9rem; /* Fallback for non-webkit */
    font-size: 1.625rem;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @-moz-document url-prefix() {
    .en_vivo.minimizado .contenedor .cont-text .texto .titulo a {
      overflow: hidden;
      position: relative;
    }
    .en_vivo.minimizado .contenedor .cont-text .texto .titulo a:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .en_vivo.minimizado .contenedor .cont-text .texto .titulo a:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .banner__suscripcion-text {
    margin: 0 0 0 35px;
  }
  .banner__suscripcion-msj {
    margin-right: 25px;
  }
  .tabs_contenedor .tabs {
    margin-bottom: 0;
  }
  .tabs_contenedor .tabs .view_desktop {
    display: inline-block !important;
  }
  .tabs_contenedor .tabs-content {
    padding-top: 20px;
  }
  .clima_home {
    margin: 15px 10px;
  }
  .clima_home .titulo {
    margin-bottom: 20px;
  }
  .clima_home .data {
    -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%;
    padding: 10px;
  }
  .clima_home .municipio_clima {
    font-size: 0.875rem;
  }
  .clima_home a {
    width: 100%;
  }
  .clima_home a .clima {
    display: none;
  }
  .clima_home a .clima .item-12 {
    width: 100%;
    float: initial;
  }
  .clima_home a .clima.clima_san_juan {
    display: block;
  }
  .clima_home a .clima .ahora {
    text-align: center;
    font-size: 1.125rem;
  }
  .clima_home a .clima .temp {
    text-align: center;
    font-size: 2.9375rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .clima_home a .clima .temp .icon {
    width: 60px;
    height: 60px;
    margin-right: 10px;
  }
  .clima_home a .clima .info {
    text-align: center;
    font-size: 1rem;
  }
  .cotizaciones_home {
    margin: 15px 10px;
  }
  .cotizaciones_home .titulo {
    margin-bottom: 20px;
  }
  .cotizaciones_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%;
  }
  .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;
  }
  .paso_cordillera_home {
    margin: 15px 10px;
  }
  .paso_cordillera_home .titulo {
    margin-bottom: 20px;
  }
  .paso_cordillera_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%;
  }
  .paso_cordillera_home .paso {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.125rem;
  }
  .paso_cordillera_home .estado {
    font-size: 1.5625rem;
    text-align: center;
  }
  .paso_cordillera_home .semaforo {
    height: 200px;
    width: 175px;
    margin: auto;
    margin-bottom: 20px;
    background-image: url("../img/varios/traffic-light.png"); /* fallback */
    background-image: url("../img/varios/traffic-light.png"), linear-gradient(#acabab 68%, #4cdbc4 50%); /* W3C */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .paso_cordillera_home .deshabilitado {
    background-image: url("../img/varios/traffic-light.png"), linear-gradient(#db4f4c 33%, #acabab 36%); /* W3C */
  }
  .horoscopo_home {
    margin: 15px 10px;
  }
  .horoscopo_home .titulo {
    margin-bottom: 20px;
  }
  .horoscopo_home .data {
    -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%;
  }
  .horoscopo_home .data .slick {
    height: 320px;
  }
  .horoscopo_home .data .slick .PrevArrow, .horoscopo_home .data .slick .NextArrow {
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    line-height: 1;
    -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;
  }
  .horoscopo_home .data .slick .slick-list {
    height: 100%;
  }
  .horoscopo_home .data .slick .slick-list .slick-track {
    height: 100%;
  }
  .horoscopo_home .signo {
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .horoscopo_home .signo a {
    text-align: center;
  }
  .horoscopo_home .signo a .icon {
    width: 100px;
    height: 100px;
    color: #B49ACA;
    margin-bottom: 25px;
  }
  .horoscopo_home .signo a .nombre {
    text-transform: capitalize;
    text-align: center;
    font-size: 2.125rem;
    color: #B49ACA;
    margin-bottom: 5px;
  }
  .horoscopo_home .signo a .fecha {
    text-align: center;
    font-size: 1.25rem;
  }
  .servicios_publi {
    padding-top: 128px;
  }
  .notas_sugeridas .contenedor .recuadro .titulo_bloque h3 .gestion {
    float: right;
    line-height: 1.2;
  }
  .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;
    }
  }
  .encuestas_home .titulo {
    text-align: left;
    line-height: 1.2;
  }
  .encuestas_home .item-4 .grid {
    padding-top: 34px;
  }
  .cont_votacion .cuerpo .item-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .cont_votacion .cuerpo .item-3 .participante .data .posicion {
    padding: 5px;
  }
  .cont_votacion .cuerpo .item-3 .participante .data .nombre {
    font-size: 1.125rem;
    padding: 5px;
  }
  .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 .titulo {
    font-size: 4.063rem;
    line-height: 1;
    text-align: left;
  }
  .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 .cuerpo p {
    font-size: 1.1875rem;
  }
  .detalle--nota .cuerpo .link_nota_editor .titulo {
    margin-top: 0;
  }
  .detalle--nota .cuerpo .link_nota_propia {
    -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);
    border: 0;
  }
  .detalle--nota .mas_leidas .nota-lista:after {
    border: none;
  }
  .detalle--nota .relacionadas {
    margin-bottom: 30px;
  }
  .detalle--nota .relacionadas .item-12 .nota-lista {
    border: 1px solid #d1d1d1;
    padding: 10px;
  }
  .detalle--nota .relacionadas .item-12 .nota-lista .media {
    margin-bottom: 0px;
    flex-basis: 40%;
  }
  .detalle--nota .relacionadas .item-12 .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 .item-12 .nota-lista .data .volanta a span {
      overflow: hidden;
      position: relative;
    }
    .detalle--nota .relacionadas .item-12 .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 .item-12 .nota-lista .data .volanta a span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .detalle--nota .media .modulo-galeria .PrevArrow,
  .detalle--nota .media .modulo-galeria .NextArrow {
    top: 46%;
  }
  .seccion.huarpe_tv {
    padding: 10px 0 20px 0;
  }
  .seccion.huarpe_tv .cont-p, .seccion.huarpe_tv .cont-300 {
    padding: 0 11px !important;
  }
  .seccion.huarpe_tv .cont-p {
    flex: 0 0 calc(100% - 400px);
  }
  .seccion.huarpe_tv .cont-p .nota .data {
    padding: 0;
  }
  .seccion.huarpe_tv .cont-300 {
    flex: 0 0 400px;
  }
  .seccion.huarpe_tv .cont-300 .contenedor {
    background-color: #2f2f2f;
  }
  .seccion.huarpe_tv .subtitulo {
    padding: 0;
    margin-bottom: 0;
  }
  .seccion.huarpe_tv .item-3 .nota .data {
    padding: 0;
  }
  .seccion .portada .nota-especial:after {
    border: none;
  }
  .seccion .portada .nota-especial .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() {
    .seccion .portada .nota-especial .volanta span {
      overflow: hidden;
      position: relative;
    }
    .seccion .portada .nota-especial .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .seccion .portada .nota-especial .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .seccion .portada .nota-especial .titulo {
    width: 50%;
    float: left;
    padding: 8px 10px 40px 10px;
  }
  .seccion .portada .nota-especial .titulo h2 {
    color: rgb(0, 0, 0);
    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 {
      overflow: hidden;
      position: relative;
    }
    .seccion .portada .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 {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .seccion .portada .nota-especial .introduccion {
    width: 50%;
    padding-top: 15px;
  }
  .seccion .portada .nota-especial .autor {
    width: 50%;
  }
  .seccion .portada .nota-lista {
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 15px;
  }
  .seccion .portada .nota-lista:after {
    border: none;
  }
  .seccion .portada .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .seccion .portada .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .seccion .portada .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() {
    .seccion .portada .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .seccion .portada .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .seccion .portada .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .seccion .portada .nota-lista.solo_susc .data {
    margin-bottom: 25px;
  }
  .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 .item-12.grid.departamento_select {
    margin: 0px;
    padding: 0px;
  }
  .seccion .item-12.grid.departamento_select h6 {
    margin-bottom: 0px;
  }
  .seccion .item-12.grid.departamento_select option {
    font-size: 13px;
  }
  .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_nombre {
    padding: 0 10px;
    position: relative;
    height: auto;
    background-color: transparent;
    margin-bottom: 20px;
    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 .notas_seccion_ .nota-lista {
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 15px;
  }
  .busqueda .notas_seccion_ .nota-lista:after {
    border: none;
  }
  .busqueda .notas_seccion_ .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 15px;
    padding: 0;
  }
  .busqueda .notas_seccion_ .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .busqueda .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() {
    .busqueda .notas_seccion_ .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .busqueda .notas_seccion_ .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .busqueda .notas_seccion_ .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .busqueda .notas_seccion_ .nota-lista.solo_susc .data {
    margin-bottom: 25px;
  }
  .error_page .error_img img {
    max-width: 700px;
  }
  .error_page .contenedor .titulo {
    padding: 0px;
  }
  .error_page .nota-lista {
    height: 100%;
    flex-wrap: wrap;
    padding: 15px 0;
    margin-bottom: 15px;
  }
  .error_page .nota-lista:after {
    border: none;
  }
  .error_page .nota-lista .media {
    flex-basis: 100%;
    margin-bottom: 10px;
    padding: 0;
  }
  .error_page .nota-lista .volanta {
    margin-bottom: 5px;
  }
  .error_page .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() {
    .error_page .nota-lista .volanta span {
      overflow: hidden;
      position: relative;
    }
    .error_page .nota-lista .volanta span:before {
      background: transparent;
      bottom: 0;
      position: absolute;
      right: 0;
      float: right;
      content: "";
      margin-left: -3rem;
      width: 3rem;
    }
    .error_page .nota-lista .volanta span:after {
      content: "";
      background: transparent;
      position: absolute;
      height: 50px;
      width: 100%;
      z-index: 1;
    }
  }
  .horoscopo .pub_horoscopo {
    display: block;
  }
  .horoscopo .pub_horoscopo .publicidad {
    position: fixed;
    top: 220px;
    min-width: 300px;
    margin: 10px;
  }
  .clima .clima_gral .cont_estado {
    display: flex;
    padding: 20px;
    margin-bottom: 0;
  }
  .clima .clima_gral .cont_estado .estado {
    flex-direction: column;
    max-width: 320px;
    margin-bottom: 0;
  }
  .clima .clima_gral .cont_estado .info_hoy {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .clima .clima_gral .cont_estado .info_extend {
    width: auto;
    min-width: 320px;
  }
  .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;
    }
  }
  .suscripciones .item-12 .titulo {
    padding: 0px;
  }
  .modulo_coronavirus {
    margin-bottom: 20px;
  }
  .modulo_coronavirus .modulo_coronavirus_san_juan .encabezado {
    font-size: 22px;
    font-weight: bold;
    padding: 0;
  }
  .modulo_coronavirus .modulo_coronavirus_san_juan .item-12.contenedor-datos {
    overflow: auto;
  }
  .modulo_coronavirus .modulo_coronavirus_san_juan .item-7 {
    min-width: 670px;
    padding: 18px 0;
  }
  .modulo_coronavirus .modulo_coronavirus_san_juan .item-5 {
    min-width: 470px;
    padding: 18px 0;
  }
  .modulo_coronavirus .modulo_coronavirus_san_juan .title {
    margin-bottom: 0 15px;
    font-size: 20px;
  }
  .modulo_dengue {
    margin-bottom: 20px;
  }
  .modulo_dengue .modulo_dengue_san_juan {
    max-width: 990px;
    margin: auto;
    box-shadow: 0 0.05rem 0.5rem rgba(0, 0, 0, 0.3);
    padding-bottom: 6px;
    margin-top: 30px;
    width: 98%;
  }
  .modulo_dengue .modulo_dengue_san_juan .encabezado {
    text-align: center;
    color: #ea0000;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .modulo_dengue .modulo_dengue_san_juan .item-12.contenedor-datos {
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    justify-content: space-around;
    margin-left: 10px;
    padding-right: 2px;
  }
  .modulo_dengue .modulo_dengue_san_juan .item-12.contenedor-datos .datos_dengue {
    margin: 0;
    padding: 0;
    width: unset;
  }
  .modulo_dengue .modulo_dengue_san_juan .item-12.contenedor-datos .border-4 {
    border-right: 2px solid black;
    border-left: 2px solid black;
    padding: 0px 44px;
  }
}
@media (min-width: 768px) and (min-width: 1300px) {
  .modulo_dengue .modulo_dengue_san_juan .item-12.contenedor-datos .border-4 {
    padding: 0 51px;
  }
}
@media (min-width: 768px) {
  .seccion .tooltip {
    margin: 20px 0;
  }
  .seccion .tooltip .tooltiptext {
    font-size: 16px;
    width: 260px;
    top: -13px;
  }
  .seccion .tooltip .tooltiptext::after {
    top: 36%;
  }
  .vota .contenedor_vota .participantes {
    padding: 0;
  }
  .vota .contenedor_vota .participantes .participante_contenedor {
    width: 25%;
    padding: 0 15px;
  }
  .vota .contenedor_vota .participantes .participante_contenedor:nth-child(even) {
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  .notas_relacionadas .mas_leidas .nota-lista.solo_susc .premium_content.down {
    display: none;
  }
}
@media (min-width: 1200px) {
  .ultimo-momento {
    z-index: 900;
  }
  .edicion_impresa_home .ubicacion > div span {
    color: rgb(255, 255, 255);
    font-size: 1rem;
  }
  .edicion_impresa_home .ubicacion > div .cont_icon {
    width: 60px;
    height: 60px;
    margin-top: 0;
  }
  .edicion_impresa_home .ubicacion > div .cont_icon .icon {
    width: 40px;
    height: 40px;
  }
  .modulo_coronavirus .modulo_coronavirus_san_juan .cont_text {
    display: none;
  }
}
/*------------------------------------*\
    $TEXTURAS
\*------------------------------------*/
.alert--block, .alert--info, .alert--error, .alert--warning, .alert--success {
  margin-bottom: 1.5;
  padding: 8px 35px 8px 14px;
  background-color: rgb(252, 228, 207);
  border: 1px solid #f6ae6f;
  font-family: "Roboto", 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: #c5e6c5;
  border-color: #a2d6a2;
  color: #347834;
}

.alert--warning {
  background-color: #f7d6b9;
  border-color: #f2bc8b;
  color: #9f5512;
}

.alert--error {
  background-color: #f4cac8;
  border-color: #eba19e;
  color: rgb(218, 79, 73);
}

.alert--info {
  background-color: #6dc8e5;
  border-color: #24a1c8;
  color: #05161b;
}

.alert--block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert--block .alert--heading {
  margin-bottom: 0.1875;
  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: #4d4d4d;
  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: #4d4d4d;
  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: #4d4d4d;
  border: 1px solid #f2f2f2;
  border-radius: 3px;
  padding: 12px;
  background-color: transparent;
  text-align: center;
}

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

::selection {
  background-color: white;
  color: #DE7637;
  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;
}
[class^=item-].collapse-total, [class*=" item-"].collapse-total {
  margin: 0;
  padding: 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%);
}

[class^=item-].clear, [class*=" item-"].clear {
  margin: 0;
  padding: 0;
}

/*------------------------------------*\
    $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;
}

.anchor {
  color: #DE7637;
}

.registro .icon-eye.icon-eye-open, .mi_cuenta ._pass .icon-eye, .mi_cuenta .r_pass .icon-eye-open{
    display: none;
}
.registro .reg_view_password, .mi_cuenta .reg_view_password{
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: auto;
    right: 5px;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
}
.registro .reg_password, .mi_cuenta .reg_password{
    font-size: 1.15rem;
}
.mi_cuenta .cont-pass{
    position: relative;
    max-width: fit-content;
}
.mi_cuenta ._pass .cont-pass .reg_view_password{
    top: 9px;
}
.mi_cuenta .r_pass .reg_view_password{
    max-width: 45%;
}
.mi_cuenta .formulario-cont .form-group.r_pass .edit-input{
    width: 226px;
}