@charset "UTF-8";
/*!
Theme Name: Noticias y eventos UAI
Version: 1.0.0
Author: Agencia Digital Reactor
Author URI: http://reactor.cl/
*/
/*------------------------------------*\
    $TABLA DE CONTENIDO
    Basado en la Guia de Harry Robert https://github.com/csswizardry/CSS-Guidelines
\*------------------------------------*/
/**
 * SETTINGS...........Declaración de Variables SASS
 * BITS...............Funciones y Mixins de SASS
 * RESET..............Mezcla de reset de Boilerplate y Normalize
 * ZINDEX.............Archivo con todos los z-index que se usan en el proyecto
 *
 * PLUGINS............Estilos de los Plugins usados
 *
 * SVG................Código de algunos SVG usados en la página
 *
 * GLOBAL CLASSES.....Clases que se usan en todo el sitio
 * MAIN...............Declaraciones de alto nivel
 * GRIDS..............Grids para la página
 * LINKS..............Estilos de los Links
 *
 * HEADER.............Elementos de la cabecera
 * LOGO...............Logo de la página web
 * NAV................Menú
 * FOOTER.............Footer de la página
 *
 * FORM...............Estilos de formulario
 * BTN.......,........Botones de la página
 * HERO...............Banner superior
 * BREADCRUMBS........Navegación de breadcrumbs
 *
 * HELPERS............Clases de ayuda
 * PRINT..............Estilos de impresión
 */
/*------------------------------------*\
    $GENERIC
\*------------------------------------*/
/*------------------------------------*\
    		$SETTINGS
\*------------------------------------*/
/* ============== // Transition // ============== */
/* ============== // FONTS // ============== */
/* =============================================================================
   				Functions
   ========================================================================== */
/* =============================================================================
   				Mixins
   ========================================================================== */
/*Media Queries*/
/*------------------------------------*\
	$GENERIC
\*------------------------------------*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  font-size: 1em;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  margin: 0;
}

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

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

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

h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
}

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

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

[hidden],
template {
  display: none;
}

b,
strong {
  font-weight: bold;
}

img {
  border: 0;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: none;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
}

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

input[type=search] {
  -webkit-appearance: none;
}

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  resize: vertical;
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}

a {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

/*------------------------------------*\
    		$Z-INDEX
\*------------------------------------*/
/*------------------------------------*\
    $PLUGINS
\*------------------------------------*/
/*------------------------------------*\
    		$PLUGINS
\*------------------------------------*/
/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 0;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd49a), to(#fdf59a));
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9 ;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3c17a), to(#f3e97a));
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9 ;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#808080));
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9 ;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#08c), to(#0044cc));
  background-image: -o-linear-gradient(top, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9 ;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#08c), to(#0044cc));
  background-image: -o-linear-gradient(top, #08c, #0044cc);
  background-image: linear-gradient(to bottom, #08c, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9 ;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

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

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 4000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-size: 13px;
  line-height: 20px;
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 4px 5px;
}
/*------------------------------------*\
    $SVG
\*------------------------------------*/
/*------------------------------------*\
    $GLOBAL ELEMENTS
\*------------------------------------*/
/*------------------------------------*\
			$GLOBAL-CLASSES
\*------------------------------------*/
.wrap {
  margin: auto;
  max-width: 72.5rem;
  width: 100%;
}

.background-gray {
  background-color: #f4f4f4;
}

.more-elements {
  padding: 26px 15px;
  text-align: right;
}
@media (min-width: 740px) {
  .more-elements {
    padding: 26px 30px;
  }
}
@media (min-width: 980px) {
  .more-elements {
    padding: 26px 0;
  }
}
.more-elements a {
  color: #009fe3;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
}
.more-elements a:hover {
  color: #00587d;
}
.more-elements a:hover svg {
  fill: #00587d;
}
.more-elements a svg {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  fill: #009fe3;
  width: 6px;
  height: 9px;
}

.full-sep {
  margin: 20px auto 0;
  max-width: 72.5rem;
  width: 100%;
  height: 1px;
  display: block;
  background-color: #e6e9ee;
}

.generic-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 15px;
}
.generic-wrapper.is-page {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.generic-wrapper.is-page .teaser, .generic-wrapper.is-page .opinion, .generic-wrapper.is-page .event-generic {
  margin-top: 0;
  margin-bottom: 20px;
}
.generic-wrapper.is-page .opinion {
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  border: 1px solid #e6e9ee;
}
@media (min-width: 740px) and (max-width: 980px) {
  .generic-wrapper {
    padding: 0 30px;
  }
  .generic-wrapper .teaser {
    width: calc(33% - 10px);
  }
}
@media (min-width: 980px) {
  .generic-wrapper {
    padding: 0;
  }
}
@media (max-width: 740px) {
  .generic-wrapper > div + div {
    margin-top: 15px;
  }
}

.box-shadow {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e9ee;
}

@media (min-width: 740px) {
  .centered {
    text-align: center;
  }
}

.is-bold {
  font-weight: 700;
}

/*------------------------------------*\
    		$MAIN
\*------------------------------------*/
html, body {
  height: 100%;
}

body {
  font-family: "Open Sans", sans-serif;
}

a {
  text-decoration: none;
  background: transparent;
}
a:active, a:hover {
  outline: 0;
}

/*------------------------------------*\
    $PAGE STRUCTURE - GENERAL
\*------------------------------------*/
/*------------------------------------*\
                $HEADER
\*------------------------------------*/
.header {
  background-color: #1d1e20;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
}
@media (min-width: 980px) {
  .header {
    border-top: 8px solid #009fe3;
    /*transition: $transition-time $transition-method;*/
  }
  .header.is-fixed {
    top: -38px;
  }
  .header.is-fixed .header__wrap {
    padding: 15px 0 45px;
  }
}

.header__wrap {
  max-width: 1160px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 15px 12px 12px 20px;
}
@media (min-width: 980px) {
  .header__wrap {
    /*transition: $transition-time $transition-method;*/
    padding: 30px 0 60px;
  }
}

.top-bar__wrapper {
  max-width: 1200px;
  margin: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.site-name {
  color: white;
  font-family: "Bitter", serif;
  font-weight: 700;
  position: relative;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 10px;
  padding-top: 10px;
  padding-right: 50px;
  width: 100%;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
  line-height: 28px;
  line-height: 1.75rem;
  font-size: 25px;
  font-size: 1.5625rem;
}
@media screen and (max-width: 980px) {
  .site-name {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
}
@media (min-width: 980px) {
  .site-name {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    width: auto;
    line-height: 30px;
    line-height: 1.875rem;
    font-size: 30px;
    font-size: 1.875rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.site-name::before {
  content: "";
  position: absolute;
  top: 14px;
  left: -20px;
  height: 25px;
  width: 5px;
  background-color: #009fe3;
}
@media (min-width: 980px) {
  .site-name::before {
    height: 4px;
    width: 34px;
    top: auto;
    bottom: -10px;
    left: 0;
  }
}
.site-name a {
  color: white;
}

/*------------------------------------*\
                $LOGO
\*------------------------------------*/
.logo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 110px;
}
@media screen and (max-width: 980px) {
  .logo {
    display: none;
  }
}
.logo img {
  width: 100%;
}
@media (min-width: 980px) {
  .logo {
    width: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

/*------------------------------------*\
$NAV
\*------------------------------------*/
.nav-container {
  position: fixed;
  left: 0;
  z-index: 1100;
  -webkit-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
  max-width: 1160px;
  width: 100%;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);
  display: none;
}
.nav-container.is-open {
  display: block;
}
@media (max-width: 740px) {
  .nav-container {
    height: calc(100vh - 100px);
    overflow: auto;
  }
}
@media (min-width: 740px) {
  .nav-container {
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (min-width: 980px) {
  .nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 128px;
    overflow: visible;
  }
  .nav-container.is-fixed {
    top: 70px;
  }
}

.main-nav {
  background-color: #f4f4f4;
}
@media (min-width: 740px) {
  .main-nav {
    background-color: transparent;
    border-right: 1px solid rgba(215, 210, 203, 0.5);
  }
}

.main-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 10px;
  position: relative;
}
@media (min-width: 980px) {
  .main-nav__list {
    padding: 16px 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: wrap row;
            flex-flow: wrap row;
  }
}
.main-nav__list > li {
  position: relative;
}
.main-nav__list > li:last-of-type a, .main-nav__list > li:last-of-type span {
  border-bottom: 0;
}
.main-nav__list > li.current-menu-item > a, .main-nav__list > li.current-menu-item span, .main-nav__list > li.current_page_item > a, .main-nav__list > li.current_page_item span, .main-nav__list > li.current-page-ancestor > a, .main-nav__list > li.current-page-ancestor span, .main-nav__list > li.current-menu-ancestor > a, .main-nav__list > li.current-menu-ancestor span, .main-nav__list > li.current-menu-parent > a, .main-nav__list > li.current-menu-parent span, .main-nav__list > li.current-page-parent > a, .main-nav__list > li.current-page-parent span, .main-nav__list > li.current_page_parent > a, .main-nav__list > li.current_page_parent span, .main-nav__list > li.current_page_ancestor > a, .main-nav__list > li.current_page_ancestor span {
  color: #009fe3;
}
.main-nav__list > li.menu-item-has-children.sub-menu-open > span {
  border-bottom-color: transparent;
  background-image: url(../img/minus.svg);
}
.main-nav__list > li.menu-item-has-children > span {
  background-image: url(../img/plus.svg);
  background-repeat: no-repeat;
  background-position: right center;
}
@media (min-width: 980px) {
  .main-nav__list > li.menu-item-has-children > span {
    background-image: none;
  }
}
.main-nav__list > li:last-of-type a, .main-nav__list > li:last-of-type span {
  border-right: 0;
}
.main-nav__list > li > a, .main-nav__list > li > span {
  font-weight: 700;
  display: block;
  padding: 20px 10px;
  display: block;
  color: #1d1e20;
  font-family: "Bitter", serif;
  border-bottom: 1px solid #d7d2cb;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 18px;
  font-size: 1.125rem;
}
@media (min-width: 740px) {
  .main-nav__list > li > a, .main-nav__list > li > span {
    padding: 20px;
  }
}
@media (min-width: 980px) {
  .main-nav__list > li > a, .main-nav__list > li > span {
    border-bottom: 0;
    padding: 2px 20px;
    border-right: 1px solid #f9f8f7;
    line-height: 20px;
    line-height: 1.25rem;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .main-nav__list > li > a:hover, .main-nav__list > li > span:hover {
    color: #009fe3;
  }
}

.sub-menu {
  width: calc(100% + 20px);
  margin-left: -10px;
  background-color: white;
  padding: 10px;
  display: none;
  z-index: 200;
  border-top: 0;
}
@media (min-width: 980px) {
  .sub-menu {
    padding: 5px 20px;
    -webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: white;
    border: solid 1px #e6e9ee;
    position: absolute;
    top: 42px;
    left: -10px;
    margin: 0;
    width: 300px;
  }
}

.sub-menu__list {
  width: 100%;
}
.sub-menu__list .menu-item {
  display: block;
  color: #1d1e20;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Bitter", serif;
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #d7d2cb;
}
@media (min-width: 980px) {
  .sub-menu__list .menu-item {
    padding: 10px 0;
  }
}
.sub-menu__list .menu-item:last-of-type {
  border-bottom: none;
}
.sub-menu__list .menu-item.current_page_item, .sub-menu__list .menu-item .current-menu-item {
  color: #009fe3;
  font-weight: 700;
}
.sub-menu__list .menu-item::before {
  content: "";
  position: absolute;
  top: 6px;
  left: -21px;
  width: 5px;
  height: 26px;
  background-color: #009fe3;
  opacity: 0;
}
.sub-menu__list .menu-item:hover {
  color: #009fe3;
}
.sub-menu__list .menu-item.current_page_item::before, .sub-menu__list .menu-item.current-menu-item::before {
  opacity: 1;
}

.sub-menu-doble {
  position: relative;
}
.sub-menu-doble > .menu-item {
  border-bottom: 1px solid #d7d2cb !important;
}
.sub-menu-doble .open-child {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: white;
  line-height: 30px;
  line-height: 1.875rem;
  font-size: 24px;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  cursor: pointer;
}
.sub-menu-doble .sub-sub-menu {
  display: none;
  padding-left: 20px;
  border-bottom: 1px solid #d7d2cb;
}

.go-to {
  display: block;
  padding: 0 21px;
  color: #1d1e20;
  width: 100%;
  background-color: #f4f4f4;
  font-family: "Bitter", serif;
  line-height: 61px;
  line-height: 3.8125rem;
  font-size: 18px;
  font-size: 1.125rem;
}
@media (min-width: 740px) {
  .go-to {
    width: auto;
    line-height: 56px;
    line-height: 3.5rem;
    font-size: 15px;
    font-size: 0.9375rem;
    background-color: transparent;
    border-right: 1px solid rgba(215, 210, 203, 0.5);
    border-left: 1px solid rgba(215, 210, 203, 0.5);
  }
}
.search-active .go-to {
  border-left: 0;
}
@media (min-width: 740px) {
  .search-active .go-to {
    padding-left: 0;
  }
}

.nav-extras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*------------------------------------*\
			$NAVICON
\*------------------------------------*/
.navicon {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  position: absolute;
  bottom: 6px;
  right: 20px;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background-color: transparent;
}
.navicon:active, .navicon:focus {
  outline: 0;
}
@media (min-width: 740px) {
  .navicon {
    bottom: 10px;
  }
}
@media (min-width: 980px) {
  .navicon {
    display: none;
  }
}
.navicon svg {
  width: 40px;
  height: 40px;
  fill: #009fe3;
}

/*------------------------------------*\
                $FOOTER
\*------------------------------------*/
.footer {
  background-color: #1d1e20;
  padding: 20px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 0.8125em;
}
@media (min-width: 980px) {
  .footer {
    padding: 40px 50px;
  }
}
@media (min-width: 740px) {
  .footer .box.third {
    width: calc(100% - 5px);
    margin-bottom: 10px;
  }
}
@media (min-width: 980px) {
  .footer .box.third {
    width: calc(33% - 5px);
    text-align: left;
  }
}
.footer .two-third {
  text-align: center;
  width: 100%;
}
@media (min-width: 740px) {
  .footer .two-third {
    width: 100%;
  }
}
@media (min-width: 980px) {
  .footer .two-third {
    width: calc(66% - 5px);
    text-align: right;
  }
}
.footer .box {
  position: relative;
  display: block;
  margin: 0;
}
@media (min-width: 980px) {
  .footer .box {
    margin-bottom: 10px;
  }
}
.footer .box.third {
  width: 100%;
}
@media (min-width: 740px) {
  .footer .box.third {
    width: calc(33% - 5px);
  }
}
.footer .box.half {
  width: 100%;
}
@media (min-width: 740px) {
  .footer .box.half {
    width: calc(50% - 5px);
  }
}
.footer .box.full {
  width: 100%;
}
.footer .box:hover .box__media::after {
  opacity: 1;
}
.footer a {
  color: #009fe3;
}

.footer__item {
  margin: 15px 10px;
  display: inline-block;
}
@media (min-width: 740px) {
  .footer__item {
    margin: 0;
  }
}
.footer__item img {
  max-width: 100%;
}

#btnmodal {
  position: fixed;
  bottom: 20px;
  right: 20px;
  /*    width: 60px;
      height: 60px;*/
  z-index: 9999;
}
@media (min-width: 740px) {
  #btnmodal {
    /*        width: 117px;
            height: 41px;*/
    bottom: 50px;
    right: 50px;
  }
}
#btnmodal .fa-plus {
  background-color: #000;
  height: 30px;
  width: 60px;
  display: block;
  float: right;
  color: #fff;
}
@media (min-width: 740px) {
  #btnmodal .fa-plus {
    height: 41px;
    width: 41px;
  }
}
#btnmodal .fa-plus:before {
  content: "+";
  font-size: 22px;
  height: 100%;
  width: 100%;
  display: inline-block;
  text-align: center;
}
@media (min-width: 740px) {
  #btnmodal .fa-plus:before {
    font-size: 29px;
  }
}
#btnmodal .text {
  color: #fff;
  width: 60px;
  height: 30px;
  padding: 5px 0;
  clear: both;
  text-align: center;
  font-size: 9px;
  line-height: 12px;
}
@media (min-width: 740px) {
  #btnmodal .text {
    display: inline-block;
    padding: 9px 0 0;
    height: 41px;
    width: 76px;
    font-size: 11px;
  }
}

