@charset "UTF-8";
/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/*------------------------------------*\
    @RESET
\*------------------------------------*/
html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: "Source Sans Pro", sans-serif; }

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

/*include de wakkos comentado REVISAR LUEGO*/
/*
*{
    &,
    &::before,
    &::after {
        @include vendor(box-sizing, border-box);
    }
}
*/
ul li {
  list-style-type: none; }

a {
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/*------------------------------------*\
    $TIPOGRAFÍA
\*------------------------------------*/
body {
  font-family: "Source Sans Pro", sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  /*margin: 10px 0;*/
  font-family: "Source Sans Pro", sans-serif;
  text-rendering: optimizelegibility;
  font-weight: normal;
  letter-spacing: -1px; }
  h1.title,
  h2.title,
  h3.title,
  h4.title,
  h5.title,
  h6.title {
    font-weight: 700;
    color: #383838; }

p {
  font-size: 1.3em;
  color: #383838;
  line-height: 1.6; }
  p.paragraph {
    padding: 1em; }
    p.paragraph a {
      font-style: italic;
      font-weight: 600; }
  p.greyTxt {
    color: #383838; }
  @media only screen and (min-width: 1250px) {
    p {
      font-size: 1.3em; } }

/* variables del sitio */
h1 {
  font-size: 10em; }

h2 {
  font-size: 7em; }

h3 {
  font-size: 4.8em; }

.disclaimer {
  color: #959595;
  text-align: center;
  display: block; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
body {
  background: #ffffff; }

.headercontent {
  clear: both;
  width: 90%;
  font-size: 0.8125em;
  line-height: 1.5em;
  position: relative;
  margin: 10px auto; }

.navcontent {
  clear: both;
  width: 90%;
  font-size: 0.8125em;
  margin: 0 auto;
  line-height: 1.5em;
  position: relative; }

.maincontent {
  clear: both;
  width: 100%;
  font-size: 0.8125em;
  margin: 0 auto;
  line-height: 1.5em;
  position: relative;
  /*overflow: hidden;*/
  /*background: $color-noticias;*/ }

.fullcontent {
  clear: both;
  width: 100%;
  font-size: 0.8125em;
  margin: 2em auto;
  line-height: 1.5em;
  position: relative;
  overflow: hidden; }
  .fullcontent.grey {
    background: #DDDDDD; }
  .fullcontent.darkgrey {
    background: #333333; }
  .fullcontent.blue {
    background: #22bcb9; }
  .fullcontent.footer {
    margin-bottom: 0;
    padding: 2em 0 2.5em; }

.vh {
  height: 100vh; }

/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px; }

/*  CENTER  */
.center {
  margin: auto; }

.centerTxt {
  text-align: center; }

/*  COLUMN SETUP  */
.col {
  display: block;
  float: left; }
  @media only screen and (min-width: 800px) {
    .col {
      margin: 0; } }

/*  GROUPING  */
.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {
  width: 100%; }

.span_11_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_11_of_12 {
      width: 91.58%; } }

.span_10_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_10_of_12 {
      width: 83.16%; } }

.span_9_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_9_of_12 {
      width: 74.75%; } }

.span_8_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_8_of_12 {
      width: 64.6%; } }

.span_7_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_7_of_12 {
      width: 57.91%;
      min-width: 980px; } }

.span_6_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_6_of_12 {
      width: 48%; } }

.span_5_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_5_of_12 {
      width: 41.08%; } }

.span_4_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_4_of_12 {
      width: 31.66%; } }

.span_3_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_3_of_12 {
      width: 24.25%; } }

.span_2_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_2_of_12 {
      width: 15.83%; } }

.span_1_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1250px) {
    .span_1_of_12 {
      width: 7.416%; } }

/*  GO FULL WIDTH BELOW 480 PIXELS */
/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
.buttons {
  width: 10em;
  padding: 1em;
  display: block;
  color: #383838;
  font-size: 4em;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: auto; }
  @media only screen and (min-width: 800px) {
    .buttons {
      font-size: 2.8571428571em; } }
  .buttons i {
    padding: 0 5px; }