/*------------------------------------*\
		$COMPONENTS
\*------------------------------------*/
/*------------------------------------*\
			$FORM
\*------------------------------------*/
.signup-form {
  max-width: 330px;
  width: 100%;
  margin: 25px auto;
  padding: 0 15px;
}
@media (min-width: 740px) {
  .signup-form {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .signup-form {
    margin: 50px auto 40px;
    max-width: 1060px;
  }
}

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form__box {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 980px) {
  .form__box {
    margin-bottom: 0;
    width: calc(33% - 14px);
  }
}

.form__full {
  width: 100%;
  text-align: center;
}

.parsley-errors-list {
  position: absolute;
  bottom: -16px;
  right: 0;
  line-height: 14px;
  line-height: 0.875rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #ef3340;
}

.form__submit {
  margin-top: 5px;
}
@media (min-width: 980px) {
  .form__submit {
    margin-top: 50px;
  }
}

.form__label {
  color: #a1a1a1;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
}

.form__input {
  width: 100%;
  color: #545356;
  border: 0;
  padding: 7px 0;
  border-bottom: 1px solid #d4d4d4;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
}
.form__input:active, .form__input:focus {
  outline: 0;
}
.form__input.parsley-error {
  border-bottom-color: #ef3340;
}
.form__input.parsley-success {
  border-bottom-color: #3bd77d;
}

.radio-option {
  position: relative;
  margin-bottom: 3px;
}
.radio-option label {
  letter-spacing: 0.6px;
  color: white;
  padding-left: 20px;
  position: relative;
  z-index: 100;
  cursor: pointer;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
}
.radio-option input[type=radio] {
  visibility: hidden;
  position: absolute;
}
.radio-option input[type=radio]:checked ~ .radio-option__check::before {
  opacity: 1;
}
.radio-option .radio-option__check {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: white;
  vertical-align: middle;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.radio-option .radio-option__check::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0082ba;
  position: absolute;
  opacity: 0;
  top: 3px;
  left: 3px;
  -webkit-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

/*------------------------------------*\
    		$BTN
\*------------------------------------*/
.btn {
  border: 2px solid white;
  padding: 0 20px;
  display: inline-block;
  background-color: transparent;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.btn:active, .btn:focus {
  outline: 0;
}

.btn--simple {
  color: white;
  line-height: 35px;
  line-height: 2.1875rem;
  font-size: 16px;
  font-size: 1rem;
}
.btn--simple:hover {
  color: #0082ba;
  background-color: white;
  border-color: white;
}

.btn--blue {
  color: #009fe3;
  padding: 0 13px;
  border-color: #009fe3;
  line-height: 34px;
  line-height: 2.125rem;
  font-size: 15px;
  font-size: 0.9375rem;
}
.btn--blue:hover {
  color: white;
  background-color: #009fe3;
  border-color: #009fe3;
}

/*------------------------------------*\
    		$HERO
\*------------------------------------*/
/*------------------------------------*\
    		$BREADCRUMBS
\*------------------------------------*/
.breadcrumbs {
  display: none;
}
@media (min-width: 740px) {
  .breadcrumbs {
    display: block;
  }
}
.breadcrumbs a, .breadcrumbs span {
  font-size: 13px;
  color: #545356;
}
.breadcrumbs a:hover {
  color: #009fe3;
}
.breadcrumbs span svg {
  width: 4px;
  height: 8px;
  fill: #545356;
}

/*------------------------------------*\
			$SEARCH
\*------------------------------------*/
.search-module {
  position: relative;
  width: 100%;
  border-bottom: 3px solid #1d1e20;
}
@media (min-width: 740px) {
  .search-module {
    border-bottom: 0;
    width: 300px;
  }
}
.search-module.search-module--active {
  width: 100%;
}
@media (min-width: 980px) {
  .search-module.search-module--active {
    width: 630px;
  }
}
.search-module.search-module--active .search-form__submit {
  background-color: #009fe3;
}
.search-module.search-module--active .search-form__submit svg {
  fill: white;
}
.search-module.search-module--active .search-form__field {
  background-color: #009fe3;
  color: white;
}
.search-module.search-module--active ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.search-module.search-module--active ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.search-module.search-module--active :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.search-module.search-module--active :-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.search-form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.search-form__submit {
  border: 0;
  background-color: transparent;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 56px;
  display: inline-block;
}
@media (max-width: 740px) {
  .search-form__submit {
    width: 50px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.search-form__submit svg {
  width: 24px;
  height: 24px;
  fill: #1d1e20;
}

.search-form__field {
  color: #545356;
  border: 0;
  width: calc(100% - 60px);
  margin: 0;
  padding: 0 0 0 10px;
  font-family: "Bitter", serif;
  -webkit-appearance: none;
  border-radius: 0;
  line-height: 56px;
  line-height: 3.5rem;
  font-size: 16px;
  font-size: 1rem;
}
@media (max-width: 740px) {
  .search-form__field {
    padding: 0 0 0 20px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.search-form__field:active, .search-form__field:focus {
  outline: 0;
}

.search-module__trigger-extra {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  height: 56px;
  width: 56px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: #0082ba;
}
.search-module__trigger-extra svg {
  width: 20px;
  height: 20px;
  fill: white;
}

.search-extras {
  max-width: 1160px;
  width: 100%;
  margin: auto;
  padding: 25px 30px;
  background-color: #0082ba;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 740px) {
  .search-extras {
    padding: 25px 45px;
    margin-top: 15px;
  }
}

.search-extras__col {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 740px) {
  .search-extras__col {
    margin-bottom: 0;
    width: calc(33% - 20px);
  }
}
@media (min-width: 980px) {
  .search-extras__col {
    width: calc(25% - 40px);
  }
}

.search-extra__title {
  color: white;
  margin-bottom: 25px;
  font-family: "Bitter", serif;
  position: relative;
}
.search-extra__title::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: white;
}

@media (max-width: 980px) {
  .search-extras__col--search {
    width: 100%;
    text-align: right;
  }
}
@media (max-width: 740px) {
  .search-extras__col--search {
    text-align: center;
  }
}
.search-extras__col--search .btn {
  margin-top: 20px;
}
@media (min-width: 980px) {
  .search-extras__col--search .btn {
    margin-top: 160px;
  }
}

.search-options {
  color: #545356;
  font-family: "Open Sans", sans-serif;
  padding: 10px 16px;
  display: table;
  margin: 12px auto 0;
  border: 2px solid #545356;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 740px) {
  .search-options {
    margin-left: 10px;
    margin-bottom: 0;
    display: inline-block;
  }
}
.search-options:hover {
  color: #009fe3;
  border-color: #009fe3;
}

@media (min-width: 740px) and (max-width: 980px) {
  .search-page-title {
    margin-bottom: 25px;
    display: block;
  }
}

.date-option-container {
  margin-top: 40px;
  display: none;
}

.date-option {
  position: relative;
}
.date-option label {
  position: absolute;
  left: 0;
  top: 7px;
  color: white;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
}
.date-option input {
  width: 100%;
  color: white;
  border: 0;
  padding: 7px 0 7px 46px;
  background-color: transparent;
  border-bottom: 1px solid #d4d4d4;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
}
.date-option input:active, .date-option input:focus {
  outline: 0;
}

/*------------------------------------*\
			$TITLES
\*------------------------------------*/
.section-title.facultad-de-psicologia {
  color: #eb661b;
}

.section-title.escuela-de-psicologia {
  color: #eb661b;
}

.section-title.escuela-de-negocios {
  color: #00a297;
}

.section-title.facultad-de-artes-liberales {
  color: #69187f;
}

.section-title.facultad-de-periodismo {
  color: #ef3340;
}

.section-title.escuela-de-periodismo {
  color: #ef3340;
}

.section-title.escuela-de-comunicaciones-y-periodismo {
  color: #ef3340;
}

.section-title.facultad-de-derecho {
  color: #24559d;
}

.section-title.escuela-de-gobierno {
  color: #a19688;
}

.section-title.facultad-de-ingenieria {
  color: #00adda;
}

.section-title.facultad-de-ingenieria-y-ciencias {
  color: #00adda;
}

.section-title.design-lab {
  color: #fcc002;
}

.section-title.designlab {
  color: #fcc002;
}

.section-title.escuela-de-diseno {
  color: #fcc002;
}

.section-title.generico {
  color: #009fe3;
}

.section-title.corporate {
  color: #ec5929;
}

.section-title.uai {
  color: #1c1c1c;
}

.first-title {
  color: #1d1e20;
  font-family: "Bitter", serif;
  font-weight: 700;
  line-height: 37px;
  line-height: 2.3125rem;
  font-size: 32px;
  font-size: 2rem;
}
@media (min-width: 740px) {
  .first-title {
    line-height: 45px;
    line-height: 2.8125rem;
    font-size: 40px;
    font-size: 2.5rem;
  }
}
@media (min-width: 980px) {
  .first-title {
    line-height: 43px;
    line-height: 2.6875rem;
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.first-title a {
  color: #1d1e20;
}

.featured-event-title {
  color: #1d1e20;
  font-family: "Bitter", serif;
  font-weight: 700;
  line-height: 28px;
  line-height: 1.75rem;
  font-size: 26px;
  font-size: 1.625rem;
}
@media (min-width: 740px) {
  .featured-event-title {
    line-height: 53px;
    line-height: 3.3125rem;
    font-size: 50px;
    font-size: 3.125rem;
  }
}
.featured-event-title a {
  color: #1d1e20;
}

.section-title {
  color: #1d1e20;
  font-weight: 700;
  font-family: "Bitter", serif;
  line-height: 37px;
  line-height: 2.3125rem;
  font-size: 32px;
  font-size: 2rem;
}
@media (min-width: 740px) {
  .section-title {
    line-height: 53px;
    line-height: 3.3125rem;
    font-size: 40px;
    font-size: 2.5rem;
  }
}
@media (min-width: 980px) {
  .section-title {
    line-height: 53px;
    line-height: 3.3125rem;
    font-size: 45px;
    font-size: 2.8125rem;
  }
}

.large-title {
  font-family: "Bitter", serif;
  font-weight: 700;
  color: #1d1e20;
  line-height: 33px;
  line-height: 2.0625rem;
  font-size: 28px;
  font-size: 1.75rem;
}
@media (min-width: 980px) {
  .large-title {
    line-height: 40px;
    line-height: 2.5rem;
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.medium-title {
  font-family: "Bitter", serif;
  color: rgba(0, 0, 0, 0.79);
  font-weight: 400;
  line-height: 26px;
  line-height: 1.625rem;
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 980px) {
  .medium-title {
    line-height: 26px;
    line-height: 1.625rem;
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.medium-title.is-bold {
  font-weight: 700;
}
.medium-title a {
  color: rgba(0, 0, 0, 0.79);
}

.box-title {
  color: rgba(0, 0, 0, 0.79);
  font-family: "Bitter", serif;
  line-height: 28px;
  line-height: 1.75rem;
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 740px) {
  .box-title {
    line-height: 28px;
    line-height: 1.75rem;
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
.box-title a {
  color: rgba(0, 0, 0, 0.79);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.box-title a:hover {
  color: #009fe3;
}

.title-small {
  font-weight: 700;
  font-family: "Bitter", serif;
  color: #1d1e20;
  line-height: 22px;
  line-height: 1.375rem;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 740px) {
  .title-small {
    line-height: 28px;
    line-height: 1.75rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.title-small a {
  color: #1d1e20;
}

/*------------------------------------*\
                        $FEATURED
\*------------------------------------*/
.featured.facultad-de-psicologia.hover-active .featured__btn {
  background-color: #eb661b;
  border-color: #eb661b;
  color: white;
}
.featured.facultad-de-psicologia.hover-active::after {
  opacity: 0.6;
}
.featured.facultad-de-psicologia.hover-active .label a {
  color: white;
}
.featured.facultad-de-psicologia.hover-active .featured__title::before {
  background-color: white;
}
.featured.facultad-de-psicologia .featured__title::before {
  background-color: #eb661b;
}
.featured.facultad-de-psicologia::after {
  background-color: #eb661b;
}

.featured.escuela-de-psicologia.hover-active .featured__btn {
  background-color: #eb661b;
  border-color: #eb661b;
  color: white;
}
.featured.escuela-de-psicologia.hover-active::after {
  opacity: 0.6;
}
.featured.escuela-de-psicologia.hover-active .label a {
  color: white;
}
.featured.escuela-de-psicologia.hover-active .featured__title::before {
  background-color: white;
}
.featured.escuela-de-psicologia .featured__title::before {
  background-color: #eb661b;
}
.featured.escuela-de-psicologia::after {
  background-color: #eb661b;
}

.featured.escuela-de-negocios.hover-active .featured__btn {
  background-color: #00a297;
  border-color: #00a297;
  color: white;
}
.featured.escuela-de-negocios.hover-active::after {
  opacity: 0.6;
}
.featured.escuela-de-negocios.hover-active .label a {
  color: white;
}
.featured.escuela-de-negocios.hover-active .featured__title::before {
  background-color: white;
}
.featured.escuela-de-negocios .featured__title::before {
  background-color: #00a297;
}
.featured.escuela-de-negocios::after {
  background-color: #00a297;
}

.featured.facultad-de-artes-liberales.hover-active .featured__btn {
  background-color: #69187f;
  border-color: #69187f;
  color: white;
}
.featured.facultad-de-artes-liberales.hover-active::after {
  opacity: 0.6;
}
.featured.facultad-de-artes-liberales.hover-active .label a {
  color: white;
}
.featured.facultad-de-artes-liberales.hover-active .featured__title::before {
  background-color: white;
}
.featured.facultad-de-artes-liberales .featured__title::before {
  background-color: #69187f;
}
.featured.facultad-de-artes-liberales::after {
  background-color: #69187f;
}

.featured.facultad-de-periodismo.hover-active .featured__btn {
  background-color: #ef3340;
  border-color: #ef3340;
  color: white;
}
.featured.facultad-de-periodismo.hover-active::after {
  opacity: 0.6;
}
.featured.facultad-de-periodismo.hover-active .label a {
  color: white;
}
.featured.facultad-de-periodismo.hover-active .featured__title::before {
  background-color: white;
}
.featured.facultad-de-periodismo .featured__title::before {
  background-color: #ef3340;
}
.featured.facultad-de-periodismo::after {
  background-color: #ef3340;
}

.featured.escuela-de-periodismo.hover-active .featured__btn {
  background-color: #ef3340;
  border-color: #ef3340;
  color: white;
}
.featured.escuela-de-periodismo.hover-active::after {
  opacity: 0.6;
}
.featured.escuela-de-periodismo.hover-active .label a {
  color: white;
}
.featured.escuela-de-periodismo.hover-active .featured__title::before {
  background-color: white;
}
.featured.escuela-de-periodismo .featured__title::before {
  background-color: #ef3340;
}
.featured.escuela-de-periodismo::after {
  background-color: #ef3340;
}

.featured.escuela-de-comunicaciones-y-periodismo.hover-active .featured__btn {
  background-color: #ef3340;
  border-color: #ef3340;
  color: white;
}
.featured.escuela-de-comunicaciones-y-periodismo.hover-active::after {
  opacity: 0.6;
}
.featured.escuela-de-comunicaciones-y-periodismo.hover-active .label a {
  color: white;
}
.featured.escuela-de-comunicaciones-y-periodismo.hover-active .featured__title::before {
  background-color: white;
}
.featured.escuela-de-comunicaciones-y-periodismo .featured__title::before {
  background-color: #ef3340;
}
.featured.escuela-de-comunicaciones-y-periodismo::after {
  background-color: #ef3340;
}

.featured.facultad-de-derecho.hover-active .featured__btn {
  background-color: #24559d;
  border-color: #24559d;
  color: white;
}
.featured.facultad-de-derecho.hover-active::after {
  opacity: 0.6;
}
.featured.facultad-de-derecho.hover-active .label a {
  color: white;
}
.featured.facultad-de-derecho.hover-active .featured__title::before {
  background-color: white;
}
.featured.facultad-de-derecho .featured__title::before {
  background-color: #24559d;
}
.featured.facultad-de-derecho::after {
  background-color: #24559d;
}

.featured.escuela-de-gobierno.hover-active .featured__btn {
  background-color: #a19688;
  border-color: #a19688;
  color: white;
}
.featured.escuela-de-gobierno.hover-active::after {
  opacity: 0.6;
}
.featured.escuela-de-gobierno.hover-active .label a {
  color: white;
}
.featured.escuela-de-gobierno.hover-active .featured__title::before {
  background-color: white;
}
.featured.escuela-de-gobierno .featured__title::before {
  background-color: #a19688;
}
.featured.escuela-de-gobierno::after {
  background-color: #a19688;
}

.featured.facultad-de-ingenieria.hover-active .featured__btn {
  background-color: #00adda;
  border-color: #00adda;
  color: white;
}
.featured.facultad-de-ingenieria.hover-active::after {
  opacity: 0.6;
}
.featured.facultad-de-ingenieria.hover-active .label a {
  color: white;
}
.featured.facultad-de-ingenieria.hover-active .featured__title::before {
  background-color: white;
}
.featured.facultad-de-ingenieria .featured__title::before {
  background-color: #00adda;
}
.featured.facultad-de-ingenieria::after {
  background-color: #00adda;
}

.featured.facultad-de-ingenieria-y-ciencias.hover-active .featured__btn {
  background-color: #00adda;
  border-color: #00adda;
  color: white;
}
.featured.facultad-de-ingenieria-y-ciencias.hover-active::after {
  opacity: 0.6;
}
.featured.facultad-de-ingenieria-y-ciencias.hover-active .label a {
  color: white;
}
.featured.facultad-de-ingenieria-y-ciencias.hover-active .featured__title::before {
  background-color: white;
}
.featured.facultad-de-ingenieria-y-ciencias .featured__title::before {
  background-color: #00adda;
}
.featured.facultad-de-ingenieria-y-ciencias::after {
  background-color: #00adda;
}

.featured.design-lab.hover-active .featured__btn {
  background-color: #fcc002;
  border-color: #fcc002;
  color: white;
}
.featured.design-lab.hover-active::after {
  opacity: 0.6;
}
.featured.design-lab.hover-active .label a {
  color: white;
}
.featured.design-lab.hover-active .featured__title::before {
  background-color: white;
}
.featured.design-lab .featured__title::before {
  background-color: #fcc002;
}
.featured.design-lab::after {
  background-color: #fcc002;
}

.featured.designlab.hover-active .featured__btn {
  background-color: #fcc002;
  border-color: #fcc002;
  color: white;
}
.featured.designlab.hover-active::after {
  opacity: 0.6;
}
.featured.designlab.hover-active .label a {
  color: white;
}
.featured.designlab.hover-active .featured__title::before {
  background-color: white;
}
.featured.designlab .featured__title::before {
  background-color: #fcc002;
}
.featured.designlab::after {
  background-color: #fcc002;
}

.featured.escuela-de-diseno.hover-active .featured__btn {
  background-color: #fcc002;
  border-color: #fcc002;
  color: white;
}
.featured.escuela-de-diseno.hover-active::after {
  opacity: 0.6;
}
.featured.escuela-de-diseno.hover-active .label a {
  color: white;
}
.featured.escuela-de-diseno.hover-active .featured__title::before {
  background-color: white;
}
.featured.escuela-de-diseno .featured__title::before {
  background-color: #fcc002;
}
.featured.escuela-de-diseno::after {
  background-color: #fcc002;
}

.featured.generico.hover-active .featured__btn {
  background-color: #009fe3;
  border-color: #009fe3;
  color: white;
}
.featured.generico.hover-active::after {
  opacity: 0.6;
}
.featured.generico.hover-active .label a {
  color: white;
}
.featured.generico.hover-active .featured__title::before {
  background-color: white;
}
.featured.generico .featured__title::before {
  background-color: #009fe3;
}
.featured.generico::after {
  background-color: #009fe3;
}

.featured.corporate.hover-active .featured__btn {
  background-color: #ec5929;
  border-color: #ec5929;
  color: white;
}
.featured.corporate.hover-active::after {
  opacity: 0.6;
}
.featured.corporate.hover-active .label a {
  color: white;
}
.featured.corporate.hover-active .featured__title::before {
  background-color: white;
}
.featured.corporate .featured__title::before {
  background-color: #ec5929;
}
.featured.corporate::after {
  background-color: #ec5929;
}

.featured.uai.hover-active .featured__btn {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
  color: white;
}
.featured.uai.hover-active::after {
  opacity: 0.6;
}
.featured.uai.hover-active .label a {
  color: white;
}
.featured.uai.hover-active .featured__title::before {
  background-color: white;
}
.featured.uai .featured__title::before {
  background-color: #1c1c1c;
}
.featured.uai::after {
  background-color: #1c1c1c;
}

.featured {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 505px;
  max-width: 72.5rem;
  width: 100%;
  margin: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  padding: 0 15px;
}
@media (min-width: 740px) {
  .featured {
    padding: 0;
    margin: 20px auto;
  }
}
.featured.hover-active .featured__cover {
  opacity: 1;
}
.featured.hover-active .featured__btn {
  background-color: white;
  border-color: white;
}
.featured::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, transparent), color-stop(70%, rgba(29, 30, 32, 0.6)), to(rgba(29, 30, 32, 0.8)));
  background-image: -o-linear-gradient(transparent 0%, transparent 40%, rgba(29, 30, 32, 0.6) 70%, rgba(29, 30, 32, 0.8) 100%);
  background-image: linear-gradient(transparent 0%, transparent 40%, rgba(29, 30, 32, 0.6) 70%, rgba(29, 30, 32, 0.8) 100%);
}
.featured::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.featured.single {
  max-width: 780px;
  height: auto;
  margin-bottom: 40px;
  background-color: white;
  border: 1px solid #e6e9ee;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
.featured.single::before {
  display: none;
}
.featured.single .featured__content {
  position: relative;
  left: auto;
  bottom: auto;
  padding-top: 45px;
}
.featured.single .featured__title {
  color: #1d1e20;
}
.featured.single .featured__title a {
  color: #1d1e20;
}
.featured.single .label a, .featured.single .btn--simple {
  color: #545356;
}
.featured.single .btn--simple {
  border-color: #545356;
}

.featured__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.featured__content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px 10px 30px 35px;
  width: 100%;
  z-index: 100;
}
@media (min-width: 740px) {
  .featured__content {
    padding: 20px 100px 30px 35px;
  }
}
.single .featured__content {
  padding-bottom: 45px;
}
.featured__content .label {
  display: inline-block;
  margin-right: 20px;
}
.featured__content .meta {
  display: inline-block;
}
.featured__content audio {
  float: right;
  margin: 10px 0;
  max-width: 100%;
}

.featured__title {
  margin-top: 12px;
  font-weight: 700;
  font-family: "Bitter", serif;
  position: relative;
  color: white;
  line-height: 35px;
  line-height: 2.1875rem;
  font-size: 30px;
  font-size: 1.875rem;
}
@media (min-width: 740px) {
  .featured__title {
    line-height: 40px;
    line-height: 2.5rem;
    font-size: 35px;
    font-size: 2.1875rem;
  }
}
@media (min-width: 980px) {
  .featured__title {
    margin-bottom: 10px;
    line-height: 40px;
    line-height: 2.5rem;
    font-size: 35px;
    font-size: 2.1875rem;
  }
}
.featured__title a {
  color: white;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.featured__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: -35px;
  width: 6px;
  height: 70px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (min-width: 740px) {
  .featured__title::before {
    height: 100%;
  }
}

.featured__copy {
  padding: 0 15px;
  max-width: 675px;
  width: 100%;
  margin: 12px auto 10px;
  display: none;
}
@media (min-width: 740px) {
  .featured__copy {
    padding: 0;
  }
}
.featured__copy p {
  color: white;
  letter-spacing: 1px;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.featured__btn {
  margin-top: 20px;
  display: table;
}

/*------------------------------------*\
			$LABELS
\*------------------------------------*/
.label.facultad-de-psicologia a {
  color: #eb661b;
}
.label.facultad-de-psicologia a:hover {
  color: #a54713;
}

.label.escuela-de-psicologia a {
  color: #eb661b;
}
.label.escuela-de-psicologia a:hover {
  color: #a54713;
}

.label.escuela-de-negocios a {
  color: #00a297;
}
.label.escuela-de-negocios a:hover {
  color: #00716a;
}

.label.facultad-de-artes-liberales a {
  color: #69187f;
}
.label.facultad-de-artes-liberales a:hover {
  color: #4a1159;
}

.label.facultad-de-periodismo a {
  color: #ef3340;
}
.label.facultad-de-periodismo a:hover {
  color: #a7242d;
}

.label.escuela-de-periodismo a {
  color: #ef3340;
}
.label.escuela-de-periodismo a:hover {
  color: #a7242d;
}

.label.escuela-de-comunicaciones-y-periodismo a {
  color: #ef3340;
}
.label.escuela-de-comunicaciones-y-periodismo a:hover {
  color: #a7242d;
}

.label.facultad-de-derecho a {
  color: #24559d;
}
.label.facultad-de-derecho a:hover {
  color: #193c6e;
}

.label.escuela-de-gobierno a {
  color: #a19688;
}
.label.escuela-de-gobierno a:hover {
  color: #71695f;
}

.label.facultad-de-ingenieria a {
  color: #00adda;
}
.label.facultad-de-ingenieria a:hover {
  color: #007999;
}

.label.facultad-de-ingenieria-y-ciencias a {
  color: #00adda;
}
.label.facultad-de-ingenieria-y-ciencias a:hover {
  color: #007999;
}

.label.design-lab a {
  color: #fcc002;
}
.label.design-lab a:hover {
  color: #b08601;
}

.label.designlab a {
  color: #fcc002;
}
.label.designlab a:hover {
  color: #b08601;
}

.label.escuela-de-diseno a {
  color: #fcc002;
}
.label.escuela-de-diseno a:hover {
  color: #b08601;
}

.label.generico a {
  color: #009fe3;
}
.label.generico a:hover {
  color: #006f9f;
}

.label.corporate a {
  color: #ec5929;
}
.label.corporate a:hover {
  color: #a53e1d;
}

.label.uai a {
  color: #1c1c1c;
}
.label.uai a:hover {
  color: #141414;
}

.label {
  display: inline-block;
}
.label a {
  display: block;
  color: white;
  line-height: 13px;
  line-height: 0.8125rem;
  font-size: 13px;
  font-size: 0.8125rem;
}

/*------------------------------------*\
			$METADATA
\*------------------------------------*/
.meta.white .sep, .meta.white a {
  color: white;
}
.meta.white .sep {
  fill: white;
}
.meta.white .sep svg {
  fill: white;
}
.meta.white .date {
  color: white;
}
.meta.gray .sep, .meta.gray a {
  color: #545356;
}
.meta.gray .sep {
  fill: #545356;
}
.meta.gray .sep svg {
  fill: #545356;
}
.meta.has-line {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding-bottom: 5px;
  border-bottom: 1px solid #d7d2cb;
}
.meta span, .meta a {
  display: inline-block;
  line-height: 15px;
  line-height: 0.9375rem;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.meta .sep {
  padding: 0 5px;
}
.meta a:hover {
  color: #009fe3;
}
.meta .date {
  color: #e6007e;
  margin-right: 10px;
}
.event__about .meta .date {
  margin-right: 0;
  margin-left: 10px;
}
.meta .date-simple {
  color: #545356;
}
@media (max-width: 740px) {
  .meta .single__date {
    display: block;
  }
}

/*------------------------------------*\
			$SECTION
\*------------------------------------*/
.section {
  width: 100%;
}
.section.pb {
  padding-bottom: 40px;
}
.section.negative {
  margin-top: -31px;
}
.section.negative .section__title {
  padding-top: 71px;
}

.section__title {
  text-align: center;
  padding: 30px 20px;
}
@media (min-width: 980px) {
  .section__title {
    padding: 40px 0;
  }
}
.section__title .sub-title {
  display: block;
  font-weight: 400;
}

.section__intro {
  text-align: center;
  color: #1d1e20;
  margin-top: -24px;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
  padding: 0 15px;
}
@media (min-width: 740px) {
  .section__intro {
    padding: 0;
  }
}

/*------------------------------------*\
$TEASERS
\*------------------------------------*/
.teaser-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 15px;
}
@media (min-width: 740px) {
  .teaser-container {
    padding: 0 30px;
  }
}
@media (min-width: 980px) {
  .teaser-container {
    padding: 0;
  }
}
.teaser-container.spacer {
  padding-top: 20px;
}
@media (min-width: 740px) {
  .teaser-container.spacer {
    padding-top: 30px;
  }
}
@media (min-width: 980px) {
  .teaser-container.spacer {
    padding-top: 45px;
  }
}
.teaser-container.search .event,
.teaser-container.search .teaser {
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 0;
}
.teaser-container.search div:nth-child(3n+3) {
  margin-right: 0;
}

.teaser-container--events {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.teaser.facultad-de-psicologia .teaser__media a::before {
  background-color: rgba(235, 102, 27, 0.5);
}
.teaser.facultad-de-psicologia .teaser__date {
  color: #eb661b;
}
.teaser.facultad-de-psicologia .teaser__date + .sep {
  color: #eb661b;
}
.teaser.facultad-de-psicologia .teaser__date + .sep svg {
  fill: #eb661b;
}
.teaser.facultad-de-psicologia .teaser__title::before {
  background-color: #eb661b;
}
.teaser.facultad-de-psicologia .teaser__title.hover-active a {
  color: #eb661b;
}
.teaser.facultad-de-psicologia .teaser__title a:hover {
  color: #eb661b;
}

.mini-teaser.facultad-de-psicologia::before {
  background-color: #eb661b;
}
.mini-teaser.facultad-de-psicologia .mini-teaser__title a:hover {
  color: #eb661b;
}

.simple-teaser.facultad-de-psicologia::before {
  background-color: #eb661b;
}
.simple-teaser.facultad-de-psicologia .simple-teaser__title a:hover {
  color: #eb661b;
}

.teaser-container.facultad-de-psicologia .teaser__media a::before {
  background-color: rgba(235, 102, 27, 0.5);
}
.teaser-container.facultad-de-psicologia .teaser__title::before {
  background-color: #eb661b;
}
.teaser-container.facultad-de-psicologia .teaser__title.hover-active a {
  color: #eb661b;
}
.teaser-container.facultad-de-psicologia .teaser__title a:hover {
  color: #eb661b;
}

.teaser.escuela-de-psicologia .teaser__media a::before {
  background-color: rgba(235, 102, 27, 0.5);
}
.teaser.escuela-de-psicologia .teaser__date {
  color: #eb661b;
}
.teaser.escuela-de-psicologia .teaser__date + .sep {
  color: #eb661b;
}
.teaser.escuela-de-psicologia .teaser__date + .sep svg {
  fill: #eb661b;
}
.teaser.escuela-de-psicologia .teaser__title::before {
  background-color: #eb661b;
}
.teaser.escuela-de-psicologia .teaser__title.hover-active a {
  color: #eb661b;
}
.teaser.escuela-de-psicologia .teaser__title a:hover {
  color: #eb661b;
}

.mini-teaser.escuela-de-psicologia::before {
  background-color: #eb661b;
}
.mini-teaser.escuela-de-psicologia .mini-teaser__title a:hover {
  color: #eb661b;
}

.simple-teaser.escuela-de-psicologia::before {
  background-color: #eb661b;
}
.simple-teaser.escuela-de-psicologia .simple-teaser__title a:hover {
  color: #eb661b;
}

.teaser-container.escuela-de-psicologia .teaser__media a::before {
  background-color: rgba(235, 102, 27, 0.5);
}
.teaser-container.escuela-de-psicologia .teaser__title::before {
  background-color: #eb661b;
}
.teaser-container.escuela-de-psicologia .teaser__title.hover-active a {
  color: #eb661b;
}
.teaser-container.escuela-de-psicologia .teaser__title a:hover {
  color: #eb661b;
}

.teaser.escuela-de-negocios .teaser__media a::before {
  background-color: rgba(0, 162, 151, 0.5);
}
.teaser.escuela-de-negocios .teaser__date {
  color: #00a297;
}
.teaser.escuela-de-negocios .teaser__date + .sep {
  color: #00a297;
}
.teaser.escuela-de-negocios .teaser__date + .sep svg {
  fill: #00a297;
}
.teaser.escuela-de-negocios .teaser__title::before {
  background-color: #00a297;
}
.teaser.escuela-de-negocios .teaser__title.hover-active a {
  color: #00a297;
}
.teaser.escuela-de-negocios .teaser__title a:hover {
  color: #00a297;
}

.mini-teaser.escuela-de-negocios::before {
  background-color: #00a297;
}
.mini-teaser.escuela-de-negocios .mini-teaser__title a:hover {
  color: #00a297;
}

.simple-teaser.escuela-de-negocios::before {
  background-color: #00a297;
}
.simple-teaser.escuela-de-negocios .simple-teaser__title a:hover {
  color: #00a297;
}

.teaser-container.escuela-de-negocios .teaser__media a::before {
  background-color: rgba(0, 162, 151, 0.5);
}
.teaser-container.escuela-de-negocios .teaser__title::before {
  background-color: #00a297;
}
.teaser-container.escuela-de-negocios .teaser__title.hover-active a {
  color: #00a297;
}
.teaser-container.escuela-de-negocios .teaser__title a:hover {
  color: #00a297;
}

.teaser.facultad-de-artes-liberales .teaser__media a::before {
  background-color: rgba(105, 24, 127, 0.5);
}
.teaser.facultad-de-artes-liberales .teaser__date {
  color: #69187f;
}
.teaser.facultad-de-artes-liberales .teaser__date + .sep {
  color: #69187f;
}
.teaser.facultad-de-artes-liberales .teaser__date + .sep svg {
  fill: #69187f;
}
.teaser.facultad-de-artes-liberales .teaser__title::before {
  background-color: #69187f;
}
.teaser.facultad-de-artes-liberales .teaser__title.hover-active a {
  color: #69187f;
}
.teaser.facultad-de-artes-liberales .teaser__title a:hover {
  color: #69187f;
}

.mini-teaser.facultad-de-artes-liberales::before {
  background-color: #69187f;
}
.mini-teaser.facultad-de-artes-liberales .mini-teaser__title a:hover {
  color: #69187f;
}

.simple-teaser.facultad-de-artes-liberales::before {
  background-color: #69187f;
}
.simple-teaser.facultad-de-artes-liberales .simple-teaser__title a:hover {
  color: #69187f;
}

.teaser-container.facultad-de-artes-liberales .teaser__media a::before {
  background-color: rgba(105, 24, 127, 0.5);
}
.teaser-container.facultad-de-artes-liberales .teaser__title::before {
  background-color: #69187f;
}
.teaser-container.facultad-de-artes-liberales .teaser__title.hover-active a {
  color: #69187f;
}
.teaser-container.facultad-de-artes-liberales .teaser__title a:hover {
  color: #69187f;
}

.teaser.facultad-de-periodismo .teaser__media a::before {
  background-color: rgba(239, 51, 64, 0.5);
}
.teaser.facultad-de-periodismo .teaser__date {
  color: #ef3340;
}
.teaser.facultad-de-periodismo .teaser__date + .sep {
  color: #ef3340;
}
.teaser.facultad-de-periodismo .teaser__date + .sep svg {
  fill: #ef3340;
}
.teaser.facultad-de-periodismo .teaser__title::before {
  background-color: #ef3340;
}
.teaser.facultad-de-periodismo .teaser__title.hover-active a {
  color: #ef3340;
}
.teaser.facultad-de-periodismo .teaser__title a:hover {
  color: #ef3340;
}

.mini-teaser.facultad-de-periodismo::before {
  background-color: #ef3340;
}
.mini-teaser.facultad-de-periodismo .mini-teaser__title a:hover {
  color: #ef3340;
}

.simple-teaser.facultad-de-periodismo::before {
  background-color: #ef3340;
}
.simple-teaser.facultad-de-periodismo .simple-teaser__title a:hover {
  color: #ef3340;
}

.teaser-container.facultad-de-periodismo .teaser__media a::before {
  background-color: rgba(239, 51, 64, 0.5);
}
.teaser-container.facultad-de-periodismo .teaser__title::before {
  background-color: #ef3340;
}
.teaser-container.facultad-de-periodismo .teaser__title.hover-active a {
  color: #ef3340;
}
.teaser-container.facultad-de-periodismo .teaser__title a:hover {
  color: #ef3340;
}

.teaser.escuela-de-periodismo .teaser__media a::before {
  background-color: rgba(239, 51, 64, 0.5);
}
.teaser.escuela-de-periodismo .teaser__date {
  color: #ef3340;
}
.teaser.escuela-de-periodismo .teaser__date + .sep {
  color: #ef3340;
}
.teaser.escuela-de-periodismo .teaser__date + .sep svg {
  fill: #ef3340;
}
.teaser.escuela-de-periodismo .teaser__title::before {
  background-color: #ef3340;
}
.teaser.escuela-de-periodismo .teaser__title.hover-active a {
  color: #ef3340;
}
.teaser.escuela-de-periodismo .teaser__title a:hover {
  color: #ef3340;
}

.mini-teaser.escuela-de-periodismo::before {
  background-color: #ef3340;
}
.mini-teaser.escuela-de-periodismo .mini-teaser__title a:hover {
  color: #ef3340;
}

.simple-teaser.escuela-de-periodismo::before {
  background-color: #ef3340;
}
.simple-teaser.escuela-de-periodismo .simple-teaser__title a:hover {
  color: #ef3340;
}

.teaser-container.escuela-de-periodismo .teaser__media a::before {
  background-color: rgba(239, 51, 64, 0.5);
}
.teaser-container.escuela-de-periodismo .teaser__title::before {
  background-color: #ef3340;
}
.teaser-container.escuela-de-periodismo .teaser__title.hover-active a {
  color: #ef3340;
}
.teaser-container.escuela-de-periodismo .teaser__title a:hover {
  color: #ef3340;
}

.teaser.escuela-de-comunicaciones-y-periodismo .teaser__media a::before {
  background-color: rgba(239, 51, 64, 0.5);
}
.teaser.escuela-de-comunicaciones-y-periodismo .teaser__date {
  color: #ef3340;
}
.teaser.escuela-de-comunicaciones-y-periodismo .teaser__date + .sep {
  color: #ef3340;
}
.teaser.escuela-de-comunicaciones-y-periodismo .teaser__date + .sep svg {
  fill: #ef3340;
}
.teaser.escuela-de-comunicaciones-y-periodismo .teaser__title::before {
  background-color: #ef3340;
}
.teaser.escuela-de-comunicaciones-y-periodismo .teaser__title.hover-active a {
  color: #ef3340;
}
.teaser.escuela-de-comunicaciones-y-periodismo .teaser__title a:hover {
  color: #ef3340;
}

.mini-teaser.escuela-de-comunicaciones-y-periodismo::before {
  background-color: #ef3340;
}
.mini-teaser.escuela-de-comunicaciones-y-periodismo .mini-teaser__title a:hover {
  color: #ef3340;
}

.simple-teaser.escuela-de-comunicaciones-y-periodismo::before {
  background-color: #ef3340;
}
.simple-teaser.escuela-de-comunicaciones-y-periodismo .simple-teaser__title a:hover {
  color: #ef3340;
}

.teaser-container.escuela-de-comunicaciones-y-periodismo .teaser__media a::before {
  background-color: rgba(239, 51, 64, 0.5);
}
.teaser-container.escuela-de-comunicaciones-y-periodismo .teaser__title::before {
  background-color: #ef3340;
}
.teaser-container.escuela-de-comunicaciones-y-periodismo .teaser__title.hover-active a {
  color: #ef3340;
}
.teaser-container.escuela-de-comunicaciones-y-periodismo .teaser__title a:hover {
  color: #ef3340;
}

.teaser.facultad-de-derecho .teaser__media a::before {
  background-color: rgba(36, 85, 157, 0.5);
}
.teaser.facultad-de-derecho .teaser__date {
  color: #24559d;
}
.teaser.facultad-de-derecho .teaser__date + .sep {
  color: #24559d;
}
.teaser.facultad-de-derecho .teaser__date + .sep svg {
  fill: #24559d;
}
.teaser.facultad-de-derecho .teaser__title::before {
  background-color: #24559d;
}
.teaser.facultad-de-derecho .teaser__title.hover-active a {
  color: #24559d;
}
.teaser.facultad-de-derecho .teaser__title a:hover {
  color: #24559d;
}

.mini-teaser.facultad-de-derecho::before {
  background-color: #24559d;
}
.mini-teaser.facultad-de-derecho .mini-teaser__title a:hover {
  color: #24559d;
}

.simple-teaser.facultad-de-derecho::before {
  background-color: #24559d;
}
.simple-teaser.facultad-de-derecho .simple-teaser__title a:hover {
  color: #24559d;
}

.teaser-container.facultad-de-derecho .teaser__media a::before {
  background-color: rgba(36, 85, 157, 0.5);
}
.teaser-container.facultad-de-derecho .teaser__title::before {
  background-color: #24559d;
}
.teaser-container.facultad-de-derecho .teaser__title.hover-active a {
  color: #24559d;
}
.teaser-container.facultad-de-derecho .teaser__title a:hover {
  color: #24559d;
}

.teaser.escuela-de-gobierno .teaser__media a::before {
  background-color: rgba(161, 150, 136, 0.5);
}
.teaser.escuela-de-gobierno .teaser__date {
  color: #a19688;
}
.teaser.escuela-de-gobierno .teaser__date + .sep {
  color: #a19688;
}
.teaser.escuela-de-gobierno .teaser__date + .sep svg {
  fill: #a19688;
}
.teaser.escuela-de-gobierno .teaser__title::before {
  background-color: #a19688;
}
.teaser.escuela-de-gobierno .teaser__title.hover-active a {
  color: #a19688;
}
.teaser.escuela-de-gobierno .teaser__title a:hover {
  color: #a19688;
}

.mini-teaser.escuela-de-gobierno::before {
  background-color: #a19688;
}
.mini-teaser.escuela-de-gobierno .mini-teaser__title a:hover {
  color: #a19688;
}

.simple-teaser.escuela-de-gobierno::before {
  background-color: #a19688;
}
.simple-teaser.escuela-de-gobierno .simple-teaser__title a:hover {
  color: #a19688;
}

.teaser-container.escuela-de-gobierno .teaser__media a::before {
  background-color: rgba(161, 150, 136, 0.5);
}
.teaser-container.escuela-de-gobierno .teaser__title::before {
  background-color: #a19688;
}
.teaser-container.escuela-de-gobierno .teaser__title.hover-active a {
  color: #a19688;
}
.teaser-container.escuela-de-gobierno .teaser__title a:hover {
  color: #a19688;
}

.teaser.facultad-de-ingenieria .teaser__media a::before {
  background-color: rgba(0, 173, 218, 0.5);
}
.teaser.facultad-de-ingenieria .teaser__date {
  color: #00adda;
}
.teaser.facultad-de-ingenieria .teaser__date + .sep {
  color: #00adda;
}
.teaser.facultad-de-ingenieria .teaser__date + .sep svg {
  fill: #00adda;
}
.teaser.facultad-de-ingenieria .teaser__title::before {
  background-color: #00adda;
}
.teaser.facultad-de-ingenieria .teaser__title.hover-active a {
  color: #00adda;
}
.teaser.facultad-de-ingenieria .teaser__title a:hover {
  color: #00adda;
}

.mini-teaser.facultad-de-ingenieria::before {
  background-color: #00adda;
}
.mini-teaser.facultad-de-ingenieria .mini-teaser__title a:hover {
  color: #00adda;
}

.simple-teaser.facultad-de-ingenieria::before {
  background-color: #00adda;
}
.simple-teaser.facultad-de-ingenieria .simple-teaser__title a:hover {
  color: #00adda;
}

.teaser-container.facultad-de-ingenieria .teaser__media a::before {
  background-color: rgba(0, 173, 218, 0.5);
}
.teaser-container.facultad-de-ingenieria .teaser__title::before {
  background-color: #00adda;
}
.teaser-container.facultad-de-ingenieria .teaser__title.hover-active a {
  color: #00adda;
}
.teaser-container.facultad-de-ingenieria .teaser__title a:hover {
  color: #00adda;
}

.teaser.facultad-de-ingenieria-y-ciencias .teaser__media a::before {
  background-color: rgba(0, 173, 218, 0.5);
}
.teaser.facultad-de-ingenieria-y-ciencias .teaser__date {
  color: #00adda;
}
.teaser.facultad-de-ingenieria-y-ciencias .teaser__date + .sep {
  color: #00adda;
}
.teaser.facultad-de-ingenieria-y-ciencias .teaser__date + .sep svg {
  fill: #00adda;
}
.teaser.facultad-de-ingenieria-y-ciencias .teaser__title::before {
  background-color: #00adda;
}
.teaser.facultad-de-ingenieria-y-ciencias .teaser__title.hover-active a {
  color: #00adda;
}
.teaser.facultad-de-ingenieria-y-ciencias .teaser__title a:hover {
  color: #00adda;
}

.mini-teaser.facultad-de-ingenieria-y-ciencias::before {
  background-color: #00adda;
}
.mini-teaser.facultad-de-ingenieria-y-ciencias .mini-teaser__title a:hover {
  color: #00adda;
}

.simple-teaser.facultad-de-ingenieria-y-ciencias::before {
  background-color: #00adda;
}
.simple-teaser.facultad-de-ingenieria-y-ciencias .simple-teaser__title a:hover {
  color: #00adda;
}

.teaser-container.facultad-de-ingenieria-y-ciencias .teaser__media a::before {
  background-color: rgba(0, 173, 218, 0.5);
}
.teaser-container.facultad-de-ingenieria-y-ciencias .teaser__title::before {
  background-color: #00adda;
}
.teaser-container.facultad-de-ingenieria-y-ciencias .teaser__title.hover-active a {
  color: #00adda;
}
.teaser-container.facultad-de-ingenieria-y-ciencias .teaser__title a:hover {
  color: #00adda;
}

.teaser.design-lab .teaser__media a::before {
  background-color: rgba(252, 192, 2, 0.5);
}
.teaser.design-lab .teaser__date {
  color: #fcc002;
}
.teaser.design-lab .teaser__date + .sep {
  color: #fcc002;
}
.teaser.design-lab .teaser__date + .sep svg {
  fill: #fcc002;
}
.teaser.design-lab .teaser__title::before {
  background-color: #fcc002;
}
.teaser.design-lab .teaser__title.hover-active a {
  color: #fcc002;
}
.teaser.design-lab .teaser__title a:hover {
  color: #fcc002;
}

.mini-teaser.design-lab::before {
  background-color: #fcc002;
}
.mini-teaser.design-lab .mini-teaser__title a:hover {
  color: #fcc002;
}

.simple-teaser.design-lab::before {
  background-color: #fcc002;
}
.simple-teaser.design-lab .simple-teaser__title a:hover {
  color: #fcc002;
}

.teaser-container.design-lab .teaser__media a::before {
  background-color: rgba(252, 192, 2, 0.5);
}
.teaser-container.design-lab .teaser__title::before {
  background-color: #fcc002;
}
.teaser-container.design-lab .teaser__title.hover-active a {
  color: #fcc002;
}
.teaser-container.design-lab .teaser__title a:hover {
  color: #fcc002;
}

.teaser.designlab .teaser__media a::before {
  background-color: rgba(252, 192, 2, 0.5);
}
.teaser.designlab .teaser__date {
  color: #fcc002;
}
.teaser.designlab .teaser__date + .sep {
  color: #fcc002;
}
.teaser.designlab .teaser__date + .sep svg {
  fill: #fcc002;
}
.teaser.designlab .teaser__title::before {
  background-color: #fcc002;
}
.teaser.designlab .teaser__title.hover-active a {
  color: #fcc002;
}
.teaser.designlab .teaser__title a:hover {
  color: #fcc002;
}

.mini-teaser.designlab::before {
  background-color: #fcc002;
}
.mini-teaser.designlab .mini-teaser__title a:hover {
  color: #fcc002;
}

.simple-teaser.designlab::before {
  background-color: #fcc002;
}
.simple-teaser.designlab .simple-teaser__title a:hover {
  color: #fcc002;
}

.teaser-container.designlab .teaser__media a::before {
  background-color: rgba(252, 192, 2, 0.5);
}
.teaser-container.designlab .teaser__title::before {
  background-color: #fcc002;
}
.teaser-container.designlab .teaser__title.hover-active a {
  color: #fcc002;
}
.teaser-container.designlab .teaser__title a:hover {
  color: #fcc002;
}

.teaser.escuela-de-diseno .teaser__media a::before {
  background-color: rgba(252, 192, 2, 0.5);
}
.teaser.escuela-de-diseno .teaser__date {
  color: #fcc002;
}
.teaser.escuela-de-diseno .teaser__date + .sep {
  color: #fcc002;
}
.teaser.escuela-de-diseno .teaser__date + .sep svg {
  fill: #fcc002;
}
.teaser.escuela-de-diseno .teaser__title::before {
  background-color: #fcc002;
}
.teaser.escuela-de-diseno .teaser__title.hover-active a {
  color: #fcc002;
}
.teaser.escuela-de-diseno .teaser__title a:hover {
  color: #fcc002;
}

.mini-teaser.escuela-de-diseno::before {
  background-color: #fcc002;
}
.mini-teaser.escuela-de-diseno .mini-teaser__title a:hover {
  color: #fcc002;
}

.simple-teaser.escuela-de-diseno::before {
  background-color: #fcc002;
}
.simple-teaser.escuela-de-diseno .simple-teaser__title a:hover {
  color: #fcc002;
}

.teaser-container.escuela-de-diseno .teaser__media a::before {
  background-color: rgba(252, 192, 2, 0.5);
}
.teaser-container.escuela-de-diseno .teaser__title::before {
  background-color: #fcc002;
}
.teaser-container.escuela-de-diseno .teaser__title.hover-active a {
  color: #fcc002;
}
.teaser-container.escuela-de-diseno .teaser__title a:hover {
  color: #fcc002;
}

.teaser.generico .teaser__media a::before {
  background-color: rgba(0, 159, 227, 0.5);
}
.teaser.generico .teaser__date {
  color: #009fe3;
}
.teaser.generico .teaser__date + .sep {
  color: #009fe3;
}
.teaser.generico .teaser__date + .sep svg {
  fill: #009fe3;
}
.teaser.generico .teaser__title::before {
  background-color: #009fe3;
}
.teaser.generico .teaser__title.hover-active a {
  color: #009fe3;
}
.teaser.generico .teaser__title a:hover {
  color: #009fe3;
}

.mini-teaser.generico::before {
  background-color: #009fe3;
}
.mini-teaser.generico .mini-teaser__title a:hover {
  color: #009fe3;
}

.simple-teaser.generico::before {
  background-color: #009fe3;
}
.simple-teaser.generico .simple-teaser__title a:hover {
  color: #009fe3;
}

.teaser-container.generico .teaser__media a::before {
  background-color: rgba(0, 159, 227, 0.5);
}
.teaser-container.generico .teaser__title::before {
  background-color: #009fe3;
}
.teaser-container.generico .teaser__title.hover-active a {
  color: #009fe3;
}
.teaser-container.generico .teaser__title a:hover {
  color: #009fe3;
}

.teaser.corporate .teaser__media a::before {
  background-color: rgba(236, 89, 41, 0.5);
}
.teaser.corporate .teaser__date {
  color: #ec5929;
}
.teaser.corporate .teaser__date + .sep {
  color: #ec5929;
}
.teaser.corporate .teaser__date + .sep svg {
  fill: #ec5929;
}
.teaser.corporate .teaser__title::before {
  background-color: #ec5929;
}
.teaser.corporate .teaser__title.hover-active a {
  color: #ec5929;
}
.teaser.corporate .teaser__title a:hover {
  color: #ec5929;
}

.mini-teaser.corporate::before {
  background-color: #ec5929;
}
.mini-teaser.corporate .mini-teaser__title a:hover {
  color: #ec5929;
}

.simple-teaser.corporate::before {
  background-color: #ec5929;
}
.simple-teaser.corporate .simple-teaser__title a:hover {
  color: #ec5929;
}

.teaser-container.corporate .teaser__media a::before {
  background-color: rgba(236, 89, 41, 0.5);
}
.teaser-container.corporate .teaser__title::before {
  background-color: #ec5929;
}
.teaser-container.corporate .teaser__title.hover-active a {
  color: #ec5929;
}
.teaser-container.corporate .teaser__title a:hover {
  color: #ec5929;
}

.teaser.uai .teaser__media a::before {
  background-color: rgba(28, 28, 28, 0.5);
}
.teaser.uai .teaser__date {
  color: #1c1c1c;
}
.teaser.uai .teaser__date + .sep {
  color: #1c1c1c;
}
.teaser.uai .teaser__date + .sep svg {
  fill: #1c1c1c;
}
.teaser.uai .teaser__title::before {
  background-color: #1c1c1c;
}
.teaser.uai .teaser__title.hover-active a {
  color: #1c1c1c;
}
.teaser.uai .teaser__title a:hover {
  color: #1c1c1c;
}

.mini-teaser.uai::before {
  background-color: #1c1c1c;
}
.mini-teaser.uai .mini-teaser__title a:hover {
  color: #1c1c1c;
}

.simple-teaser.uai::before {
  background-color: #1c1c1c;
}
.simple-teaser.uai .simple-teaser__title a:hover {
  color: #1c1c1c;
}

.teaser-container.uai .teaser__media a::before {
  background-color: rgba(28, 28, 28, 0.5);
}
.teaser-container.uai .teaser__title::before {
  background-color: #1c1c1c;
}
.teaser-container.uai .teaser__title.hover-active a {
  color: #1c1c1c;
}
.teaser-container.uai .teaser__title a:hover {
  color: #1c1c1c;
}

.teaser {
  background-color: white;
  border: 1px solid #e6e9ee;
  width: 100%;
  position: relative;
  padding-bottom: 30px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 980px) {
  .teaser {
    margin-right: 20px;
  }
  .teaser:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (max-width: 740px) {
  .teaser + .teaser {
    margin-top: 15px;
  }
}
@media (min-width: 740px) {
  .teaser {
    width: calc(50% - 8px);
    padding-bottom: 28px;
  }
  .generic-wrapper .teaser {
    padding-bottom: 40px;
  }
}
@media (min-width: 740px) and (max-width: 980px) {
  .teaser:nth-child(n+3) {
    margin-top: 15px;
  }
}
@media (min-width: 980px) {
  .teaser {
    width: calc(33% - 10px);
  }
  .teaser:nth-child(n+4) {
    margin-top: 20px;
  }
}

.teaser__media {
  position: relative;
  display: none;
}
@media (min-width: 740px) {
  .teaser__media {
    display: block;
  }
}
.teaser--special .teaser__media {
  display: none;
}
.teaser__media.hover-active a::before {
  opacity: 1;
}
.teaser__media a {
  display: block;
  position: relative;
}
.teaser__media a:hover::before {
  opacity: 1;
}
.teaser__media a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.teaser__media img {
  width: 100%;
}

.teaser__content {
  padding: 15px 20px 30px;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (min-width: 740px) {
  .teaser__content {
    padding: 10px 33px 15px;
  }
}
@media (min-width: 740px) {
  .teaser--special .teaser__content {
    padding: 20px 33px 0;
  }
}
.teaser__content audio {
  margin: 10px 0;
  max-width: 100%;
}

.teaser__label {
  margin-bottom: 15px;
}
@media (min-width: 740px) {
  .teaser__label {
    margin-bottom: 10px;
  }
}

.teaser__copy {
  margin-top: 15px;
}
@media (min-width: 740px) {
  .teaser__copy {
    margin-bottom: 20px;
  }
}

.teaser__title {
  position: relative;
}
.teaser__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 6px;
  height: 50px;
  background-color: transparent;
}
@media (min-width: 740px) {
  .teaser__title::before {
    left: -34px;
  }
}
.teaser__title a {
  color: rgba(0, 0, 0, 0.79);
}

.teaser__extras {
  position: absolute;
  bottom: 15px;
  left: 20px;
  width: calc(100% - 40px);
}
@media (min-width: 740px) {
  .teaser__extras {
    left: 30px;
    width: calc(100% - 60px);
  }
}

.mini-teaser {
  width: 100%;
  position: relative;
  padding-right: 35px;
  padding-left: 10px;
}
.mini-teaser::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -15px;
  width: 6px;
  height: 50px;
  background-color: transparent;
}
@media (min-width: 980px) {
  .mini-teaser::before {
    left: -20px;
    top: 34px;
  }
}
@media (max-width: 740px) {
  .mini-teaser + .mini-teaser {
    margin-top: 25px;
  }
}
@media (min-width: 740px) {
  .mini-teaser {
    width: calc(50% - 30px);
    padding-right: 0;
    padding-left: 0;
    margin-right: 40px;
  }
  .mini-teaser:nth-child(4n+4) {
    margin-right: 0;
  }
  .mini-teaser:nth-child(n+3) {
    margin-top: 45px;
  }
}
@media (min-width: 980px) {
  .mini-teaser {
    width: calc(25% - 30px);
    padding-right: 0;
    padding-left: 0;
  }
  .mini-teaser:nth-child(n+3) {
    margin-top: 0;
  }
}
.mini-teaser .teaser__extras {
  left: 0;
}
@media (max-width: 740px) {
  .mini-teaser .teaser__extras {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
}

.simple-teaser {
  padding: 15px 25px 20px 30px;
  position: relative;
  background-color: white;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
.simple-teaser::before {
  content: "";
  position: absolute;
  top: 48px;
  left: 0;
  width: 6px;
  height: 40px;
  background-color: transparent;
}
.simple-teaser.blocks {
  width: 100%;
}
@media (min-width: 740px) {
  .simple-teaser.blocks {
    width: calc(50% - 8px);
  }
}
@media (min-width: 980px) {
  .simple-teaser.blocks {
    width: calc(33% - 10px);
  }
  .simple-teaser.blocks:nth-child(n+4) {
    margin-top: 20px;
  }
}

.simple-teaser__title {
  font-weight: 400;
  margin-top: 6px;
  margin-bottom: 10px;
}
@media (min-width: 740px) {
  .simple-teaser__title {
    line-height: 24px;
    line-height: 1.5rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.mini-teaser__title {
  margin-bottom: 15px;
}
@media (min-width: 740px) {
  .mini-teaser__title {
    margin-top: 10px;
  }
}
@media (min-width: 980px) {
  .mini-teaser__title {
    margin-bottom: 42px;
    min-height: 120px;
  }
}

.mini-teaser__label {
  display: none;
}
@media (min-width: 740px) {
  .mini-teaser__label {
    display: inline-block;
  }
}

.teaser__date {
  display: inline-block;
  line-height: 12px;
  line-height: 0.75rem;
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 740px) {
  .teaser__date {
    margin-bottom: 5px;
  }
}
.teaser__date + .sep {
  padding: 0 2px;
  display: inline-block;
  line-height: 12px;
  font-size: 12px;
  color: #545356;
}
.teaser__date + .sep svg {
  fill: #545356;
}

/*------------------------------------*\
			$EXTRACT
\*------------------------------------*/
.extract p {
  color: #545356;
  letter-spacing: 0.6px;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
}
.extract p + p {
  margin-top: 20px;
}

/*------------------------------------*\
			$EVENTS
\*------------------------------------*/
.events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
}
@media (min-width: 740px) {
  .events {
    padding: 0 30px;
  }
}
@media (min-width: 980px) {
  .events {
    padding: 0;
  }
}

.facultad-de-psicologia .event__info.hover-active {
  background-color: #eb661b;
}
.facultad-de-psicologia .event__title a:hover {
  color: #eb661b;
}

.escuela-de-psicologia .event__info.hover-active {
  background-color: #eb661b;
}
.escuela-de-psicologia .event__title a:hover {
  color: #eb661b;
}

.escuela-de-negocios .event__info.hover-active {
  background-color: #00a297;
}
.escuela-de-negocios .event__title a:hover {
  color: #00a297;
}

.facultad-de-artes-liberales .event__info.hover-active {
  background-color: #69187f;
}
.facultad-de-artes-liberales .event__title a:hover {
  color: #69187f;
}

.facultad-de-periodismo .event__info.hover-active {
  background-color: #ef3340;
}
.facultad-de-periodismo .event__title a:hover {
  color: #ef3340;
}

.escuela-de-periodismo .event__info.hover-active {
  background-color: #ef3340;
}
.escuela-de-periodismo .event__title a:hover {
  color: #ef3340;
}

.escuela-de-comunicaciones-y-periodismo .event__info.hover-active {
  background-color: #ef3340;
}
.escuela-de-comunicaciones-y-periodismo .event__title a:hover {
  color: #ef3340;
}

.facultad-de-derecho .event__info.hover-active {
  background-color: #24559d;
}
.facultad-de-derecho .event__title a:hover {
  color: #24559d;
}

.escuela-de-gobierno .event__info.hover-active {
  background-color: #a19688;
}
.escuela-de-gobierno .event__title a:hover {
  color: #a19688;
}

.facultad-de-ingenieria .event__info.hover-active {
  background-color: #00adda;
}
.facultad-de-ingenieria .event__title a:hover {
  color: #00adda;
}

.facultad-de-ingenieria-y-ciencias .event__info.hover-active {
  background-color: #00adda;
}
.facultad-de-ingenieria-y-ciencias .event__title a:hover {
  color: #00adda;
}

.design-lab .event__info.hover-active {
  background-color: #fcc002;
}
.design-lab .event__title a:hover {
  color: #fcc002;
}

.designlab .event__info.hover-active {
  background-color: #fcc002;
}
.designlab .event__title a:hover {
  color: #fcc002;
}

.escuela-de-diseno .event__info.hover-active {
  background-color: #fcc002;
}
.escuela-de-diseno .event__title a:hover {
  color: #fcc002;
}

.generico .event__info.hover-active {
  background-color: #009fe3;
}
.generico .event__title a:hover {
  color: #009fe3;
}

.corporate .event__info.hover-active {
  background-color: #ec5929;
}
.corporate .event__title a:hover {
  color: #ec5929;
}

.uai .event__info.hover-active {
  background-color: #1c1c1c;
}
.uai .event__title a:hover {
  color: #1c1c1c;
}

.event {
  background-color: white;
  border: 1px solid #e6e9ee;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 740px) {
  .event + .event {
    margin-top: 15px;
  }
}
@media (min-width: 740px) {
  .event {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (min-width: 980px) {
  .event {
    width: calc(33% - 10px);
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .event:nth-last-child(-n+3) {
    margin-top: 0;
  }
}
.event.is-featured {
  margin: 0 auto 20px;
  max-width: 72.5rem;
  width: 100%;
}
.event.is-featured .event__info {
  width: 100%;
  padding: 20px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
@media (min-width: 740px) and (max-width: 980px) {
  .event.is-featured .event__info {
    min-height: auto;
  }
}
.event.is-featured .event__date {
  width: auto;
}
.event.is-featured .event__location {
  text-align: center;
}
@media (min-width: 740px) and (max-width: 980px) {
  .event.is-featured .event__location {
    width: auto;
  }
}
@media (min-width: 980px) {
  .event.is-featured .event__location {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e9ee;
  }
}
.event.is-featured .from, .event.is-featured .to {
  padding: 0;
  height: auto;
  display: inline-block;
  width: auto;
}
.event.is-featured .from .container, .event.is-featured .to .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.event.is-featured .from .day-container, .event.is-featured .to .day-container {
  text-align: left;
  margin-left: 5px;
}
.event.is-featured .from .day-container .month, .event.is-featured .to .day-container .month {
  text-align: left;
  letter-spacing: 1.5px;
}
.event.is-featured .from .day-container .year, .event.is-featured .to .day-container .year {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
  letter-spacing: 1.1px;
  color: #e6007e;
  line-height: 14px;
  line-height: 0.875rem;
  font-size: 16px;
  font-size: 1rem;
  display: block;
}
.event.is-featured .day {
  line-height: 40px;
  line-height: 2.5rem;
  font-size: 38px;
  font-size: 2.375rem;
}
.event.is-featured .from {
  padding-right: 20px;
  border-bottom: none;
}
.event.is-featured .to {
  padding-left: 20px;
  position: relative;
}
.event.is-featured .to::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  width: 1px;
  height: 40px;
  background-color: #e6e9ee;
}
.event.is-featured .event__title {
  text-align: center;
}
@media (min-width: 740px) {
  .event.is-featured .event__title {
    padding-bottom: 30px;
  }
}
@media (min-width: 980px) {
  .event.is-featured .event__title {
    padding: 0 80px 0;
  }
}
.event.is-featured .event__extras {
  max-width: 600px;
  width: 100%;
  margin: auto;
}
.event.is-featured .event__extra {
  margin-bottom: 15px;
}
.event.is-featured .event__about {
  width: 100%;
}
@media (min-width: 980px) {
  .event.is-featured .event__about {
    padding: 24px 100px;
  }
}
.event.is-home {
  margin-top: 20px;
}
.event.single {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  margin: 0 0 10px 0;
  position: relative;
  background-color: white;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
.event.single::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 50px;
  background-color: transparent;
}
.event.single .event__info .from {
  padding: 0;
}
.event.single .event__date .from, .event.single .event__date .to {
  padding: 10px 0;
}
.event.single .event__about {
  padding: 15px 15px 15px 30px;
}
.event.single .event__title {
  margin-bottom: 0;
  position: relative;
  line-height: 28px;
  line-height: 1.75rem;
  font-size: 22px;
  font-size: 1.375rem;
}
.event.single .event__title::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -30px;
  width: 6px;
  height: 40px;
  background-color: #009fe3;
}
.event.full {
  width: 100%;
}

.event-generic {
  margin: 0 0 20px 0;
}

.event__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.event__wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 100%;
  background-color: #f4f4f4;
}
.event__wrapper .event__info {
  position: relative;
  z-index: 200;
}
.event__wrapper .event__info .to, .event__wrapper .event__info .from {
  padding: 20px 0;
}

.event__info {
  width: 80px;
  text-align: center;
  background-color: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.event__info .day, .event__info .month, .event__info .year {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.event__info.hover-active {
  background-color: #009fe3;
}
.event__info.hover-active .day, .event__info.hover-active .month, .event__info.hover-active .year {
  color: white;
}
.event__info.hover-active .year {
  opacity: 0.6;
  border-top-color: #e6e9ee;
}
@media (min-width: 740px) and (max-width: 980px) {
  .event__info {
    text-align: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.event__date {
  width: 100%;
  padding: 0 12px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 740px) {
  .event__date {
    padding-top: 25px;
  }
}
.event__date .from, .event__date .to {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.generic-wrapper .event__date .from, .generic-wrapper .event__date .to {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 30px;
}
.event__date .from {
  width: 100%;
}
.event__date .to {
  width: 100%;
  position: relative;
}
.event__date .day {
  font-size: 35px;
  line-height: 25px;
  display: block;
  color: #1d1e20;
}
.event__date .month {
  margin-top: 2px;
  color: #1d1e20;
  display: block;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1.5px;
}
.event__date .year {
  border-top: 1px solid rgba(29, 30, 32, 0.21);
  padding-top: 8px;
  display: block;
  letter-spacing: 1px;
  margin-top: 8px;
  color: #e6007e;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
}

.event__location {
  padding-left: 10px;
  text-align: left;
}
@media (min-width: 740px) {
  .event__location {
    width: 100%;
    margin-bottom: 16px;
    padding-left: 0;
  }
}
@media (min-width: 980px) {
  .event__location {
    margin-bottom: 0;
    width: auto;
    padding-left: 10px;
  }
}
.event__location .year {
  font-size: 20px;
  letter-spacing: 2px;
  display: block;
  font-family: "Bitter", serif;
}
.event__location .location {
  letter-spacing: 1px;
  color: #e6007e;
  line-height: 23px;
  line-height: 1.4375rem;
  font-size: 16px;
  font-size: 1rem;
}

.event__about {
  width: calc(100% - 80px);
  padding: 20px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 740px) {
  .event__about {
    padding: 25px 22px;
  }
}
@media (min-width: 980px) {
  .event__about {
    padding: 24px 30px;
  }
}

.event__about__wrapper {
  width: 100%;
}

.event__title {
  margin-bottom: 5px;
}

.event__full-date {
  margin-bottom: 28px;
  letter-spacing: 0.9px;
  color: #1d1e20;
  line-height: 18px;
  line-height: 1.125rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.event__extras {
  margin-top: 17px;
  /*display: none;*/
}
@media (min-width: 980px) {
  .event__extras {
    display: block;
  }
}

.event__extra {
  color: rgba(0, 0, 0, 0.79);
  padding-left: 35px;
  position: relative;
  line-height: 27px;
  line-height: 1.6875rem;
  font-size: 14px;
  font-size: 0.875rem;
}
.event__extra svg {
  margin-right: 10px;
}
.event__extra .icon {
  position: absolute;
  top: 0;
  left: 0;
}
.event__extra .icon svg {
  fill: #545356;
}

.event-date {
  line-height: 15px;
  line-height: 0.9375rem;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #e6007e;
}

/*------------------------------------*\
			$OPINION-BOXES
\*------------------------------------*/
.opinion-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
}
@media (min-width: 740px) {
  .opinion-boxes {
    padding: 0 30px;
  }
}
@media (min-width: 980px) {
  .opinion-boxes {
    padding: 0;
  }
}

.opinion {
  background-color: white;
  width: 100%;
  padding-bottom: 33px;
  border: solid 1px #e6e9ee;
}
@media (max-width: 740px) {
  .opinion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: wrap row;
            flex-flow: wrap row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #d7d2cb;
    padding: 10px;
  }
  .opinion + .opinion {
    margin-top: 25px;
  }
}
@media (min-width: 740px) {
  .opinion {
    width: calc(33% - 10px);
    text-align: center;
    margin-right: 20px;
  }
  .opinion:nth-child(3n+3) {
    margin-right: 0;
  }
  .opinion:nth-child(n+4) {
    margin-top: 20px;
  }
}
.opinion.full {
  margin: 0 auto 30px;
  max-width: 72.5rem;
  padding: 40px 150px 90px;
  width: 100%;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  border: 1px solid #e6e9ee;
}
.opinion.full .opinion__header {
  background-image: none !important;
}
.opinion.full .opinion__author {
  line-height: 34px;
  line-height: 2.125rem;
  font-size: 22px;
  font-size: 1.375rem;
}
.opinion.full .opinion__author-bio {
  line-height: 16px;
  line-height: 1rem;
  font-size: 16px;
  font-size: 1rem;
}
.opinion.full .opinion__title {
  line-height: 40px;
  line-height: 2.5rem;
  font-size: 35px;
  font-size: 2.1875rem;
}

.opinion__header {
  display: block;
  position: relative;
  overflow: hidden;
  background-size: cover;
}
@media (min-width: 740px) {
  .opinion__header {
    padding-top: 24px;
  }
}
@media (max-width: 740px) {
  .opinion__header {
    background-image: none !important;
  }
}
.opinion__header::before {
  content: "";
  position: absolute;
  bottom: -50px;
  right: -20px;
  width: 140%;
  height: 120px;
  background-color: white;
  -webkit-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
          transform: rotate(-7deg);
  display: none;
}
@media (min-width: 740px) {
  .opinion__header::before {
    display: block;
  }
}
.opinion__header:hover .opinion__media::before {
  opacity: 1;
}
.opinion__header.hover-active .opinion__media::before {
  opacity: 1;
}

.opinion__media {
  position: relative;
  z-index: 100;
}
.opinion__media::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 50%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: rgba(0, 159, 227, 0.5);
}

.opinion__author {
  position: relative;
  font-weight: 400;
  z-index: 100;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (min-width: 740px) {
  .opinion__author {
    text-align: center;
    margin-top: 10px;
  }
}
.opinion__author.hover-active a {
  color: #009fe3;
}
.opinion__author a:hover {
  color: #009fe3;
}

.opinion__author-bio {
  color: #009fe3;
  line-height: 15px;
  line-height: 0.9375rem;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 10px;
}
@media (min-width: 740px) {
  .opinion__author-bio {
    margin-bottom: 20px;
  }
}

.opinion__content {
  padding: 0 18px;
  width: calc(100% - 90px);
}
@media (min-width: 740px) {
  .opinion__content {
    text-align: center;
    width: 100%;
  }
}

.opinion__title {
  padding: 5px 0 12px;
  border-top: 1px solid #e6e9ee;
  min-height: 80px;
}
@media (min-width: 740px) {
  .opinion__title {
    min-height: 90px;
  }
}
@media (min-width: 980px) {
  .opinion__title {
    padding: 20px;
  }
}

/*------------------------------------*\
			$AUTHOR
\*------------------------------------*/
.author-photo {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 740px) {
  .author-photo {
    width: 140px;
    height: 140px;
  }
}
.author-photo img {
  border-radius: 50%;
  width: 100%;
}

.author-small-photo {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 100;
}
.author-small-photo img {
  border-radius: 50%;
  width: 100%;
}

.author-info {
  padding-bottom: 20px;
}

.author-info__header {
  padding: 25px 0;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.author-info__header::before {
  content: "";
  position: absolute;
  bottom: -50px;
  right: -20px;
  width: 140%;
  height: 120px;
  background-color: white;
  -webkit-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
          transform: rotate(-7deg);
}

.author-info__person {
  position: relative;
  padding: 0 24px 15px;
  margin-bottom: 15px;
}
.author-info__person::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: calc(100% - 25px);
  background-color: #009fe3;
}
.author-info__person::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 24px;
  width: calc(100% - 48px);
  height: 1px;
  background-color: #e6e9ee;
}

.author-info__mini {
  line-height: 22px;
  line-height: 1.375rem;
  font-size: 16px;
  font-size: 1rem;
}

.author-info__bio {
  padding: 0 24px;
}

.author-info__links {
  margin-top: 25px;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*------------------------------------*\
                        $INSTAGRAM
\*------------------------------------*/
.instagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 25%;
  background-color: #e6007e;
  position: relative;
  /*	&::before {
                  content: '';
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  margin-left: -12px;
                  margin-top: -12px;
                  width: 24px;
                  height: 24px;
                  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjkuMDYzcHgiIGhlaWdodD0iMTY5LjA2M3B4IiB2aWV3Qm94PSIwIDAgMTY5LjA2MyAxNjkuMDYzIj48cGF0aCBkPSJNMTIyLjQwNiwwSDQ2LjY1NEMyMC45MjksMCwwLDIwLjkzLDAsNDYuNjU1djc1Ljc1MmMwLDI1LjcyNiwyMC45MjksNDYuNjU1LDQ2LjY1NCw0Ni42NTVoNzUuNzUyIGMyNS43MjcsMCw0Ni42NTYtMjAuOTMsNDYuNjU2LTQ2LjY1NVY0Ni42NTVDMTY5LjA2MywyMC45MywxNDguMTMzLDAsMTIyLjQwNiwweiBNMTU0LjA2MywxMjIuNDA3IGMwLDE3LjQ1NS0xNC4yMDEsMzEuNjU1LTMxLjY1NiwzMS42NTVINDYuNjU0QzI5LjIsMTU0LjA2MywxNSwxMzkuODYyLDE1LDEyMi40MDdWNDYuNjU1QzE1LDI5LjIwMSwyOS4yLDE1LDQ2LjY1NCwxNWg3NS43NTIgYzE3LjQ1NSwwLDMxLjY1NiwxNC4yMDEsMzEuNjU2LDMxLjY1NVYxMjIuNDA3eiIgZmlsbD0iI0ZGRiIvPjxwYXRoIGQ9Ik04NC41MzEsNDAuOTdjLTI0LjAyMSwwLTQzLjU2MywxOS41NDItNDMuNTYzLDQzLjU2M2MwLDI0LjAyLDE5LjU0Miw0My41NjEsNDMuNTYzLDQzLjU2MXM0My41NjMtMTkuNTQxLDQzLjU2My00My41NjEgQzEyOC4wOTQsNjAuNTEyLDEwOC41NTIsNDAuOTcsODQuNTMxLDQwLjk3eiBNODQuNTMxLDExMy4wOTNjLTE1Ljc0OSwwLTI4LjU2My0xMi44MTItMjguNTYzLTI4LjU2MSBjMC0xNS43NSwxMi44MTMtMjguNTYzLDI4LjU2My0yOC41NjNzMjguNTYzLDEyLjgxMywyOC41NjMsMjguNTYzQzExMy4wOTQsMTAwLjI4MSwxMDAuMjgsMTEzLjA5Myw4NC41MzEsMTEzLjA5M3oiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNMTI5LjkyMSwyOC4yNTFjLTIuODksMC01LjcyOSwxLjE3LTcuNzcsMy4yMmMtMi4wNTEsMi4wNC0zLjIzLDQuODgtMy4yMyw3Ljc4YzAsMi44OTEsMS4xOCw1LjczLDMuMjMsNy43OCBjMi4wNCwyLjA0LDQuODgsMy4yMiw3Ljc3LDMuMjJjMi45LDAsNS43My0xLjE4LDcuNzgtMy4yMmMyLjA1LTIuMDUsMy4yMi00Ljg5LDMuMjItNy43OGMwLTIuOS0xLjE3LTUuNzQtMy4yMi03Ljc4IEMxMzUuNjYxLDI5LjQyMSwxMzIuODIxLDI4LjI1MSwxMjkuOTIxLDI4LjI1MXoiIGZpbGw9IiNGRkYiIC8+PC9zdmc+);
                  background-size: contain;
          }*/
}
@media (min-width: 980px) {
  .instagram {
    width: 100%;
    background-color: transparent;
  }
}

.instagram__logo {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #e6007e;
  padding: 30px 0;
}
@media (min-width: 980px) {
  .instagram__logo {
    display: none;
  }
}
.instagram__logo svg {
  width: 24px;
  height: 24px;
  fill: white;
}

.instagram__image {
  position: relative;
  width: 25%;
  display: none;
}
@media (min-width: 980px) {
  .instagram__image {
    display: block;
  }
  .instagram__image:nth-child(n+5) {
    display: none;
  }
}
@media (min-width: 1300px) {
  .instagram__image {
    width: calc(100% / 6);
  }
  .instagram__image:nth-child(n+5) {
    display: block;
  }
}
.instagram__image.wide {
  display: none;
}
@media (min-width: 1300px) {
  .instagram__image.wide {
    display: block;
  }
}
.instagram__image img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .instagram__image.movile {
    display: block;
    width: 100%;
  }
  .instagram__image.movile .instagram__cover {
    background-color: #e6007e;
  }
  .instagram__image.movile .instagram__name, .instagram__image.movile social-network__btn {
    display: none;
  }
}

.instagram__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 159, 227, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.instagram__cover .social-network__btn:hover {
  background-color: white;
  color: rgba(0, 159, 227, 0.8);
}

.instagram__name {
  color: white;
  font-weight: 700;
  font-family: "Bitter", serif;
  line-height: 34px;
  line-height: 2.125rem;
  font-size: 30px;
  font-size: 1.875rem;
}

/*------------------------------------*\
			$SOCIAL
\*------------------------------------*/
.social-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 75%;
}
@media (min-width: 980px) {
  .social-container {
    width: 100%;
  }
}

@media (max-width: 980px) {
  .social-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: wrap row;
            flex-flow: wrap row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .social-wrapper .section__title {
    display: none;
  }
}

.social-network {
  position: relative;
  text-align: center;
  width: calc(100% / 3);
}
@media (min-width: 980px) {
  .social-network {
    padding: 40px 50px 80px;
  }
}

.social-network__icon {
  padding: 30px 0;
}
@media (min-width: 980px) {
  .social-network__icon {
    padding: 0;
    position: absolute;
    top: 10px;
    left: 10px;
  }
}
.social-network__icon svg {
  width: 24px;
  height: 24px;
  fill: white;
}

.social-network.facebook {
  background-color: #39579a;
}
.social-network.facebook .social-network__btn:hover {
  color: #39579a;
}

.social-network.twitter {
  background-color: #059ff5;
}
.social-network.twitter .social-network__btn:hover {
  color: #059ff5;
}

.social-network.linkedin {
  background-color: #0076b7;
}
.social-network.linkedin .social-network__btn:hover {
  color: #0076b7;
}

.social-network.email {
  background-color: #ee0085;
}
.social-network.email .social-network__btn:hover {
  color: #ee0085;
}

.social-network.link {
  background-color: #6e6c70;
}
.social-network.link .social-network__btn:hover {
  color: #6e6c70;
}

.network-users {
  color: white;
  font-weight: 700;
  font-family: "Bitter", serif;
  line-height: 57px;
  line-height: 3.5625rem;
  font-size: 35px;
  font-size: 2.1875rem;
  display: none;
}
@media (min-width: 980px) {
  .network-users {
    display: block;
  }
}

.network-label {
  color: white;
  margin-bottom: 37px;
  font-family: "Bitter", serif;
  line-height: 28px;
  line-height: 1.75rem;
  font-size: 25px;
  font-size: 1.5625rem;
  display: none;
}
@media (min-width: 980px) {
  .network-label {
    display: block;
  }
}

.social-network__btn {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -50px;
  border: 2px solid white;
  display: inline-block;
  color: white;
  padding: 9px 13px;
  line-height: 16px;
  line-height: 1rem;
  font-size: 16px;
  font-size: 1rem;
  display: none;
}
.social-network__btn::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.social-network__btn:hover::before {
  width: 100%;
}
@media (min-width: 980px) {
  .social-network__btn {
    display: block;
  }
}
.social-network__btn span {
  position: relative;
  z-index: 200;
}

.tweet {
  margin-top: 20px;
  color: white;
  text-align: center;
  line-height: 25px;
  line-height: 1.5625rem;
  font-size: 18px;
  font-size: 1.125rem;
  display: none;
}
@media (min-width: 980px) {
  .tweet {
    display: block;
  }
}

/*------------------------------------*\
			$PAGINATION
\*------------------------------------*/
.pagination {
  text-align: center;
  width: 100%;
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination a {
  color: #1d1e20;
  display: block;
  margin: 0 5px;
  line-height: 27px;
  line-height: 1.6875rem;
  font-size: 14px;
  font-size: 0.875rem;
}
.pagination a:hover {
  color: #009fe3;
}
.pagination a.active {
  color: white;
  background-color: #009fe3;
}
.pagination .prev {
  margin-right: 10px;
}
.pagination .next {
  margin-left: 10px;
}
.pagination .link {
  min-width: 27px;
  min-height: 27px;
}

/*------------------------------------*\
			$SINGLE
\*------------------------------------*/
.single-container {
  max-width: 980px;
  width: 100%;
  margin: 40px auto;
  position: relative;
}
@media (min-width: 740px) {
  .single-container {
    padding: 0 88px;
  }
}
@media (min-width: 980px) {
  .single-container {
    padding: 0;
  }
}
.single-container.no-margin-top {
  margin: 0 auto;
}
.single-container.fluid {
  max-width: 100%;
}
@media (min-width: 740px) {
  .single-container.fluid {
    padding: 0;
  }
}

.single__title {
  margin-bottom: 18px;
}
.single__title.light {
  color: white;
}
.single__title.light a {
  color: white;
}

.single-header {
  padding: 0 16px 30px;
}
@media (min-width: 740px) {
  .single-header {
    padding: 0 0 20px;
  }
}
@media (min-width: 980px) {
  .single-header {
    padding: 0 0 30px;
  }
}

.single-content {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 15px;
}
@media (min-width: 740px) {
  .single-content {
    padding: 0;
  }
}
@media (min-width: 980px) {
  .single-content {
    margin-top: 40px;
  }
}
.single-content.c-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single-content .sidebar {
  width: 100%;
}

.single__copy {
  max-width: 600px;
  width: 100%;
}
.single__copy audio {
  margin-bottom: 10px;
}
.single__copy.is-alone {
  max-width: 780px;
}
.single__copy > h1:first-child, .single__copy h2:first-child, .single__copy h3:first-child, .single__copy h4:first-child {
  margin-top: 0 !important;
}

.single-container-event .single__title {
  margin-top: 24px;
  margin-bottom: 4px;
  text-align: center;
}
.single-container-event .single-header {
  padding-bottom: 0;
}
.single-container-event .event__info {
  width: 100%;
  padding: 20px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
@media (min-width: 740px) and (max-width: 980px) {
  .single-container-event .event__info {
    min-height: auto;
  }
}
.single-container-event .event__date {
  width: auto;
}
.single-container-event .event__location {
  text-align: center;
}
@media (min-width: 740px) and (max-width: 980px) {
  .single-container-event .event__location {
    width: auto;
  }
}
@media (min-width: 980px) {
  .single-container-event .event__location {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e9ee;
  }
}
.single-container-event .event__location.light {
  border: none !important;
}
.single-container-event .event__location.light .location {
  color: #009fe3;
}
.single-container-event .from, .single-container-event .to {
  padding: 0;
  height: auto;
  display: inline-block;
  width: auto;
}
.single-container-event .from .container, .single-container-event .to .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-container-event .from .day-container, .single-container-event .to .day-container {
  text-align: left;
  margin-left: 5px;
}
.single-container-event .from .day-container .month, .single-container-event .to .day-container .month {
  text-align: left;
  letter-spacing: 1.5px;
}
.single-container-event .from .day-container .month.light, .single-container-event .to .day-container .month.light {
  color: white;
}
.single-container-event .from .day-container .year, .single-container-event .to .day-container .year {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
  letter-spacing: 1.1px;
  color: #e6007e;
  line-height: 14px;
  line-height: 0.875rem;
  font-size: 16px;
  font-size: 1rem;
  display: block;
}
.single-container-event .from .day-container .year.light, .single-container-event .to .day-container .year.light {
  color: #009fe3;
}
.single-container-event .day {
  line-height: 44px;
  line-height: 2.75rem;
  font-size: 42px;
  font-size: 2.625rem;
}
.single-container-event .day.light {
  color: white;
}
.single-container-event .from {
  padding-right: 20px;
  border-bottom: none;
}
.single-container-event .to {
  padding-left: 20px;
  position: relative;
}
.single-container-event .to::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  width: 1px;
  height: 40px;
  background-color: #e6e9ee;
}
.single-container-event .event__title {
  text-align: center;
}
@media (min-width: 740px) {
  .single-container-event .event__title {
    padding-bottom: 30px;
  }
}
@media (min-width: 980px) {
  .single-container-event .event__title {
    padding: 0 80px 0;
  }
}
.single-container-event .event__extras {
  max-width: 700px;
  width: 100%;
  margin: auto;
}
.single-container-event .event__extras.light {
  margin-top: 64px;
  margin-bottom: 58px;
}
@media (max-width: 768px) {
  .single-container-event .event__extras.light {
    margin-top: 24px;
  }
}
.single-container-event .event__extras.boton-registrar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .single-container-event .event__extras.boton-registrar {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 30px;
  }
}
.single-container-event .event__extra {
  margin-bottom: 15px;
}
.single-container-event .event__about {
  width: 100%;
}
@media (min-width: 980px) {
  .single-container-event .event__about {
    padding: 24px 100px;
  }
}

/*------------------------------------*\
			$COPY
\*------------------------------------*/
.featured-copy {
  margin-bottom: 20px;
  padding: 0 15px;
}
.featured-copy.lt {
  padding-top: 20px;
  border-top: 1px solid #e6e9ee;
}
.featured-copy.lb {
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e9ee;
}
@media (min-width: 980px) {
  .featured-copy {
    padding-left: 0;
    padding-right: 150px;
  }
}
.featured-copy p {
  color: #009fe3;
  font-family: "Bitter", serif;
  line-height: 28px;
  line-height: 1.75rem;
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 740px) {
  .featured-copy p {
    line-height: 28px;
    line-height: 1.75rem;
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.featured-copy.centered {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 980px) {
  .featured-copy.centered {
    padding-left: 75px;
    padding-right: 75px;
  }
}

.copy p {
  color: rgba(0, 0, 0, 0.79);
  line-height: 25px;
  line-height: 1.5625rem;
  font-size: 16px;
  font-size: 1rem;
}
.copy p + h5 {
  margin-top: 25px;
}
.copy p + p, .copy p + ul, .copy p + ol {
  margin-top: 20px;
}
.copy p a {
  color: #009fe3;
}
.copy p a:hover {
  color: #00587d;
}
.copy img {
  max-width: 100%;
}
.copy h1, .copy h2, .copy h3, .copy h4 {
  color: #1d1e20;
  margin-top: 25px;
  margin-bottom: 8px;
  font-family: "Bitter", serif;
  letter-spacing: 0.8px;
}
.copy h1 {
  line-height: 40px;
  line-height: 2.5rem;
  font-size: 30px;
  font-size: 1.875rem;
}
.copy h2 {
  line-height: 30px;
  line-height: 1.875rem;
  font-size: 25px;
  font-size: 1.5625rem;
}
.copy h3 {
  line-height: 25px;
  line-height: 1.5625rem;
  font-size: 20px;
  font-size: 1.25rem;
}
.copy h4 {
  line-height: 22px;
  line-height: 1.375rem;
  font-size: 18px;
  font-size: 1.125rem;
}
.copy h5 {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.79);
  margin-bottom: 15px;
  letter-spacing: 0.8px;
  line-height: 25px;
  line-height: 1.5625rem;
  font-size: 20px;
  font-size: 1.25rem;
}
.copy blockquote {
  padding: 25px 0;
}
@media (min-width: 980px) {
  .copy blockquote {
    padding: 30px 0;
    margin-left: -50px;
  }
}
.copy blockquote p {
  padding: 5px 0 5px 25px;
  border-left: 10px solid #009fe3;
  color: #009fe3;
  font-weight: 700;
  font-family: "Bitter", serif;
  line-height: 30px;
  line-height: 1.875rem;
  font-size: 25px;
  font-size: 1.5625rem;
}
.copy ul, .copy ol {
  margin-top: 20px;
  padding-left: 24px;
}
.copy ul + p, .copy ol + p {
  margin-top: 20px;
}
.copy ul li, .copy ol li {
  color: rgba(0, 0, 0, 0.79);
  letter-spacing: 0.7px;
  line-height: 25px;
  line-height: 1.5625rem;
  font-size: 16px;
  font-size: 1rem;
}
.copy ul li + li, .copy ol li + li {
  margin-top: 20px;
}
.copy ul li {
  position: relative;
}
.copy ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  width: 6px;
  height: 6px;
  background-image: url(../img/square.svg);
  background-size: contain;
}
.copy ol {
  counter-reset: li;
}
.copy ol li {
  position: relative;
}
.copy ol li::before {
  content: counter(li) ".";
  counter-increment: li;
  position: absolute;
  top: 4px;
  left: -20px;
  color: #009fe3;
  line-height: 16px;
  line-height: 1rem;
  font-size: 16px;
  font-size: 1rem;
}

.wp-caption {
  margin-top: 25px;
  max-width: 600px;
  margin-bottom: 25px;
}
.wp-caption img {
  width: 100% !important;
  height: auto !important;
}
.wp-caption p.wp-caption-text {
  margin-top: 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #bab9bc;
  line-height: 25px;
  line-height: 1.5625rem;
  font-size: 14px;
  font-size: 0.875rem;
}

/*------------------------------------*\
			$MEDIA
\*------------------------------------*/
.featured-media {
  padding: 0 15px;
}
@media (min-width: 740px) {
  .featured-media {
    padding: 0;
  }
}
.featured-media img {
  max-width: 100%;
  margin: auto;
  display: block;
}

.featured-media-caption {
  color: #545356;
  border-bottom: 1px solid #bab9bc;
  line-height: 25px;
  line-height: 1.5625rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.media {
  max-width: 780px;
  width: 100%;
  margin: 0 auto 30px;
}
.media img {
  width: 100%;
}

.media--gallery {
  max-width: 980px;
}
.media--gallery .media__copy {
  max-width: 780px;
  width: 100%;
  margin: auto;
}

.media--video__cover {
  position: relative;
}

.media--video__trigger {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.media__copy {
  padding-top: 20px;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e9ee;
}
.media__copy p {
  font-family: "Bitter", serif;
  color: #009fe3;
  line-height: 28px;
  line-height: 1.75rem;
  font-size: 22px;
  font-size: 1.375rem;
}

.gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.gallery__big {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 740px) {
  .gallery__big {
    width: 50%;
  }
}

.gallery__small {
  width: 50%;
  cursor: pointer;
  position: relative;
}

.gallery__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 159, 227, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gallery__btn {
  z-index: 100;
}

/*------------------------------------*\
			$SIDEBAR
\*------------------------------------*/
.sidebar {
  width: calc(100% - 30px);
  margin: 20px auto 0;
}
.sidebar.sidebar-cloned {
  margin-bottom: 20px;
}
@media (min-width: 740px) {
  .sidebar {
    width: 100%;
  }
}
@media (min-width: 980px) {
  .sidebar {
    max-width: 300px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}

@media (min-width: 740px) and (max-width: 980px) {
  .sidebar-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: wrap row;
            flex-flow: wrap row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .sidebar-blocks .sidebar__block {
    width: calc(50% - 8px);
  }
}

.sidebar__title {
  background-color: #009fe3;
  font-family: "Bitter", serif;
  color: white;
  padding: 10px 28px 12px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
}

.sidebar__block + .sidebar__block {
  margin-top: 30px;
}
@media (min-width: 740px) {
  .sidebar__block + .sidebar__block {
    margin-top: 0;
  }
}
@media (min-width: 980px) {
  .sidebar__block + .sidebar__block {
    margin-top: 20px;
  }
}

/*------------------------------------*\
			$SHARE
\*------------------------------------*/
.share {
  z-index: 1000;
}
.share svg {
  width: 18px;
  height: 18px;
}
.share a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.share a svg {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  fill: white;
}

.share__facebook {
  background-color: #39579a;
}
.share__facebook:hover {
  background-color: #1d2d50;
}

.share__twitter {
  background-color: #059ff5;
}
.share__twitter:hover {
  background-color: #035e91;
}

.share__linkedin {
  background-color: #0076b7;
}
.share__linkedin:hover {
  background-color: #003451;
}

.share__email {
  background-color: #ee0085;
}
.share__email:hover {
  background-color: #88004c;
}

.share__link {
  background-color: #6e6c70;
}
.share__link:hover {
  background-color: #3b3a3c;
}

.share--simple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.share--simple a {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.share--full {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 740px) {
  .share--full {
    margin-top: 0;
    display: block;
    position: fixed;
    top: 200px;
    left: 0;
  }
}
.share--full a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
}

.share--author {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.share--author a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
}

/*------------------------------------*\
			$ERROR404
\*------------------------------------*/
.error404__container {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.error404__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 159, 227, 0.5)), to(#009fe3)), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 159, 227, 0.7)), to(rgba(0, 159, 227, 0.7)));
  background-image: -o-linear-gradient(bottom, rgba(0, 159, 227, 0.5), #009fe3), -o-linear-gradient(rgba(0, 159, 227, 0.7), rgba(0, 159, 227, 0.7));
  background-image: linear-gradient(to top, rgba(0, 159, 227, 0.5), #009fe3), linear-gradient(rgba(0, 159, 227, 0.7), rgba(0, 159, 227, 0.7));
}

.error404__logo {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 300;
  background-color: #1d1e20;
  padding: 20px;
  width: 180px;
}
@media (min-width: 740px) {
  .error404__logo {
    width: auto;
  }
}
.error404__logo svg {
  width: 140px;
  height: auto;
}
@media (min-width: 740px) {
  .error404__logo svg {
    width: auto;
  }
}

.error404__content {
  position: relative;
  z-index: 200;
  text-align: center;
  max-width: 650px;
  width: 100%;
}
.error404__content .huge {
  font-size: 130px;
  line-height: 130px;
  color: white;
  font-family: "Bitter", serif;
  font-weight: 700;
}
@media (min-width: 740px) {
  .error404__content .huge {
    font-size: 250px;
    line-height: 250px;
  }
}

.error404__copy {
  padding: 0 20px;
  color: white;
  margin-bottom: 25px;
  font-family: "Bitter", serif;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media (min-width: 740px) {
  .error404__copy {
    line-height: 28px;
    line-height: 1.75rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.error404__search {
  margin-bottom: 25px;
  padding: 0 30px;
}
@media (min-width: 740px) {
  .error404__search {
    padding: 0;
  }
}
.error404__search .search-form__submit {
  background-color: rgba(255, 255, 255, 0.4);
}
.error404__search .search-form__submit svg {
  fill: white;
}
.error404__search .search-form__field {
  background-color: rgba(255, 255, 255, 0.4);
  color: white;
}
.error404__search ::-webkit-input-placeholder {
  color: white;
}
.error404__search ::-moz-placeholder {
  color: white;
}
.error404__search :-ms-input-placeholder {
  color: white;
}
.error404__search :-moz-placeholder {
  color: white;
}

/*------------------------------------*\
			$PROFILE
\*------------------------------------*/
.profile {
  padding-top: 40px;
}

.profile__picture {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: auto;
}
@media (min-width: 980px) {
  .profile__picture {
    width: 175px;
    height: 175px;
  }
}
.profile__picture img {
  border-radius: 50%;
  width: 100%;
}

.profile__content {
  text-align: center;
  max-width: 640px;
  width: 100%;
  margin: 20px auto 50px;
  padding: 0 15px;
}
@media (min-width: 740px) {
  .profile__content {
    padding: 0;
  }
}
.profile__content .bio {
  margin-top: 25px;
  letter-spacing: 0.7px;
  color: rgba(0, 0, 0, 0.79);
  line-height: 25px;
  line-height: 1.5625rem;
  font-size: 16px;
  font-size: 1rem;
}
.profile__content .title {
  position: relative;
}
.profile__content .title::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  background-color: #009fe3;
  height: 3px;
  width: 40px;
  margin-left: -20px;
}

/*------------------------------------*\
    		$MAP
\*------------------------------------*/
.map {
  position: relative;
}

.map__wrapper {
  height: 500px;
  position: relative;
}
@media (min-width: 740px) {
  .map__wrapper {
    height: 600px;
  }
}
@media (min-width: 980px) {
  .map__wrapper {
    height: 500px;
  }
}

#map-canvas {
  height: 100%;
}

.map__info {
  position: absolute;
  left: 15px;
  bottom: 30px;
  width: calc(100% - 30px);
  z-index: 100;
}
@media (min-width: 740px) {
  .map__info {
    left: 80px;
    top: 85px;
    bottom: auto;
    width: 230px;
  }
}
@media (min-width: 980px) {
  .map__info {
    left: 170px;
    width: 380px;
  }
}

/*------------------------------------*\
			$LIGHTBOX
\*------------------------------------*/
/*------------------------------------*\
			$OVERLAY
\*------------------------------------*/
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 1200;
  padding: 0;
  background: #f6f6f6;
}
@media (min-width: 980px) {
  .overlay {
    padding: 0;
  }
}
.overlay.overlay-is-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.overlay__container {
  height: 100%;
  width: 100%;
  padding: 0;
  overflow: hidden;
  position: relative;
}

.overlay__close {
  position: absolute;
  top: -1px;
  right: -1px;
  background-color: #545356;
  width: 40px;
  height: 40px;
  border: 0;
  z-index: 200;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (min-width: 980px) {
  .overlay__close {
    top: 0;
    width: 60px;
    height: 60px;
  }
}
.overlay__close:active, .overlay__close:focus {
  outline: 0;
}
.overlay__close svg {
  fill: white;
  width: 26px;
  height: 26px;
}
@media (min-width: 980px) {
  .overlay__close svg {
    width: 32px;
    height: 32px;
  }
}

/*------------------------------------*\
			$GALLERY-LIGHTBOX
\*------------------------------------*/
.gallery-slider {
  height: 100%;
  width: 100%;
  position: relative;
}

.gallery-container {
  padding: 0;
  height: 100%;
  width: 100%;
}
.gallery-container::before, .gallery-container::after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.gallery-container::after {
  clear: both;
}

.gallery-image {
  height: 100%;
  display: none;
}
.gallery-image:first-child {
  display: block;
}

.gallery-image__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
@media (min-width: 980px) {
  .gallery-image__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: wrap row;
            flex-flow: wrap row;
  }
}

.gallery-image__img {
  width: 100%;
  height: 55%;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 740px) {
  .gallery-image__img {
    height: 70%;
  }
}
@media (min-width: 980px) {
  .gallery-image__img {
    padding: 0 60px;
    height: auto;
    width: 75%;
  }
}
.gallery-image__img img {
  max-width: 100%;
}

.gallery-image__info {
  width: 100%;
  height: 45%;
  position: relative;
}
@media (min-width: 740px) {
  .gallery-image__info {
    height: 30%;
  }
}
@media (min-width: 980px) {
  .gallery-image__info {
    width: 25%;
    height: auto;
  }
}

.gallery-image__info__container {
  width: 100%;
  padding: 0 20px;
}
@media (min-width: 980px) {
  .gallery-image__info__container {
    right: 0;
    position: absolute;
    padding-right: 40px;
    bottom: 215px;
  }
}

.gallery-image__info__title {
  padding-top: 20px;
}

.gallery-image__info__label {
  margin-top: 15px;
}

.gallery-controls {
  position: absolute;
  width: 100%;
  bottom: 10px;
  right: 0;
  z-index: 500;
}
@media (min-width: 980px) {
  .gallery-controls {
    bottom: 40px;
    width: calc(25% - 20px);
  }
}
.gallery-controls .flex-direction-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
}
@media (max-width: 740px) {
  .gallery-controls .flex-direction-nav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.gallery-controls .flex-direction-nav li {
  margin-right: 15px;
}
.gallery-controls .flex-direction-nav a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 30px 10px rgba(119, 119, 119, 0.2);
          box-shadow: 0 0 30px 10px rgba(119, 119, 119, 0.2);
  text-align: center;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: block;
}
.gallery-controls .flex-direction-nav svg {
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 15px;
  height: 25px;
  fill: #222324;
}
@media (min-width: 980px) {
  .gallery-controls .flex-direction-nav svg {
    fill: #000000;
  }
}

/*------------------------------------*\
			$CATEGORIES
\*------------------------------------*/
.category-menu {
  width: 100%;
  position: relative;
  z-index: 300;
  padding-top: 10px;
}
@media (min-width: 740px) {
  .category-menu {
    padding-top: 30px;
  }
}
.category-menu.negative {
  padding-top: 0;
}
@media (min-width: 740px) {
  .category-menu.negative {
    padding-top: 20px;
    padding-top: 60px;
    margin-top: -31px;
  }
}
@media (min-width: 740px) {
  .category-menu.category-open .category-menu__wrap::before {
    display: none;
  }
}

.category-menu__wrap {
  max-width: 980px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  position: relative;
}
@media (min-width: 740px) {
  .category-menu__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: wrap row;
            flex-flow: wrap row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.category-menu__wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-box-shadow: 0 2px 4px 0 #dfe6f3;
          box-shadow: 0 2px 4px 0 #dfe6f3;
  background-color: #dfe6f3;
  display: none;
}
@media (min-width: 740px) {
  .category-menu__wrap::before {
    display: block;
  }
}

@media (max-width: 740px) {
  .category {
    border-bottom: 1px solid #d7d2cb;
    display: block;
  }
  .category:last-child {
    border-bottom: 0;
  }
}

.category__label {
  cursor: pointer;
  padding: 12px 23px 12px 23px;
  color: #1d1e20;
  font-family: "Bitter", serif;
  border: 1px solid transparent;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 15px;
  font-size: 0.9375rem;
  position: relative;
  background-color: #f4f4f4;
}
@media (min-width: 740px) {
  .category__label {
    background-color: transparent;
    border-bottom: 0;
    margin: 0 5px;
    line-height: 18px;
    line-height: 1.125rem;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 14px 23px 14px 23px;
  }
}
.category__label.active {
  border: 1px solid #dfe6f3;
  border-bottom: 0;
  background-color: white;
  position: relative;
}
@media (min-width: 740px) {
  .category__label.active {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);
  }
  .category__label.active::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: white;
    z-index: 2;
  }
}
.category__label.active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.category__label svg {
  margin-left: 10px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 740px) {
  .category__label svg {
    position: absolute;
    top: 50%;
    right: 20px;
  }
}

.category__list {
  width: 100%;
  background-color: white;
  border: solid 1px #dfe6f3;
  display: none;
}
@media (min-width: 740px) {
  .category__list {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);
    position: absolute;
    left: 0;
    top: 46px;
  }
}
.category__list a {
  color: #545356;
  font-family: "Bitter", serif;
  display: block;
  width: 100%;
  position: relative;
  padding: 10px 20px 10px 20px;
  line-height: 15px;
  line-height: 0.9375rem;
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 740px) {
  .category__list a {
    width: calc(25% - 20px);
  }
  .category__list a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #dfe6f3;
    z-index: 4;
  }
  .category__list a:nth-child(9)::before, .category__list a:nth-child(10)::before, .category__list a:nth-child(11)::before {
    height: 100%;
  }
  .category__list a:nth-child(10)::before {
    height: 120%;
  }
}
.category__list a:nth-child(4n+4) {
  padding-right: 0;
}
.category__list a:nth-child(4n+4)::before {
  display: none;
}

.category__list__container {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 740px) {
  .category__list__container {
    padding: 34px 0 34px 30px;
  }
}

/*------------------------------------*\
			$NOTIFICATIONS
\*------------------------------------*/
.notifications {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0;
}
.notifications p {
  color: #1d1e20;
  font-family: "Bitter", serif;
  line-height: 28px;
  line-height: 1.75rem;
  font-size: 18px;
  font-size: 1.125rem;
}

.info-notification {
  background-color: #f4f4f4;
  padding: 12px 0;
}
.info-notification p {
  padding: 0 30px;
  border-left: 5px solid #009fe3;
}

/*------------------------------------*\
$MENUTOP
\*------------------------------------*/
.top-bar {
  background-color: #2d2d2d;
}
@media (min-width: 740px) {
  .top-bar {
    height: 32px;
  }
}
@media (max-width: 740px) {
  .top-bar .wrap {
    padding: 0 10px 20px;
  }
}
@media (min-width: 740px) {
  .top-bar .wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.top-bar .click {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  color: white;
  padding: 0 10px;
  height: 100%;
  cursor: pointer;
}
@media (max-width: 740px) {
  .top-bar .click {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 10px;
    line-height: 20px;
    line-height: 1.25rem;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.top-bar .click svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 14px;
  margin-left: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menuTop-open .top-bar .click svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.top-nav {
  padding: 2px 0;
  position: relative;
  z-index: 900;
}

.menu--top {
  width: 100%;
  z-index: 1400;
  display: none;
  border-top: 1px solid #696c6e;
  padding: 15px;
}
@media (min-width: 740px) {
  .menu--top {
    background: #353637;
    padding: 40px 0;
    position: absolute;
    top: 32px;
    left: 0;
  }
}
@media (min-width: 740px) {
  .menu--top .top-nav {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    max-width: 740px;
    margin: auto;
  }
}
.menu--top .top-nav .top-nav__item {
  display: block;
  line-height: 26px;
  line-height: 1.625rem;
  font-size: 15px;
  font-size: 0.9375rem;
  color: white;
}
@media (max-width: 740px) {
  .menu--top .top-nav .top-nav__item {
    margin: 7px 0;
  }
}
@media (min-width: 980px) {
  .menu--top .top-nav .top-nav__item {
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
  }
  .menu--top .top-nav .top-nav__item:hover {
    color: #009fe3;
  }
}

@media (min-width: 740px) {
  .nav-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.nav-top a {
  color: white;
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #474747;
  line-height: 20px;
  line-height: 1.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media (max-width: 740px) {
  .nav-top a {
    width: 100%;
    line-height: 20px;
    line-height: 1.25rem;
    font-size: 18px;
    font-size: 1.125rem;
    border-right: 0;
    padding: 20px 10px;
    border-bottom: 1px solid rgba(215, 210, 203, 0.5);
  }
}

@media (min-width: 740px) {
  .menu-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}

/*------------------------------------*\
    $EXTRA HELP
\*------------------------------------*/
/* Basics */
.left, .alignleft {
  float: left;
}

.right, .alignright {
  float: right;
}

.pull-left, .alignleft {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pull-right, .alignright {
  float: right;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
/*# sourceMappingURL=main.css.map */