.firstBtn {
  background: #000000;
  color: #383838; }

/*RRSS*/
.facebookButton {
  background: #3B5998;
  border: 1px solid #383838;
  color: #383838; }

.twitterButton {
  background: #55ACEE;
  border: 1px solid #383838;
  color: #383838; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
.inspiracion {
  width: 90%;
  margin: 0 5%;
  display: block; }
  @media only screen and (min-width: 800px) {
    .inspiracion {
      display: flex;
      display: webkit-flex; } }
  .inspiracion li {
    opacity: 0;
    overflow: hidden;
    display: block;
    width: 100%;
    margin: 10px 0; }
    .inspiracion li svg, .inspiracion li p, .inspiracion li span {
      float: left; }
    @media only screen and (min-width: 800px) {
      .inspiracion li {
        display: inline-block;
        width: 49%; } }
    .inspiracion li svg {
      width: 100px;
      height: 100px;
      -moz-transform: scale(0.5);
      -webkit-transform: scale(0.5);
      -o-transform: scale(0.5);
      -ms-transform: scale(0.5);
      transform: scale(0.5); }
    .inspiracion li i {
      font-size: 2em;
      background: #fbb034;
      color: #ffffff;
      padding: .5em;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      float: left; }
    .inspiracion li p {
      width: 70%;
      padding: 0 0 0 20px; }
      .inspiracion li p .caption {
        font-size: 1.3em;
        font-weight: 700;
        width: 100%;
        color: #fbb034;
        text-align: left; }
      .inspiracion li p .description {
        color: #383838; }

.bulletList {
  margin: 5em 0 0;
  padding: 1em; }

/*------------------------------------*\
    $ASIDE
\*------------------------------------*/
.boxAccount {
  background: #383838;
  padding: 0 0 1em 0; }
  .boxAccount p {
    padding: .7em; }
    .boxAccount p strong {
      color: #383838; }
    .boxAccount p span {
      font-weight: bold;
      font-size: 4.4em;
      color: #383838 !important;
      display: inline-block;
      -webkit-appearance: none;
      -moz-appearance: none; }
    .boxAccount p a {
      color: #ffffff; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
iframe {
  width: 100%;
  min-height: 250px;
  padding: 20px; }
  @media only screen and (min-width: 800px) {
    iframe {
      min-height: 550px; } }
  @media only screen and (min-width: 1250px) {
    iframe {
      min-height: 600px; } }

/*------------------------------------*\
    @HEADLINE 
\*------------------------------------*/
.headline {
  padding: .7em;
  background: #ffffff; }
  .headline p {
    color: #383838; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
.desktop {
  display: none; }
  @media only screen and (min-width: 1250px) {
    .desktop {
      display: block; } }

.tablet {
  display: none; }
  @media only screen and (min-width: 800px) {
    .tablet {
      display: block; } }
  @media only screen and (min-width: 1250px) {
    .tablet {
      display: none; } }

.mobile {
  display: block; }
  @media only screen and (min-width: 800px) {
    .mobile {
      display: none; } }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
header {
  padding: 0.4em 0 0;
  text-align: center;
  z-index: 10000;
  width: 100%; }
  header .topheader {
    display: inline-block; }
  header .logo {
    display: block;
    width: 200px; }
  header span {
    display: none; }
    @media only screen and (min-width: 800px) {
      header span {
        display: block;
        font-weight: 700;
        color: #383838;
        line-height: 1em;
        letter-spacing: -1px;
        float: left;
        padding-left: 1em;
        font-size: 1.95em;
        line-height: 2px;
        margin: 0.8em 0; } }
  header .nav {
    width: 100%;
    display: block;
    margin: 10px 0; }
    header .nav li {
      display: inline-block;
      margin: 3px 1px;
      text-align: center;
      width: 20%; }
      @media only screen and (min-width: 800px) {
        header .nav li {
          width: 15%; } }
      @media only screen and (min-width: 1250px) {
        header .nav li {
          width: 6.5%; } }
      header .nav li a {
        color: #ffffff;
        font-size: 3.3333333333em;
        font-weight: bold;
        background: #171717;
        padding: 8px 0;
        display: inline-block;
        width: 100%; }
        @media only screen and (min-width: 800px) {
          header .nav li a {
            width: 100%;
            padding: 5px;
            font-size: 4em; } }
        header .nav li a:hover {
          background: #22bcb9; }
        header .nav li a span {
          font-size: 3.3333333333em;
          font-weight: lighter;
          display: none; }
          @media only screen and (min-width: 800px) {
            header .nav li a span {
              display: block; } }

/*CURRENT PAGE*/
body.noticia1 a.noticia1, body.noticia2 a.noticia2,
body.noticia3 a.noticia3, body.noticia4 a.noticia4,
body.noticia5 a.noticia5, body.noticia6 a.noticia6,
body.noticia7 a.noticia7, body.noticia8 a.noticia8,
body.noticia9 a.noticia9, body.noticia10 a.noticia10,
body.noticia11 a.noticia11, body.noticia12 a.noticia12 {
  background: #22bcb9; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/* Default tab style */
.tabs {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%; }
  .tabs nav {
    text-align: center; }
    .tabs nav ul {
      position: relative;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      margin: 0 auto;
      padding: 0;
      max-width: 844px;
      list-style: none;
      -ms-box-orient: horizontal;
      -ms-box-pack: center;
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center; }
      .tabs nav ul li {
        position: relative;
        z-index: 1;
        display: block;
        margin: 0;
        text-align: center;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .tabs nav ul li a {
          position: relative;
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 2.5;
          text-decoration: none; }
          .tabs nav ul li a span {
            vertical-align: middle;
            font-size: 7em; }

.tabs nav li.tab-current a {
  color: #74777b;
  text-decoration: none; }

.tabs nav a:focus {
  outline: none; }

/* Content */
.content-wrap {
  position: relative; }
  .content-wrap section {
    display: none;
    margin: 0 auto;
    padding: 1em;
    max-width: 844px; }
    .content-wrap section.content-current {
      display: block; }
    .content-wrap section p {
      margin: 0;
      color: #959595; }
    .content-wrap section img {
      border-radius: 50%;
      width: 200px;
      float: left;
      margin: 1em 2em 1em 1em; }
    .content-wrap section h2 {
      color: #FBB040;
      padding: 1em 0;
      font-weight: 700; }

/* Fallback */
/*.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}*/
/*****************************/
/* Top Line */
/*****************************/
.tabs-style-topline nav li {
  border: 1px solid rgba(40, 44, 42, 0.1); }

.tabs-style-topline nav li:not(:last-child) {
  border-right: none; }

.tabs-style-topline nav li.tab-current {
  border-top-color: #22bcb9;
  border-bottom: none; }

.tabs-style-topline nav a {
  padding: 0.65em 0 0.5em;
  background: rgba(40, 44, 42, 0.05);
  color: #74777b;
  line-height: 1;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }

.tabs-style-topline nav a:hover,
.tabs-style-topline nav a:focus {
  color: #22bcb9; }

.tabs-style-topline nav li.tab-current a {
  background: none;
  box-shadow: inset 0 3px 0 #22bcb9;
  color: #22bcb9; }

.tabs-style-topline nav a span {
  font-weight: 700; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

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

[hidden] {
  display: none; }

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

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

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

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

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

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

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

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

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

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

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'feathericons';
  src: url("../fonts/feathericons/feathericons.eot?-8is7zf");
  src: url("../fonts/feathericons/feathericons.eot?#iefix-8is7zf") format("embedded-opentype"), url("../fonts/feathericons/feathericons.woff?-8is7zf") format("woff"), url("../fonts/feathericons/feathericons.ttf?-8is7zf") format("truetype"), url("../fonts/feathericons/feathericons.svg?-8is7zf#feathericons") format("svg"); }
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:before, .clearfix:after {
  display: table;
  content: ''; }

.clearfix:after {
  clear: both; }

.grid {
  position: relative;
  margin: 0 auto;
  padding: 4em 0;
  overflow: hidden;
  max-width: 100%;
  list-style: none;
  text-align: center; }

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 1%;
  width: 100%;
  height: 200px;
  background: #3085a3;
  text-align: center;
  cursor: pointer; }
  @media only screen and (min-width: 800px) {
    .grid figure {
      width: 31%; } }
  @media only screen and (min-width: 1250px) {
    .grid figure {
      width: 23%; } }

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8; }

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none; }

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  font-size: 4.4em; }

.grid figure h2 span {
  font-weight: 800 !important; }

.grid figure h2,
.grid figure p {
  margin: 0; }

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%; }

/* Individual effects */
/*---------------*/
/***** Lily *****/
/*---------------*/
figure.effect-lily img {
  max-width: none;
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0); }

figure.effect-lily figcaption {
  text-align: left; }

figure.effect-lily figcaption > div {
  position: absolute;
  bottom: 40px;
  left: 0;
  padding: 2em;
  width: 100%;
  height: 50%; }
  figure.effect-lily figcaption > div a {
    position: absolute;
    color: #383838;
    font-family: "Source Sans Pro", sans-serif; }
    @media only screen and (min-width: 1250px) {
      figure.effect-lily figcaption > div a {
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0); } }

@media only screen and (min-width: 1250px) {
  figure.effect-lily h2,
  figure.effect-lily p {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0); } }

figure.effect-lily h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s; }

figure.effect-lily p {
  color: rgba(255, 255, 255, 0.8); }
  @media only screen and (min-width: 1250px) {
    figure.effect-lily p {
      opacity: 0;
      -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
      transition: opacity 0.2s, transform 0.35s; } }

figure.effect-lily:hover img,
figure.effect-lily:hover p {
  opacity: 1; }

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p,
figure.effect-lily:hover a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

figure.effect-lily:hover p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s; }

@media screen and (max-width: 50em) {
  .content {
    padding: 0 10px;
    text-align: center; }

  .grid figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%; } }
/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/*------------------------------------*\
    $VIDEO
\*------------------------------------*/
video {
  width: 100%; }

.videoContainer {
  overflow: hidden;
  margin: 2em 0; }
  .videoContainer p {
    position: absolute;
    margin-top: -20px;
    font-size: 20em;
    color: #FBB040;
    font-weight: 700;
    letter-spacing: -5px; }
    .videoContainer p.mediumCaption {
      font-size: 18em; }
    .videoContainer p.smallCaption {
      font-size: 15em;
      letter-spacing: -4px; }
      @media only screen and (min-width: 800px) {
        .videoContainer p.smallCaption {
          letter-spacing: -9px; } }
    @media only screen and (min-width: 800px) {
      .videoContainer p {
        font-size: 35em;
        margin-top: -30px;
        letter-spacing: -7px; }
        .videoContainer p.mediumCaption {
          font-size: 35em; }
        .videoContainer p.smallCaption {
          font-size: 35em; } }
    @media only screen and (min-width: 800px) {
      .videoContainer p {
        margin-top: -36px;
        letter-spacing: -9px; } }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
.blockNote {
  background: #DDDDDD;
  padding: 10px;
  overflow: hidden;
  margin: 10px 0;
  text-align: center; }
  @media only screen and (min-width: 800px) {
    .blockNote {
      text-align: left; } }
  .blockNote h2 {
    font-style: italic;
    color: #22bcb9;
    font-weight: 700;
    padding: 10px;
    overflow: hidden; }
    .blockNote h2 small {
      display: block;
      color: #FBB040; }
    @media only screen and (min-width: 800px) {
      .blockNote h2 {
        padding: 0 10px; } }
  .blockNote img {
    margin-right: 10px;
    width: 100%;
    max-width: 100px;
    border-radius: 50%; }
    @media only screen and (min-width: 800px) {
      .blockNote img {
        width: 200px;
        float: left; } }
  .blockNote p {
    font-style: italic;
    padding: 0 10px;
    overflow: hidden; }
    .blockNote p.noteL {
      font-size: 7em;
      font-weight: 700; }
    .blockNote p span {
      display: block;
      padding: 1em 0;
      text-align: left; }
      .blockNote p span strong {
        background: #959595;
        padding: 7px 13px;
        margin-right: 1em;
        border-radius: 50%;
        color: #ffffff;
        font-weight: 700; }
  .blockNote i {
    color: #383838;
    position: relative; }

.grayBlock {
  background: #DDDDDD;
  padding: 20px;
  text-align: center; }
  .grayBlock a {
    color: #DD4747;
    font-style: italic;
    font-weight: 600; }

.resolutionBlock {
  background: #DDDDDD;
  padding: 30px; }
  .resolutionBlock a {
    color: #DD4747;
    font-style: italic;
    font-weight: 600; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/* -------------------------------- 

Primary style

-------------------------------- */
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  padding: 2em 0;
  max-width: 800px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none; }
  .cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1; }
  .cd-horizontal-timeline h1, .cd-horizontal-timeline h2 {
    text-align: center;
    font-weight: 700; }
  .cd-horizontal-timeline h1 {
    color: #22bcb9;
    font-size: 7em; }
    @media only screen and (min-width: 800px) {
      .cd-horizontal-timeline h1 {
        font-size: 10em; } }
  .cd-horizontal-timeline h2 {
    color: #383838; }
  .cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 90%;
    max-width: 800px;
    margin: 0 auto; }
  .cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden; }
    .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
      /* these are used to create a shadow effect at the sides of the timeline */
      content: '';
      position: absolute;
      z-index: 2;
      top: 0;
      height: 100%;
      width: 20px; }
    .cd-horizontal-timeline .events-wrapper::before {
      left: 0;
      background-image: -webkit-linear-gradient( left , #DDDDDD, rgba(221, 221, 221, 0));
      background-image: linear-gradient(to right, #DDDDDD, rgba(221, 221, 221, 0)); }
    .cd-horizontal-timeline .events-wrapper::after {
      right: 0;
      background-image: -webkit-linear-gradient( right , #DDDDDD, rgba(221, 221, 221, 0));
      background-image: linear-gradient(to left, #DDDDDD, rgba(221, 221, 221, 0)); }
  .cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #1f1f1f;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s; }
  .cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #DDDDDD;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s; }
  .cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    padding-bottom: 15px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); }
    .cd-horizontal-timeline .events a::after {
      /* this is used to create the event spot */
      content: '';
      position: absolute;
      left: 50%;
      right: auto;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -5px;
      height: 12px;
      width: 12px;
      border-radius: 50%;
      border: 2px solid #1f1f1f;
      background-color: #383838;
      -webkit-transition: background-color 0.3s, border-color 0.3s;
      -moz-transition: background-color 0.3s, border-color 0.3s;
      transition: background-color 0.3s, border-color 0.3s; }
    .no-touch .cd-horizontal-timeline .events a:hover::after {
      background-color: #000000;
      border-color: #000000; }
    .cd-horizontal-timeline .events a.selected {
      pointer-events: none; }
      .cd-horizontal-timeline .events a.selected::after {
        background-color: #000000;
        border-color: #000000; }
    .cd-horizontal-timeline .events a.older-event::after {
      border-color: #000000; }
  @media only screen and (min-width: 1250px) {
    .cd-horizontal-timeline {
      margin: 1em auto;
      padding: 3em 0; }
      .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop'; } }

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #1f1f1f;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s; }
  .cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../images/cd-arrow.svg) no-repeat 0 0; }
  .cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg); }
  .cd-timeline-navigation a.next {
    right: 0; }
  .no-touch .cd-timeline-navigation a:hover {
    border-color: #000000; }
  .cd-timeline-navigation a.inactive {
    cursor: not-allowed; }
    .cd-timeline-navigation a.inactive::after {
      background-position: 0 -16px; }
    .no-touch .cd-timeline-navigation a.inactive:hover {
      border-color: #1f1f1f; }

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s; }
  .cd-horizontal-timeline .events-content .isis li h2 {
    margin-top: 110px; }
  .cd-horizontal-timeline .events-content .isis li img {
    width: 300px; }
  .cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    list-style-type: none;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
    .cd-horizontal-timeline .events-content li.selected {
      /* visible event content */
      position: relative;
      z-index: 2;
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
    .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
      -webkit-animation-name: cd-enter-right;
      -moz-animation-name: cd-enter-right;
      animation-name: cd-enter-right; }
    .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
      -webkit-animation-name: cd-enter-left;
      -moz-animation-name: cd-enter-left;
      animation-name: cd-enter-left; }
    .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
      -webkit-animation-direction: reverse;
      -moz-animation-direction: reverse;
      animation-direction: reverse; }
    .cd-horizontal-timeline .events-content li iframe, .cd-horizontal-timeline .events-content li img, .cd-horizontal-timeline .events-content li .kalturaPlayer {
      margin-top: 2em;
      width: 100%; }
    .cd-horizontal-timeline .events-content li .kalturaPlayer {
      width: 100%; }
  .cd-horizontal-timeline .events-content li > * {
    max-width: 800px;
    margin: 0 auto; }
  .cd-horizontal-timeline .events-content h2 {
    font-weight: bold;
    font-size: 2.6rem;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    letter-spacing: -2px; }
  .cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto; }
    .cd-horizontal-timeline .events-content em::before {
      content: '- '; }
  .cd-horizontal-timeline .events-content p {
    color: #222222;
    padding: 2px 0; }
  .cd-horizontal-timeline .events-content em {
    line-height: 1.6; }
  @media only screen and (min-width: 800px) {
    .cd-horizontal-timeline .events-content em {
      font-size: 2rem; }
    .cd-horizontal-timeline .events-content p {
      font-size: 5.8333333333em; } }

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%); } }
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%); } }
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/*------------------------------------*\
    $TABLE
\*------------------------------------*/
.timeline2 {
  max-width: 844px;
  margin: auto; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/*------------------------------------*\
    $SCAN
\*------------------------------------*/
.scanContent {
  overflow: hidden;
  margin: 3em auto;
  max-width: 800px;
  position: relative;
  width: 90%; }
  .scanContent img {
    float: left;
    width: 100%;
    border-radius: 50%;
    margin-bottom: 10px; }
    @media only screen and (min-width: 800px) {
      .scanContent img {
        width: 50%;
        margin-bottom: 0; } }
  .scanContent ul {
    padding: 0 20px;
    float: left;
    width: 100%; }
    @media only screen and (min-width: 800px) {
      .scanContent ul {
        width: 50%; } }
    .scanContent ul li {
      padding: 4px 0; }
      .scanContent ul li p {
        font-size: 4.4em; }
        .scanContent ul li p span {
          font-weight: bold;
          margin-right: 2px; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/*------------------------------------*\
    $TITLES
\*------------------------------------*/
.cleanTitle {
  text-align: center; }
  .cleanTitle h1, .cleanTitle h2, .cleanTitle h3 {
    display: block;
    font-weight: 700;
    color: #ffffff;
    line-height: 1em; }
  .cleanTitle h1 {
    margin: 0.6em;
    font-size: 9.8em;
    letter-spacing: -5px; }
    @media only screen and (min-width: 800px) {
      .cleanTitle h1 {
        margin: 0.25em;
        font-size: 14em;
        letter-spacing: -7px; } }
  .cleanTitle h2 {
    margin: 2em 1em 0;
    font-size: 3.3333333333em;
    color: #ffffff;
    letter-spacing: -2px; }
    @media only screen and (min-width: 800px) {
      .cleanTitle h2 {
        margin: 1em 1em 0;
        font-size: 5.8333333333em;
        letter-spacing: -4px; } }
    @media only screen and (min-width: 1250px) {
      .cleanTitle h2 {
        margin: 1.2em auto 0; } }
  .cleanTitle h3 {
    margin: 0;
    font-size: 2.8571428571em;
    color: #ffffff;
    letter-spacing: -2px; }
    @media only screen and (min-width: 800px) {
      .cleanTitle h3 {
        font-size: 4em;
        letter-spacing: -4px; } }

.pathTitle {
  text-align: center; }
  .pathTitle h1, .pathTitle h2, .pathTitle h3 {
    font-weight: 700;
    color: #ffffff;
    background: #22bcb9;
    padding: 0.4em 0;
    line-height: 1em; }
  .pathTitle h1 {
    font-size: 10em; }
    @media only screen and (min-width: 1250px) {
      .pathTitle h1 {
        font-size: 14em; } }

.title {
  text-align: center; }
  .title h1, .title h2, .title h3 {
    font-weight: 700;
    color: #22bcb9;
    line-height: 1em; }
  .title h1 {
    font-size: 7em; }
    @media only screen and (min-width: 1250px) {
      .title h1 {
        font-size: 14em; } }
  .title h2 {
    font-size: 10em;
    color: #22bcb9; }
    @media only screen and (min-width: 1250px) {
      .title h2 {
        font-size: 7em; } }

.titleBox h1, .titleBox h2 {
  font-weight: 700;
  color: #22bcb9;
  line-height: 1em; }
.titleBox h1 {
  font-size: 10em; }
.titleBox h2 {
  font-size: 7em;
  color: #FBB040; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/*------------------------------------*\
    $TABLE
\*------------------------------------*/
.chapo {
  width: 100%;
  background: #55a2a0;
  color: #ffffff; }
  .chapo tr td {
    padding: 15px; }
    .chapo tr td.number {
      font-size: 10em; }

.sequia {
  margin: 2em 0 4em; }
  .sequia tbody tr th {
    width: 50%;
    font-size: 10em;
    font-weight: 700;
    color: #FBB040; }
  .sequia tbody tr td {
    padding: 1em;
    width: 50%;
    color: #959595; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/*------------------------------------*\
    $FIXED PHOTO BACKGROUNDS
\*------------------------------------*/
.backTheme1 {
  background: url(../images/backTheme1.jpg) center;
  background-attachment: fixed;
  width: 100%;
  position: relative; }

.backTheme2 {
  background: url(../images/backTheme2.jpg) center;
  background-attachment: fixed;
  width: 100%;
  position: relative; }

.backTheme3 {
  background: url(../images/backTheme3.jpg) center;
  background-attachment: fixed;
  width: 100%;
  position: relative; }

.backTheme4 {
  background: url(../images/backTheme4.jpg) center;
  background-attachment: fixed;
  width: 100%;
  position: relative; }

/*GENERAL BACKGROUND FIXED*/
.fixedBack {
  height: 320px;
  padding: 20px 0; }

/*------------------------------------*\
    $SOLID COLOR BACKGROUNDS
\*------------------------------------*/
.lightGreyBack {
  background: #dddddd;
  padding: 5em 0; }

.whiteBack {
  background: #ffffff;
  padding: 5em 0; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/*------------------------------------*\
    $TITLES
\*------------------------------------*/
.graphSection img {
  width: 100%;
  position: relative; }

@media only screen and (min-width: 1250px) {
  .importancia {
    background: url(../images/planosLosAngeles.png) no-repeat center;
    width: 960px;
    height: 510px;
    margin-bottom: 200px; } }

.icon {
  width: 150px;
  height: 150px;
  border-radius: 50%; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
footer .nav {
  width: 100%;
  display: block;
  margin: 10px 0; }
  footer .nav li {
    display: inline-block;
    margin: 1%;
    text-align: center;
    width: 47.5%; }
    @media only screen and (min-width: 800px) {
      footer .nav li {
        width: 22.5%; } }
    @media only screen and (min-width: 1250px) {
      footer .nav li {
        margin: 0 0.5%;
        width: 23.6%; } }
    footer .nav li a {
      color: #383838;
      font-size: 4em;
      font-weight: bold;
      width: 100%; }
      @media only screen and (min-width: 800px) {
        footer .nav li a {
          width: 100%; } }
      footer .nav li a:hover {
        color: #22bcb9; }
      footer .nav li a p {
        position: relative;
        color: #ffffff;
        font-size: 9.8em;
        height: 10px;
        top: 42px;
        line-height: 1.2; }
        @media only screen and (min-width: 800px) {
          footer .nav li a p {
            top: 50px; } }
        @media only screen and (min-width: 1250px) {
          footer .nav li a p {
            top: 60px; } }
        footer .nav li a p span {
          font-size: 2.8571428571em;
          font-weight: lighter;
          display: block; }
          @media only screen and (min-width: 800px) {
            footer .nav li a p span {
              display: block; } }
      footer .nav li a img {
        width: 100%; }

/*CURRENT PAGE*/
body.noticia1 footer a.noticia1, body.noticia2 footer a.noticia2,
body.noticia3 footer a.noticia3, body.noticia4 footer a.noticia4,
body.noticia5 footer a.noticia5, body.noticia6 footer a.noticia6,
body.noticia7 footer a.noticia7, body.noticia8 footer a.noticia8,
body.noticia9 footer a.noticia9, body.noticia10 footer a.noticia10,
body.noticia11 footer a.noticia11, body.noticia12 footer a.noticia12 {
  color: #22bcb9;
  background: none; }

.credits {
  padding: 1em 0; }
  .credits p {
    color: #959595;
    font-size: 4em;
    text-align: center; }

/****************************** Variables ****************************/
/******************************** Mixins *****************************/
/********************************* Core ******************************/
[data-tooltip] {
  position: relative;
  display: inline-block; }
  [data-tooltip]:before, [data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  [data-tooltip]:before {
    content: '';
    position: absolute;
    border-width: 6px;
    border-style: solid;
    border-color: transparent; }
  [data-tooltip]:after {
    height: 22px;
    padding: 11px;
    font-size: 13px;
    line-height: 22px;
    content: attr(data-tooltip);
    white-space: pre-line;
    display: inline-table;
    min-width: 300px; }
  [data-tooltip].simptip-position-top:before {
    border-top-color: #323232; }
  [data-tooltip].simptip-position-top:after {
    background-color: #323232;
    color: #ecf0f1; }
  [data-tooltip].simptip-position-bottom:before {
    border-bottom-color: #323232; }
  [data-tooltip].simptip-position-bottom:after {
    background-color: #323232;
    color: #ecf0f1; }
  [data-tooltip].simptip-position-left:before {
    border-left-color: #323232; }
  [data-tooltip].simptip-position-left:after {
    background-color: #323232;
    color: #ecf0f1; }
  [data-tooltip].simptip-position-right:before {
    border-right-color: #323232; }
  [data-tooltip].simptip-position-right:after {
    background-color: #323232;
    color: #ecf0f1; }
  [data-tooltip].simptip-position-top.half-arrow:before {
    border-right: 7px solid #323232; }
  [data-tooltip].simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #323232; }
  [data-tooltip]:hover, [data-tooltip]:focus {
    background-color: transparent; }
  [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
    visibility: visible;
    opacity: 1; }

/******************************* Position ****************************/
.simptip-position-right.simptip-movable:before, .simptip-position-right.simptip-movable:after, .simptip-position-left.simptip-movable:before, .simptip-position-left.simptip-movable:after, .simptip-position-top.simptip-movable:before, .simptip-position-top.simptip-movable:after, .simptip-position-bottom.simptip-movable:before, .simptip-position-bottom.simptip-movable:after {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear; }

.simptip-position-right:before, .simptip-position-right:after, .simptip-position-left:before, .simptip-position-left:after {
  bottom: 50%; }
.simptip-position-right:before, .simptip-position-left:before {
  margin-bottom: -5px;
  /*-5px*/ }
.simptip-position-right:after, .simptip-position-left:after {
  margin-bottom: -14.6666666667px; }
.simptip-position-right.half-arrow:before, .simptip-position-left.half-arrow:before {
  bottom: 16px;
  border-style: none;
  border-top: 7px solid transparent; }
.simptip-position-right.simptip-multiline:before, .simptip-position-right.simptip-multiline:after, .simptip-position-left.simptip-multiline:before, .simptip-position-left.simptip-multiline:after {
  bottom: -50%; }
.simptip-position-right.simptip-multiline:before, .simptip-position-left.simptip-multiline:before {
  margin-bottom: 15px; }

.simptip-position-right:before, .simptip-position-right:after {
  left: 100%; }
.simptip-position-right:before {
  margin-left: -2px; }
.simptip-position-right:after {
  margin-left: 10px; }
.simptip-position-right.simptip-movable:before {
  margin-left: -10px; }
.simptip-position-right.simptip-movable:after {
  margin-left: 2px; }
.simptip-position-right.simptip-movable:hover:before, .simptip-position-right.simptip-movable:hover:after {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px); }
.simptip-position-right.simptip-movable.half-arrow:before {
  margin-left: -5px; }
.simptip-position-right.half-arrow:before {
  margin-left: 3px;
  border-right: 7px solid #323232; }

.simptip-position-left:before, .simptip-position-left:after {
  right: 100%; }
.simptip-position-left:before {
  margin-right: -2px; }
.simptip-position-left:after {
  margin-right: 10px; }
.simptip-position-left.simptip-movable:before {
  margin-right: -10px; }
.simptip-position-left.simptip-movable:after {
  margin-right: 2px; }
.simptip-position-left.simptip-movable:hover:before, .simptip-position-left.simptip-movable:hover:after {
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px); }
.simptip-position-left.simptip-movable.half-arrow:before {
  margin-right: -5px; }
.simptip-position-left.half-arrow:before {
  margin-right: 3px;
  border-left: 7px solid #323232; }

.simptip-position-bottom:before, .simptip-position-bottom:after, .simptip-position-top:before, .simptip-position-top:after {
  left: 50%; }
.simptip-position-bottom:after, .simptip-position-top:after {
  margin-left: -18px; }
.simptip-position-bottom.half-arrow:before, .simptip-position-top.half-arrow:before {
  border-style: none;
  border-right: 7px solid #323232; }

.simptip-position-bottom:before, .simptip-position-bottom:after {
  top: 100%; }
.simptip-position-bottom:before {
  margin-top: -5px;
  /*-5px*/ }
.simptip-position-bottom:after {
  margin-top: 7px; }
.simptip-position-bottom.simptip-movable:before {
  margin-top: -15px; }
.simptip-position-bottom.simptip-movable:after {
  margin-top: -3px; }
.simptip-position-bottom.simptip-movable:hover:before, .simptip-position-bottom.simptip-movable:hover:after {
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px); }
.simptip-position-bottom.simptip-movable.half-arrow:before {
  margin-top: -10px; }
.simptip-position-bottom.half-arrow:before {
  margin-top: 0;
  border-top: 7px solid transparent; }

.simptip-position-top:before, .simptip-position-top:after {
  bottom: 100%; }
.simptip-position-top:before {
  margin-bottom: -5px;
  /*-5px*/ }
.simptip-position-top:after {
  margin-bottom: 7px; }
.simptip-position-top.simptip-movable:before {
  margin-bottom: -15px; }
.simptip-position-top.simptip-movable:after {
  margin-bottom: -3px; }
.simptip-position-top.simptip-movable:hover:before, .simptip-position-top.simptip-movable:hover:after {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px); }
.simptip-position-top.simptip-movable.half-arrow:before {
  margin-bottom: -10px; }
.simptip-position-top.half-arrow:before {
  margin-bottom: 0;
  border-bottom: 7px solid transparent; }

/******************************* Features ****************************/
.simptip-smooth:after {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.simptip-fade:before, .simptip-fade:after {
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
  -ms-transition: opacity 0.2s linear, visibility 0.2s linear;
  -o-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear; }

.simptip-multiline:after {
  height: auto;
  width: 150px;
  padding: 11px;
  line-height: 19px;
  white-space: normal;
  text-align: left; }

/**************************** Diverse Colors *************************/
.simptip-success.simptip-position-top:before {
  border-top-color: #62c462; }
.simptip-success.simptip-position-top:after {
  background-color: #62c462;
  color: #ecf0f1; }
.simptip-success.simptip-position-bottom:before {
  border-bottom-color: #62c462; }
.simptip-success.simptip-position-bottom:after {
  background-color: #62c462;
  color: #ecf0f1; }
.simptip-success.simptip-position-left:before {
  border-left-color: #62c462; }
.simptip-success.simptip-position-left:after {
  background-color: #62c462;
  color: #ecf0f1; }
.simptip-success.simptip-position-right:before {
  border-right-color: #62c462; }
.simptip-success.simptip-position-right:after {
  background-color: #62c462;
  color: #ecf0f1; }
.simptip-success.simptip-position-top.half-arrow:before {
  border-right: 7px solid #62c462; }
.simptip-success.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #62c462; }

.simptip-info.simptip-position-top:before {
  border-top-color: #5bc0de; }
.simptip-info.simptip-position-top:after {
  background-color: #5bc0de;
  color: #ecf0f1; }
.simptip-info.simptip-position-bottom:before {
  border-bottom-color: #5bc0de; }
.simptip-info.simptip-position-bottom:after {
  background-color: #5bc0de;
  color: #ecf0f1; }
.simptip-info.simptip-position-left:before {
  border-left-color: #5bc0de; }
.simptip-info.simptip-position-left:after {
  background-color: #5bc0de;
  color: #ecf0f1; }
.simptip-info.simptip-position-right:before {
  border-right-color: #5bc0de; }
.simptip-info.simptip-position-right:after {
  background-color: #5bc0de;
  color: #ecf0f1; }
.simptip-info.simptip-position-top.half-arrow:before {
  border-right: 7px solid #5bc0de; }
.simptip-info.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #5bc0de; }

.simptip-danger.simptip-position-top:before {
  border-top-color: #e74c3c; }
.simptip-danger.simptip-position-top:after {
  background-color: #e74c3c;
  color: #ecf0f1; }
.simptip-danger.simptip-position-bottom:before {
  border-bottom-color: #e74c3c; }
.simptip-danger.simptip-position-bottom:after {
  background-color: #e74c3c;
  color: #ecf0f1; }
.simptip-danger.simptip-position-left:before {
  border-left-color: #e74c3c; }
.simptip-danger.simptip-position-left:after {
  background-color: #e74c3c;
  color: #ecf0f1; }
.simptip-danger.simptip-position-right:before {
  border-right-color: #e74c3c; }
.simptip-danger.simptip-position-right:after {
  background-color: #e74c3c;
  color: #ecf0f1; }
.simptip-danger.simptip-position-top.half-arrow:before {
  border-right: 7px solid #e74c3c; }
.simptip-danger.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #e74c3c; }

.simptip-warning.simptip-position-top:before {
  border-top-color: #e67e22; }
.simptip-warning.simptip-position-top:after {
  background-color: #e67e22;
  color: #ecf0f1; }
.simptip-warning.simptip-position-bottom:before {
  border-bottom-color: #e67e22; }
.simptip-warning.simptip-position-bottom:after {
  background-color: #e67e22;
  color: #ecf0f1; }
.simptip-warning.simptip-position-left:before {
  border-left-color: #e67e22; }
.simptip-warning.simptip-position-left:after {
  background-color: #e67e22;
  color: #ecf0f1; }
.simptip-warning.simptip-position-right:before {
  border-right-color: #e67e22; }
.simptip-warning.simptip-position-right:after {
  background-color: #e67e22;
  color: #ecf0f1; }
.simptip-warning.simptip-position-top.half-arrow:before {
  border-right: 7px solid #e67e22; }
.simptip-warning.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #e67e22; }

/*colors*/
/*white*/
/*black*/
/*dark gray - text color*/
/*medium dark*/
/*light gray - text color*/
/*dark gray - text color*/
/*yellow*/
/*gray-black*/
/*backgrouns color*/
/*teletica colors*/
/* GENERAL STYLES */
.link {
  outline: none;
  text-decoration: none;
  position: absolute;
  font-size: 8em;
  line-height: 1;
  color: #fbb034;
  display: inline-block; }

/* EFECTO HOVER */
.effect {
  font-family: 'Source Sans Pro', sans-serif;
  /*font-family: 'Playfair Display', sans-serif;*/
  font-weight: 700;
  text-align: center;
  font-size: 2.6em;
  letter-spacing: -2px;
  padding: 0 55px 45px;
  -webkit-transition: color 0.5s;
  transition: color 0.5s; }
  .effect i {
    color: #383838;
    font-size: 0.65em; }

.effect:hover {
  color: #333333; }

.effect::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 120%;
  top: 50%;
  margin-top: 16px;
  left: -10%;
  z-index: -1;
  background: #333333;
  -webkit-transform: rotate3d(0, 0, 1, 0deg) scale3d(0, 1, 1);
  transform: rotate3d(0, 0, 1, 0deg) scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.effect:hover::before {
  -webkit-transform: rotate3d(0, 0, 1, 0deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 0deg) scale3d(1, 1, 1); }

.effect span {
  text-align: center;
  letter-spacing: -1px;
  font-size: 0.4642857143em;
  font-weight: 400;
  position: absolute;
  margin-top: 30px;
  top: 50px;
  right: 0;
  color: #333333;
  bottom: 0;
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s; }

.effect:hover span {
  opacity: 1;
  top: 50px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/*------------------------------------*\
    $POSITION - ANIMATION DELAY ITEMS - MAP
\*------------------------------------*/
/*.grid__item {max-width: 960px;}*/
.gridHover {
  position: absolute;
  margin-left: -5px; }
  .gridHover a {
    opacity: 0; }
    .gridHover a#firstItem {
      top: 30px;
      left: 560px;
      -webkit-animation-delay: 0.4s;
      -moz-animation-delay: 0.4s;
      -ms-animation-delay: 0.4s;
      -o-animation-delay: 0.4s; }
    .gridHover a#secondItem {
      top: 510px;
      left: 700px;
      -webkit-animation-delay: 0.6s;
      -moz-animation-delay: 0.6s;
      -ms-animation-delay: 0.6s;
      -o-animation-delay: 0.6s; }
    .gridHover a#thirdItem {
      top: 160px;
      left: 770px;
      -webkit-animation-delay: 0.8s;
      -moz-animation-delay: 0.8s;
      -ms-animation-delay: 0.8s;
      -o-animation-delay: 0.8s; }
    .gridHover a#fourthItem {
      top: 360px;
      left: 930px;
      -webkit-animation-delay: 1s;
      -moz-animation-delay: 1s;
      -ms-animation-delay: 1s;
      -o-animation-delay: 1s; }
    .gridHover a#fifthItem {
      top: 200px;
      left: 0px;
      -webkit-animation-delay: 1.2s;
      -moz-animation-delay: 1.2s;
      -ms-animation-delay: 1.2s;
      -o-animation-delay: 1.2s; }

/*------------------------------------*\
    $ANIMATION DELAY ITEMS - SYMPTOMS
\*------------------------------------*/
.listAnimated li:nth-child(1) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s; }
.listAnimated li:nth-child(2) {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s; }
.listAnimated li:nth-child(3) {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -ms-animation-delay: 0.8s;
  -o-animation-delay: 0.8s; }
.listAnimated li:nth-child(4) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s; }

/*#triggerZika a, #triggerMap a {
	opacity: 0;
}  */
/* Media Queries */
/*@media screen and (max-width: 50em) {
	.link--surinami { font-size: 3em; }
}*/
@media screen and (max-width: 42em) {
  .effect {
    font-size: 3.5em; } }