/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

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

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* FONTS */
@font-face {
  font-family: "Aleo Bold Italic";
  src: url("fonts/aleo-bolditalic-webfont-webfont.eot");
  src: url("fonts/aleo-bolditalic-webfont-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/aleo-bolditalic-webfont-webfont.woff2") format("woff2"),
    url("fonts/aleo-bolditalic-webfont-webfont.woff") format("woff"),
    url("fonts/aleo-bolditalic-webfont-webfont.ttf") format("truetype"),
    url("fonts/aleo-bolditalic-webfont-webfont.svg#aleobolditalic")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Aleo Bold";
  src: url("fonts/aleo-bold-webfont-webfont.eot");
  src: url("fonts/aleo-bold-webfont-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/aleo-bold-webfont-webfont.woff2") format("woff2"),
    url("fonts/aleo-bold-webfont-webfont.woff") format("woff"),
    url("fonts/aleo-bold-webfont-webfont.ttf") format("truetype"),
    url("fonts/aleo-bold-webfont-webfont.svg#aleobold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Aleo Italic";
  src: url("fonts/aleo-italic-webfont-webfont.eot");
  src: url("fonts/aleo-italic-webfont-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/aleo-italic-webfont-webfont.woff2") format("woff2"),
    url("fonts/aleo-italic-webfont-webfont.woff") format("woff"),
    url("fonts/aleo-italic-webfont-webfont.ttf") format("truetype"),
    url("fonts/aleo-italic-webfont-webfont.svg#aleoitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Aleo Light Italic";
  src: url("fonts/aleo-lightitalic-webfont-webfont.eot");
  src: url("fonts/aleo-lightitalic-webfont-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/aleo-lightitalic-webfont-webfont.woff2") format("woff2"),
    url("fonts/aleo-lightitalic-webfont-webfont.woff") format("woff"),
    url("fonts/aleo-lightitalic-webfont-webfont.ttf") format("truetype"),
    url("fonts/aleo-lightitalic-webfont-webfont.svg#aleolightitalic")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Aleo Light";
  src: url("fonts/aleo-light-webfont-webfont.eot");
  src: url("fonts/aleo-light-webfont-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/aleo-light-webfont-webfont.woff2") format("woff2"),
    url("fonts/aleo-light-webfont-webfont.woff") format("woff"),
    url("fonts/aleo-light-webfont-webfont.ttf") format("truetype"),
    url("fonts/aleo-light-webfont-webfont.svg#aleolight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Aleo Regular";
  src: url("fonts/aleo-regular-webfont-webfont.eot");
  src: url("fonts/aleo-regular-webfont-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/aleo-regular-webfont-webfont.woff2") format("woff2"),
    url("fonts/aleo-regular-webfont-webfont.woff") format("woff"),
    url("fonts/aleo-regular-webfont-webfont.ttf") format("truetype"),
    url("fonts/aleo-regular-webfont-webfont.svg#aleoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* END FONTS */

/* NOTE: Mauricio Style */
section.container-home-main-banner {
  /* background-image: url(../img/banner-header-colombia3.jpg); */
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;

  /* background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    background-color: #90caf2; */
}
.floating-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 29px;
  max-width: 1260px;
}
.icons-social-media-header {
  text-align: right;
}
.icons-logos-external-links {
  padding-left: 40px;
  margin-top: 65px;
}
.icons-social-media-header a {
  margin-left: 12px;
}
.icons-social-media-header {
  padding-top: 8px;
}
.icons-logos-external-links a {
  margin-right: 15px;
}
span.capital-letter {
  font-size: 64px;
  line-height: 0;
  color: #555555;
  font-family: Aleo Regular;
  font-weight: lighter;
}
.wrapper-text-home p {
  color: #555555;
  font-family: Aleo Light;
  font-size: 24px;
  font-weight: bolder;
}
.wrapper-text-home {
  padding-top: 166px;
}
section.wrapper-reports-list-home {
  margin-top: 106px;
}
.wrapper-reports-list-home h2 {
  font-size: 35px;
  font-family: Aleo Bold;
  margin-bottom: 83px;
}
.wrapper-img-report img {
  max-width: 100%;
}
.container-item-report {
  background-image: url(../img/border-left-posts.png),
    url(../img/border-right-posts.png);
  background-repeat: no-repeat;
  background-position: left bottom, right top;
  margin-bottom: 46px;
}
.container-item-report h3 {
  font-size: 35px;
  text-align: center;
  margin: 4px auto 0 auto;
  font-family: Aleo Bold;
  color: #2a2a2a;
  text-transform: uppercase;
  line-height: 1.2;
  height: 154px;
  width: 80%;
}
.wrapper-img-report {
  padding: 16px 16px 10px 16px;
}
.backToHome {
  width: 57px;
  font-size: 0;
  height: 56px;
  border-radius: 100%;
  background-color: #fff;
  position: absolute;
  left: 20px;
  bottom: 20px;
  border: 3px solid #fff;
}
.backToHome img {
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease-in-out;
}
.backToHome img:last-child {
  opacity: 0;
}
.backToHome:hover img:first-child {
  opacity: 0;
}
.backToHome:hover img:last-child {
  opacity: 1;
}
footer {
  background-image: url(../img/background-footer.png);
  background-repeat: repeat-x;
  background-size: auto;
  background-position: center top;
  padding-top: 70px;
  padding-bottom: 19px;
  /* margin-top: 120px; */
}
footer .container {
  max-width: 1260px;
}
footer .container .col-12 > div > h4 {
  color: #7f8181;
  font-family: Aleo Light;
  font-size: 21px;
  margin: 0 0 59px 0;
}
footer .container .col-12 > div {
  display: inline-block;
  vertical-align: top;
}
.item-logo-footer {
  display: inline-block;
  vertical-align: bottom;
}
.middle-logo {
  margin: 0 60px;
}
.floating-bottom h1 img {
  max-width: 100%;
}
.left-footer > div {
  padding-right: 30px;
  border-right: 1px solid #939393;
  margin-right: 30px;
}
.container-logos-right-footer > div:first-child {
  margin-right: 30px;
}
.bottom-footer img {
  width: 130px;
}
.bottom-footer span {
  color: #959595;
  font-family: Aleo Regular;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.bottom-footer {
  margin-top: 20px;
}
/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */

#menuToggle {
  display: block;
  position: relative;
  z-index: 1;

  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;

  cursor: pointer;

  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */

  -webkit-touch-callout: none;
}

.toggleMenu {
  display: none;
  margin-right: 30px;
}
.toggleMenu .hamburger {
  padding: 0;
  outline: none;
}
.toggleMenu .hamburger-box {
  width: 30px;
  height: 25px;
}
.toggleMenu .hamburger-inner,
.toggleMenu .hamburger-inner::before,
.toggleMenu .hamburger-inner::after {
  width: 30px;
  height: 5px;
  background-color: #939393;
}
.hamburger:hover {
  opacity: 1;
}

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

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

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

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

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

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

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

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.15s ease,
    -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease,
    transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease,
    transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.15s ease,
    -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease,
    transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease,
    transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease,
    -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease,
    transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease,
    transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),
    -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease,
    -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease,
    transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease,
    transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),
    -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.15s ease,
    -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease,
    transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease,
    transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.15s ease,
    -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease,
    transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease,
    transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease,
    -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease,
    transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease,
    transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),
    -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease,
    -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease,
    transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease,
    transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),
    -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.27s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.15s 0.4s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.1s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.1s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.15s 0.4s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.1s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.1s;
}

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

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

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.15s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.32s;
  background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0s 0.32s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: background-color 0s 0.1s linear,
    -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    background-color 0s 0.1s linear;
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    background-color 0s 0.1s linear,
    -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::before {
  transition: top 0.1s 0.1s ease-in,
    -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.1s ease-in,
    transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.1s ease-in,
    transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease-in,
    -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.1s ease-in,
    transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.1s ease-in,
    transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent;
  transition: background-color 0s 0.22s linear,
    -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0s 0.22s linear;
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0s 0.22s linear,
    -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top 0.1s 0.12s ease-out,
    -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.12s ease-out,
    transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.12s ease-out,
    transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: bottom 0.1s 0.12s ease-out,
    -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s 0.12s ease-out,
    transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s 0.12s ease-out,
    transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: background-color 0s 0.1s linear,
    -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    background-color 0s 0.1s linear;
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    background-color 0s 0.1s linear,
    -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease-in,
    -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.1s ease-in,
    transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.1s ease-in,
    transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease-in,
    -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.1s ease-in,
    transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.1s ease-in,
    transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent;
  transition: background-color 0s 0.22s linear,
    -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0s 0.22s linear;
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0s 0.22s linear,
    -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top 0.1s 0.12s ease-out,
    -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.12s ease-out,
    transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.12s ease-out,
    transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: bottom 0.1s 0.12s ease-out,
    -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s 0.12s ease-out,
    transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s 0.12s ease-out,
    transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.34s ease-in,
    -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in,
    transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in,
    transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out,
    -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out,
    transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out,
    transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.34s ease-in,
    -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in,
    transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in,
    transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out,
    -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out,
    transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out,
    transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease,
    -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease,
    transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.14s ease,
    transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom 0.1s ease,
    -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease,
    transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease,
    transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

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

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

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

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

nav {
  margin-right: 56px;
}
.wrapper-logo-menu {
  width: 230px;
}
section.container-menu-top > * {
  display: inline-block;
  vertical-align: middle;
}
section.container-menu-top {
  padding: 12px 57px;
}
.social-media-menu {
  padding-top: 6px;
}
.social-media-menu a {
  margin-left: 10px;
}
.wrapper-items-menu {
  z-index: 1;
  width: 100%;
  background-color: white;
  padding-top: 20px;
  padding-bottom: 30px;
}
.container-item-menu-report {
  width: 280px;
}
.wrapper-img-menu-report img {
  max-width: 100%;
}
.container-item-menu-report h3 {
  font-family: Aleo Bold;
  font-size: 15px;
  text-align: center;
  color: #2a2a2a;
  width: 80%;
  margin: 0 auto;
  height: 73px;
  text-transform: uppercase;
}
.items-menu {
  /* padding: 0 110px; */
}
a:hover {
  text-decoration: none;
}
.wrapper-img-menu-report {
  padding: 8px 8px 10px 10px;
}
.container-item-menu-report {
  width: 100%;
  background-image: url(../img/border-left-posts-menu.png),
    url(../img/border-right-posts-menu.png);
  background-repeat: no-repeat;
  background-position: left bottom, top right;
}
.orange-border {
  background-image: url(../img/border-left-posts-menu-orange.png),
    url(../img/border-right-posts-menu-orange.png);
}
.white-background-items-menu {
  padding: 0 110px;
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 1;
  top: 85px;
  transition: top 0.4s ease-in-out;
}
.wrapper-items-menu .owl-nav {
  width: 100%;
}
.wrapper-items-menu .owl-prev {
  background-image: url(../img/arrow-left-carousel-menu.png);
  display: block !important;
  font-size: 0;
  width: 34px;
  height: 49px;
  position: absolute;
  left: -45px;
  top: 50%;
  margin-top: -25px;
}
.wrapper-items-menu .owl-next {
  background-image: url(../img/arrow-right-carousel-menu.png);
  display: block !important;
  font-size: 0;
  width: 34px;
  height: 49px;
  position: absolute;
  right: -45px;
  top: 50%;
  margin-top: -25px;
}
.wrapper-logo-menu img {
  max-width: 100%;
}
.mobileImage {
  display: none;
}
.mobileImage img {
  width: 100%;
}
.content p,
.content span {
  color: #555555;
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 40px;
  font-family: Aleo Light;
}
.content .float-left {
  margin-right: 15px;
  position: relative;
  top: 13px;
}
.float-left span {
  display: block;
  font-size: 19px;
  font-family: Aleo Light;
  border-left: 6px solid #c1763a;
  padding-left: 17px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.content blockquote {
  background-image: url(../img/quote-content-start.png),
    url(../img/quote-content-end.png);
  font-size: 24px;
  font-family: Aleo Light;
  font-weight: 100;
  color: #555;
  width: 89%;
  margin: 0 auto 60px auto;
  padding: 20px 50px 0px;
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right bottom;
}

/* ARTÍCULO 2 */
.wrapper-video-embebed iframe {
  width: 100%;
  height: calc(100vh - 68px);
  margin-top: 68px;
}
.section-body-article-2 h1 {
  font-family: Aleo Bold;
  font-size: 42px;
  font-weight: 100;
  margin: 0 0 75px 0;
}
.section-body-article-2 {
  padding: 90px 0px;
}
.float-left img {
  max-width: 100%;
}
/* ARTÍCULO 2 */

.hasOverlay {
  z-index: 50;
}

.theTitle {
  position: relative;
}

.overlayIf {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.isPhoto {
}

.isPhoto img {
  object-fit: cover;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
}

.wrapper-landing {
  background-image: url(../img/background-landing.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  margin-top: 68px;
  background-position: 60% 44%;
  text-align: center;
  background-attachment: fixed;
}

.wrapper-landing-meta {
  background: url(../img/meta/portada-general-landing.jpg);
  color: white;
}

.wrapper-landing-rejoya {
  background: url(../img/larejoya/Fondo_1440x906_COMIC.jpg);
  color: white;
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #f6e4b2;
}

p.rejoya {
  font-size: 1rem !important;
  color: #000;
  font-weight: bolder;
  padding: 0.8rem;
  background-color: white;
}

.wrapper-top-landing h1 {
  font-size: 53px;
  font-family: Aleo Regular;
  margin: 0 0 65px 0;
}
.wrapper-top-landing > p {
  font-family: Aleo Light Italic;
  font-size: 33px;
  font-weight: lighter;
  width: 69%;
  line-height: 1.2;
  margin: 0 auto;
  text-align: left;
}
.credits-landing > * {
  display: block;
  font-size: 23px;
  font-family: Aleo Light;
  text-align: left;
  width: 69%;
  margin: 0 auto;
}
span.credits-landing {
  margin-top: 40px;
  display: block;
  margin-bottom: 40px;
}
.wrapper-top-landing {
  padding-top: 60px;
}
.item-link-story {
  display: inline-block;
  vertical-align: bottom;
  width: 28%;
  height: 400px;
  border: 3px solid white;
  margin: 0 2%;
  position: relative;
  border-bottom: 0;
  -webkit-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.wrapper-links-stories {
  font-size: 0;
}
.content-link-story {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 5px 5px 0px 5px;
  position: absolute;
  bottom: 0;
  top: 0;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-bottom: 0;
  right: 0;
  left: 0;
}
.content-link-story > div {
  display: table;
  height: 100%;
  width: 100%;
}
.content-link-story p {
  color: #212529;
  font-size: 36px;
  font-family: Aleo Regular;
  line-height: 1.2;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  margin: 0 auto;
}
.content-link-story span {
  border: 2px solid white;
  display: block;
  padding: 5px 10px;
  position: absolute;
  bottom: 20px;
  right: 0;
  left: 0;
  width: 63px;
  margin: 0 auto;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.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:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, 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;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    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 that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

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

  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

  thead {
    display: table-header-group;
  }

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

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

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

  h2,
  h3 {
    page-break-after: avoid;
  }
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 1024px) {
  .container-item-report h3 {
    font-size: 28px;
  }
  .item-logo-footer img {
    max-width: 100%;
  }
  .item-logo-footer {
    width: 32%;
    text-align: center;
  }
  .container-logos-left-footer {
    margin-bottom: 0px;
    border-right: 1px solid white;
    padding-bottom: 40px;
  }
  .left-footer {
    text-align: left !important;
  }
  .left-footer > div {
    padding-right: 0px;
    border-right: none;
    margin-right: 0px;
  }
  .middle-logo {
    margin: 0;
  }
  .bottom-footer.float-right {
    width: 100%;
    text-align: right;
  }
  .frame.map-not-full {
    width: 90%;
    margin: 0 auto;
  }

  .item-link-story {
    height: 230px;
    width: 33%;
    margin: 0;
  }
  .content-link-story p {
    font-size: 20px;
  }
  .wrapper-top-landing > p {
    font-size: 20px;
    width: 90%;
  }
  .wrapper-top-landing h1 {
    font-size: 38px;
    margin-bottom: 25px;
  }
  span.credits-landing {
    margin-top: 10px;
  }
  .credits-landing > * {
    font-size: 13px;
    width: 90%;
  }
  .content-link-story a img {
    width: 38%;
  }
}

@media (max-width: 768px) {
  .container-item-report h3 {
    font-size: 20px !important;
    height: 104px;
  }
  footer .container .col-12 > div > h4 {
    text-align: center;
    margin-bottom: 17px;
  }
  footer .container .col-12 > div {
    text-align: center;
  }
  .container-logos-right-footer > div:first-child {
    margin-right: 0;
  }
  .right-footer,
  .left-footer {
    width: 100%;
  }
  .icons-logos-external-links {
    padding-left: 15px;
  }
  .icons-logos-external-links img {
    width: 55px;
  }
  .icons-logos-external-links a {
    margin-right: 0px;
  }
  .icons-social-media-header a {
    margin-left: 6px;
  }
  .left-footer {
    text-align: left !important;
  }
  .left-footer > div {
    padding-right: 0px;
    border-right: none;
    margin-right: 0px;
  }
  .middle-logo {
    margin: 0;
  }
  .item-logo-footer img {
    max-width: 100%;
  }
  .item-logo-footer {
    width: 32%;
    text-align: center;
  }
  .container-logos-left-footer {
    margin-bottom: 40px;
    border-bottom: 1px solid white;
    padding-bottom: 40px;
  }

  .icons-social-media-header img {
    width: 25px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 100%;
  }
  .wrapper-logo-menu img {
    max-width: 100%;
  }
  .toggleMenu {
    margin-right: 40px;
  }
  .icons-logos-external-links {
    margin-top: 55px;
  }
  .item-link-story {
    height: 230px;
    width: 70%;
    margin: 0px 0 30px 0;
  }
  .content-link-story p {
    font-size: 23px;
  }
  .wrapper-top-landing > p {
    font-size: 20px;
    width: 90%;
  }
  .wrapper-top-landing h1 {
    font-size: 38px;
    margin-bottom: 25px;
  }
  span.credits-landing {
    margin-top: 10px;
  }
  .credits-landing > * {
    font-size: 13px;
    width: 90%;
  }
}

@media (max-width: 767px) {
  .logosGr {
    display: none !important;
  }

  .item-link-story {
    height: 230px;
    width: 70%;
    margin: 0px 0 30px 0;
  }
  .content-link-story p {
    font-size: 23px;
  }
  .wrapper-top-landing > p {
    font-size: 20px;
    width: 90%;
  }
  .wrapper-top-landing h1 {
    font-size: 38px;
    margin-bottom: 25px;
  }
  span.credits-landing {
    margin-top: 10px;
  }
  .credits-landing > * {
    font-size: 13px;
    width: 90%;
  }
}

@media (max-width: 576px) {
  section.container-home-main-banner {
    /* height: 50vh; */
  }
  .wrapper-text-home {
    padding-top: 26px;
  }
  .wrapper-text-home p {
    font-size: 18px;
  }
  section.wrapper-reports-list-home {
    margin-top: 16px;
  }
  .wrapper-reports-list-home h2 {
    margin-bottom: 33px;
  }
  .container-item-report h3 {
    font-size: 18px;
    /* height: 94px; */
    height: 124px;
  }
  .item-logo-footer {
    display: block;
  }
  footer {
    margin-top: 0;
    padding-top: 80px;
  }
  .left-footer > div {
    padding-right: 0px;
    border-right: none;
    margin-right: 0px;
  }
  .container-logos-left-footer {
    text-align: center;
  }
  .item-logo-footer {
    margin-bottom: 40px;
  }
  .item-logo-footer img {
    max-width: 100%;
    width: auto;
  }
  .middle-logo {
    margin: 0 0 40px 0;
  }
  footer .container .col-12 > div > h4 {
    text-align: center;
    margin-bottom: 17px;
  }
  footer .container .col-12 > div {
    text-align: center;
  }
  .container-logos-right-footer > div:first-child {
    margin-right: 0;
  }
  .right-footer,
  .left-footer {
    width: 100%;
  }
  .icons-logos-external-links {
    padding-left: 15px;
  }
  .icons-logos-external-links img {
    width: 55px;
  }
  .icons-logos-external-links a {
    margin-right: 0px;
  }
  .icons-social-media-header a {
    margin-left: 6px;
  }
  .left-footer {
    border-bottom: 1px solid white;
    margin-bottom: 40px;
  }
  .item-logo-footer {
    width: 100%;
  }
  .container-logos-left-footer {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px;
  }
  .white-background-items-menu {
    padding: 0;
  }
  .wrapper-items-menu .owl-nav {
    display: none;
  }
  section.container-menu-top {
    padding: 12px 17px;
  }
  .wrapper-logo-menu {
    width: 133px;
    margin-left: 11px;
  }
  .toggleMenu {
    margin-right: 0;
  }
  .white-background-items-menu {
    top: 54px;
  }
  .social-media-menu.float-right img {
    width: 20px;
  }
  .social-media-menu.float-right {
    position: absolute;
    top: 7px;
    right: 10px;
  }

  .item-link-story {
    height: 230px;
    width: 100%;
    margin: 0px 0 30px 0;
  }
  .content-link-story p {
    font-size: 23px;
  }
  .wrapper-top-landing > p {
    font-size: 20px;
    width: 90%;
  }
  .wrapper-top-landing h1 {
    font-size: 38px;
    margin-bottom: 25px;
  }
  span.credits-landing {
    margin-top: 10px;
  }
  .credits-landing > * {
    font-size: 13px;
    width: 90%;
  }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
        /*OWL CAROUSEL*/
        /*
    *  Owl Carousel - Animate Plugin
    */

        .owl-carousel .animated {
            -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

        .owl-carousel .owl-animated-in {
            z-index: 0;
        }

        .owl-carousel .owl-animated-out {
            z-index: 1;
        }

        .owl-carousel .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
        }

        @-webkit-keyframes fadeOut {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }

        @keyframes fadeOut {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
        /*
       *  Owl Carousel - Auto Height Plugin
       */

        .owl-height {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }
        /*
       *  Core Owl Carousel CSS File
       */

        .owl-carousel {
            display: none;
            width: 100%;
            -webkit-tap-highlight-color: transparent;
            /* position relative and z-index fix webkit rendering fonts issue */
            position: relative;
            z-index: 1;
        }

        .owl-carousel .owl-stage {
            position: relative;
            -ms-touch-action: pan-Y;
        }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

        .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: hidden;
            /* fix for flashing background */
            -webkit-transform: translate3d(0px, 0px, 0px);
        }

        .owl-carousel .owl-controls .owl-nav .owl-prev,
        .owl-carousel .owl-controls .owl-nav .owl-next,
        .owl-carousel .owl-controls .owl-dot {
            cursor: pointer;
            cursor: hand;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .owl-carousel.owl-loaded {
            display: block;
        }

        .owl-carousel.owl-loading {
            opacity: 0;
            display: block;
        }

        .owl-carousel.owl-hidden {
            opacity: 0;
        }

        .owl-carousel .owl-refresh .owl-item {
            display: none;
        }

        .owl-carousel .owl-item {
            position: relative;
            min-height: 1px;
            float: left;
            -webkit-backface-visibility: hidden;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-font-smoothing: subpixel-antialiased;
            -webkit-transform: translate3d(0, 0, 0);
        }

        .owl-carousel .owl-item img {
            display: block;
            /*width: 100%;*/
            /*-webkit-transform-style: preserve-3d;*/
        }

        .owl-carousel.owl-text-select-on .owl-item {
            -webkit-user-select: auto;
            -moz-user-select: auto;
            -ms-user-select: auto;
            user-select: auto;
        }

        .owl-carousel .owl-grab {
            cursor: move;
            cursor: -webkit-grab;
            cursor: -o-grab;
            cursor: -ms-grab;
            cursor: grab;
        }

        .owl-carousel.owl-rtl {
            direction: rtl;
        }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }
        /* No Js */

        .no-js .owl-carousel {
            display: block;
        }
        /*
       *  Owl Carousel - Lazy Load Plugin
       */

        .owl-carousel .owl-item .owl-lazy {
            opacity: 0;
            -webkit-transition: opacity 400ms ease;
            -moz-transition: opacity 400ms ease;
            -ms-transition: opacity 400ms ease;
            -o-transition: opacity 400ms ease;
            transition: opacity 400ms ease;
        }

        .owl-carousel .owl-item img {
            transform-style: preserve-3d;
            object-fit: contain;
        }
        /*
       *  Owl Carousel - Video Plugin
       */

        .owl-carousel .owl-video-wrapper {
            position: relative;
            height: 100%;
            background: #000;
        }

        .owl-carousel .owl-video-play-icon {
            position: absolute;
            height: 80px;
            width: 80px;
            left: 50%;
            top: 50%;
            margin-left: -40px;
            margin-top: -40px;
            background: url("owl.video.play.png") no-repeat;
            cursor: pointer;
            z-index: 1;
            -webkit-backface-visibility: hidden;
            -webkit-transition: scale 100ms ease;
            -moz-transition: scale 100ms ease;
            -ms-transition: scale 100ms ease;
            -o-transition: scale 100ms ease;
            transition: scale 100ms ease;
        }

        .owl-carousel .owl-video-play-icon:hover {
            -webkit-transition: scale(1.3, 1.3);
            -moz-transition: scale(1.3, 1.3);
            -ms-transition: scale(1.3, 1.3);
            -o-transition: scale(1.3, 1.3);
            transition: scale(1.3, 1.3);
        }

        .owl-carousel .owl-video-playing .owl-video-tn,
        .owl-carousel .owl-video-playing .owl-video-play-icon {
            display: none;
        }

        .owl-carousel .owl-video-tn {
            opacity: 0;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
            -webkit-transition: opacity 400ms ease;
            -moz-transition: opacity 400ms ease;
            -ms-transition: opacity 400ms ease;
            -o-transition: opacity 400ms ease;
            transition: opacity 400ms ease;
        }

        .owl-carousel .owl-video-frame {
            position: relative;
            z-index: 1;
        }
        /*end OWL CAROUSEL*/

        .theText {
            padding: 50px 0;
            /* width: 300px; */
        }

        .theText span {
            font-size: 12px;
            font-family: 'Aleo Italic';
            margin-bottom: 40px;
            display: block;
        }

        .theText p {
            font-family: 'Aleo Regular';
            font-size: 18px;
            line-height: 31px;
        }

        .theText h4 {
            font-family: 'Aleo Bold';
            font-size: 24px;
            margin-bottom: 30px;
        }

        .bgCover {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: relative;
        }

        .theTitle {
            padding-top: 130px;
            color: #fff;
            text-align: center;
        }

        .theTitle h1 {
            font-size: 38px;
            font-family: 'Aleo Bold';
        }

        .iconDown {
            width: 58px;
            height: 58px;
            background-size: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(../img/arrow-down.png);
            transition: all .3s ease-in-out;
        }

        .iconDown:hover {
            transform: scale(1.1);
        }

        .iconDownPosition {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: 10%;
            cursor: pointer;
        }

        .borderTop {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 10px;
            overflow: hidden;
        }

        .borderTop img {
            width: 100%;
        }

        .bgMap {
            position: absolute;
            left: 0;
            right: 0;
            top: 25px;
            width: 100%;
            height: 100%;
            z-index: -1;
        }
        /* .sectionMap1 {
    position: relative;
    top: -10px;
} */

        .staticImage {
            position: absolute;
            z-index: -1;
            display: none;
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: top;
            left: 0;
            right: auto;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .notOverFlow .fp-scrollable {
            /* overflow: auto !important; */
        }

        .quote {
            width: 370px;
            height: 172px;
            position: absolute;
            right: -460px;
            background-image: url(../img/bg-quote.png);
            background-size: 370px;
            background-repeat: no-repeat;
            padding: 15px 40px;
            display: none;
        }

        .quote:before {
            content: '';
            display: block;
            width: 57px;
            height: 57px;
            background-image: url(../img/quote-start.png);
            background-repeat: no-repeat;
            position: absolute;
            top: -28px;
            left: -26px;
        }

        .quote:after {
            content: '';
            display: block;
            width: 57px;
            height: 57px;
            background-image: url(../img/quote-end.png);
            position: absolute;
            background-repeat: no-repeat;
            bottom: -28px;
            right: -25px;
        }

        .quote p {
            line-height: 25px;
        }

        .quote1 {
            margin-top: -150px;
        }

        .quote2 {
            margin-top: -200px;
        }

        .quote3 {
            margin-top: -60px;
        }

        .hehe {
            position: relative;
        }

        .staticImageMap {
            /* position: absolute; */
            position: fixed;
            z-index: 99;
            top: 0;
            left: 0;
            /* max-width: 1170px; */
            width: 100%;
            height: 100%;
            text-align: right;
            right: 0;
            margin: 0 auto;
            display: none;
            z-index: -1;
        }

        .headeR {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 500;
            transition: .4s ease-in-out;
        }

        .logosGr {
            position: absolute;
            top: 0;
            margin-left: 50px;
        }

        .logosGr img {
            width: 100px;
            transition: .4s ease-in-out;
        }

        .headeR.activeH {
            background-color: #fff;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        }

        #waypointHeader {
            position: absolute;
            left: 0;
            top: 20%;
        }

        .headeR.activeH .logosGr img {
            width: 70px;
        }

        .headeR.activeH .white-background-items-menu {
            top: 65px;
        }

        .staticImageMap img {
            object-fit: scale-down;
            max-width: 100%;
            width: 100%;
            height: 100%;
            object-position: 100% 50%;
        }

        .car1 {
            max-width: 800px;
            display: block;
            margin: 0 auto;
        }

        .car2 {
            max-width: 500px;
            display: block;
            margin: 0 auto;
        }

        .sync1-item {
            height: 480px;
            position: relative;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .fooPic {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            background-color: #ededed;
            padding: 5px 30px;
            border: 2px solid #9aa153;
            border-top: 0;
        }

        .sync2-item {
            cursor: pointer;
        }

        .sync2-item img {
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }

        .bgtext {
            background-color: #eef3f6;
            /* margin-top: 110px; */
            padding-top: 80px;
            padding-bottom: 60px;
        }

        .frame {
            margin-top: 40px;
        }

        .bgtext h3 {
            font-weight: bold;
            font-family: 'Aleo Bold';
            font-size: 30px;
            margin-bottom: 50px;
        }

        .bgtext p {
            font-size: 17px;
            line-height: 1.6;
            font-family: 'Aleo Regular'
        }

        .bigowlca .owl-prev {
            position: absolute;
            top: 50%;
            left: 50px;
            text-indent: 99999px;
            overflow: hidden;
            width: 34px;
            height: 49px;
            margin-top: -24.5px;
            background-image: url(../img/nav-left.png)
        }

        .bigowlca .owl-next {
            position: absolute;
            top: 50%;
            right: 50px;
            text-indent: 99999px;
            overflow: hidden;
            width: 34px;
            height: 49px;
            margin-top: -24.5px;
            background-image: url(../img/nav-right.png)
        }

        .smallCa {
            margin-top: 30px;
        }

        .sec4 {
            padding: 70px 0 40px;
            background-color: #fff;
        }

        .sec5 {
            background-color: #fff;
        }

        .lastsection {
            background-color: #fff;
            padding: 50px 0;
            background-size: cover;
            background-position: top;
            background-repeat: no-repeat;
        }

        .quote40 {
            padding: 10px 20px;
            border-left: 2px solid #b9b9b9;
        }

        .quote40 p {
            margin-bottom: 0;
            color: #fff;
            font-family: 'Aleo Italic';
        }

        .nottopfoter {
            margin-top: -25px;
        }

        .sec1 {
            height: 100vh;
        }

        .notCover {
            background-image: none !important;
        }

        .videoContainer {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            display: none;
        }

        .videoContainer iframe {
            width: 100%;
            height: 100%;
        }

        .button-play-single-header {
            position: absolute;
            right: 0;
            left: 0;
            text-align: center;
            top: 50%;
            margin-top: -25px;
            cursor: pointer;
            z-index: 20;
        }

        .themobileMenu {
            display: none;
        }

        .item-mobileSlider .wrapper-img-report {
            padding: 20px;
            width: 270px;
        }

        .item-mobileSlider .container-item-report h3 {
            font-size: 14px !important;
            margin: 0 20px 0 0;
            height: 100%;
            line-height: 1;
            display: block;
        }

        .item-mobileSlider .container-item-report {
            background-size: 44%;
            margin-bottom: 10px;
        }

        .bodyhide {
            overflow: hidden;
        }

        button.slick-prev.slick-arrow,
        button.slick-next.slick-arrow {
            display: block !important;
            font-size: 0;
            width: 49px;
            height: 43px;
            border: 0;
            background-position: center;
            background-repeat: no-repeat;
            margin: 0 auto;
            background-color: transparent;
            outline: transparent;
        }

        button.slick-prev.slick-arrow {
            background-image: url(../img/arrow-up-carousel-menu.png);
        }

        button.slick-next.slick-arrow {
            background-image: url(../img/arrow-down-carousel-menu.png);
        }

        .theframe {
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
            height: 100vh;
            top: 0;
            z-index: 10;
            overflow: hidden;
        }

        .theframe iframe {
            width: 100%;
            height: 100%;
        }
        /* <a href="https://www.jqueryscript.net/animation/">Animation</a> */

        @-webkit-keyframes pulsate {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0.8;
            }
            45% {
                -webkit-transform: scale(1.75);
                transform: scale(1.75);
                opacity: 0;
            }
        }

        @keyframes pulsate {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0.8;
            }
            45% {
                -webkit-transform: scale(1.75);
                transform: scale(1.75);
                opacity: 0;
            }
        }
        /* Hotspot */

        #hotspotImg {
            background-color: #ededed;
            background-size: cover;
            background-position: center center;
            position: relative;
        }

        #hotspotImg .img-responsive {
            max-width: 100%;
        }

        #hotspotImg .hot-spot {
            position: absolute;
            width: 25px;
            height: 25px;
            /* width: 2%;
  height: 4%; */
            top: 5px;
            left: 5px;
            text-align: center;
            background-color: transparent;
            color: #fff;
            border-radius: 100%;
            cursor: pointer;
            transition: all .3s ease;
            /* border: 1px solid black; */
        }

        #hotspotImg .hot-spot .circle {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            border-radius: 50%;
            border: 1px solid #cd5c02;
            opacity: 0;
            /* -webkit-animation: pulsate 3s ease-out infinite;
  animation: pulsate 3s ease-out infinite; */
        }

        #hotspotImg .hot-spot .tooltip {
            display: none;
            opacity: 1.0;
            left: 50%;
            margin-left: 80px;
            position: absolute;
            bottom: 21px;
            width: 160px;
            z-index: 999;
        }

        #hotspotImg .hot-spot .tooltip .img-row {
            padding: 0;
            text-align: center;
        }

        #hotspotImg .hot-spot .tooltip .img-row img {
            width: 100%;
        }

        #hotspotImg .hot-spot .tooltip .text-row {
            padding: 15px;
        }

        #hotspotImg .hot-spot .tooltip h4 {
            margin-bottom: 10px;
            border-bottom: 1px solid #ffffff;
        }

        #hotspotImg .hot-spot .tooltip p {
            font-size: 14px;
            line-height: 1.4em;
            margin-bottom: 10px;
        }

        #hotspotImg .hot-spot .tooltip p:last-child {
            margin-bottom: 0;
        }

        .container-home-main-banner>img {
            object-fit: cover;
            max-width: 100%;
            width: 100%;
            height: 100%;
            object-position: 50% 50%;
        }

        .fake {
            opacity: 0;
            z-index: -1;
            position: absolute;
            top: 0;
        }

        .quote-h-30 p {
            font-size: 14.8px;
            line-height: 22px;
        }

        .backm1 {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
            top: 0;
        }

        .mapImage {
            position: relative;
            background-color: #fff;
            padding: 90px 0;
        }

        .mapImage img {
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }

        .quote-h-50 {
            width: 410px;
            height: 250px;
            right: -490px;
            background-size: 410px 250px;
        }

        .quote-h-50 p {
            font-size: 16px;
        }

        .quote-h-50:after {
            bottom: -15px;
        }

        .quote-h-60 {
            width: 450px;
            height: 300px;
            right: -490px;
            background-size: 450px 300px;
        }

        .quote-h-60 p {
            font-size: 16px;
        }

        .quote-h-60:after {
            bottom: -15px;
        }

        .quote-h-50-2 {
            width: 410px;
            height: 190px;
            right: -490px;
            background-size: 410px 180px;
        }

        .quote-h-50-3 {
            width: 410px;
            height: 200px;
            right: -490px;
            background-size: 410px 200px;
        }

        .quote-h-50-4 {
            width: 410px;
            height: 230px;
            right: -490px;
            background-size: 410px 230px;
        }

        .quote-h-50-5 {
            width: 410px;
            height: 160px;
            right: -490px;
            background-size: 410px 160px;
        }

        .authorquote {
            background-color: #fff;
            position: relative;
            margin: -6px -40px 0;
            z-index: -1;
            height: 80px;
            padding: 15px 35px 15px 15px;
            font-size: 20px;
            line-height: 1.1;
            font-style: italic;
            font-weight: 500;
        }

        .authorquote.single-line-quote {
            height: auto;
            padding-top: 27px;
        }

        .last-item-quote-ref {
            margin: 35px -40px 0 !important;
        }

        .authorquote-1 {
            height: 100px;
            padding: 55px 35px 15px 15px;
        }

        .authorquote-2 {
            margin: -35px -40px 0;
        }

        .isPhoto img {
            object-fit: cover;
            max-width: 100%;
            width: 100%;
            height: 100%;
            object-position: 50% 50%;
        }

        .showmap4-lider img {
            object-position: 50% 30%;
        }

        .theText-bg-white {
            background-color: rgba(255, 255, 255, 0.7);
            padding: 20px;
            margin: 25px 0;
            opacity: 0;
            -webkit-transition: opacity .3s ease-in-out;
            -moz-transition: opacity .3s ease-in-out;
            -ms-transition: opacity .3s ease-in-out;
            -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
        }

        .theText-bg-white.activeT {
            opacity: 1;
        }

        .smallcontframe {
            max-width: 800px;
            width: 100%;
            position: relative;
            margin: 0 auto;
        }

        .smallText {
            font-size: 24px !important;
        }

        .simplep {
            color: #3d3c3c;
            font-size: 18px;
        }

        .smallinsidetextp {
            width: 80%;
            position: relative;
            margin: 0 auto;
        }

        .forsmallcontframe iframe {
            width: 100%;
        }

        .captionphoto {
            color: #555555;
            font-style: italic;
        }

        .quote-photo {
            height: auto;
            width: 300px;
            background-image: none;
            padding: 0;
        }

        .quote-photo p {
            font-size: 15px;
        }

        .quote-photo img {
            width: 220px;
        }

        .quote-photo:before,
        .quote-photo:after {
            display: none;
        }

        .qp-1 {
            top: 60px;
        }

        .qp-2 {
            margin-top: -170px;
        }

        .qp-3 {
            margin-top: 30px;
        }

        .quotephotobgwhite {
            background-color: #fff;
            padding: 20px 10px;
            text-align: center;
        }

        .ifram100 iframe {
            width: 100%;
        }

        .thisisayoutubevideo {
            position: relative;
            padding-bottom: 35%;
            height: 0;
            overflow: hidden;
            width: 800px;
            margin: 30px auto 10px;
        }

        .thisisayoutubevideo iframe,
        .thisisayoutubevideo object,
        .thisisayoutubevideo embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .sliderHeight .sync2-item {
            height: 70px;
            overflow: hidden;
        }

        .titleVideo {
            text-align: center;
            font-size: 17px;
            margin: 25px 0 20px;
            font-weight: 700;
        }

        .section.plainSection {
            padding: 60px 0;
            background-color: #fff;
        }

        .plainSection p {
            font-family: 'Aleo Regular';
            font-size: 18px;
        }

        .plainSection h3 {
            font-family: 'Aleo Bold';
        }

        .theimagefull {
            height: 600px;
        }

        .theimagefull img {
            object-fit: cover;
            max-width: 100%;
            width: 100%;
            height: 100%;
            object-position: 100% 80%;
        }

        .theimagefullSticky img {
            object-fit: cover;
            max-width: 100%;
            width: 100%;
        }

        .captionImagefull {
            margin: 10px 0;
            font-size: 14px;
            color: #555555;
        }

        .lineline h3 {
            color: #193e2e;
            text-align: center;
            padding-top: 2%;
            font-size: 1.2rem;
        }

        .lineline p {
            text-align: center;
        }

        .lineline .datos {
            width: 89%;
            margin: 0 auto;
        }

        .lineatiempo-numero2 {
            /* Cambia el color del año  */
            display: block;
            width: 100%;
            height: 15rem;
            position: relative;
            color: green;
            text-align: center;
            margin: 0 auto;
            font-weight: bold
        }

        .lineatiempo-numero2 .lineatiempo-linea2 {
            /*  Cambia los atributos de la linea */
            display: block;
            width: 90%;
            height: 4px;
            border-radius: 25px;
            background: #193e2e;
            position: absolute;
            top: 50%;
            left: 5%;
            margin-left: 2.5px;
        }

        .lineatiempo-numero2 .lineatiempo-contenido2 {
            /* Posicion respecto a la linea  */
            height: 100%;
        }

        .lineatiempo-numero2 .timeline-content-item2 {
            /* Espaciado de los puntos  */
            width: 9%;
            display: inline-block;
            position: relative;
            height: 100%;
            margin-right: -5px;
            -webkit-transition: width 0.5s;
            -moz-transition: width 0.5s;
            -o-transition: width 0.5s;
            transition: width 0.5s;
            z-index: 1;
        }

        .lineatiempo-numero2 .timeline-content-item2>span {
            /* Tamaño de fuente para los años  */
            height: 6rem;
            display: block;
            font-size: .9em;
            font-weight: lighter;
            position: absolute;
            top: 50%;
            margin-top: -0.25em;
            width: 100%;
            cursor: pointer;
        }

        .lineatiempo-numero2 .timeline-content-item2>span:before {
            /* Cambia los atributos de los puntos  */
            content: " ";
            display: block;
            width: 0.8em;
            height: 0.8em;
            background: orange;
            margin: 0 auto 0.5em auto;
            -moz-border-radius: 50%;
            -webkit-border-radius: 20%;
            border-radius: 50%;
        }

        .lineatiempo-numero2 .timeline-content-item2 .timeline-content-item-reveal2 {
            /* Posicion circulo grande */
            display: none;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -35%;
            width: 100%;
        }

        .lineatiempo-numero2 .timeline-content-item2 .timeline-content-item-reveal2 a {
            /* Tamaño circulo grande */
            display: block;
            width: 100%;
            height: 100%;
        }

        .lineatiempo-numero2 .timeline-content-item2 .timeline-content-item-reveal2 a img {
            /* Propeidades de la imagen dentro del circulo */
            -moz-border-radius: 50%;
            -webkit-border-radius: 70%;
            border-radius: 70%;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            max-height: 50%;
            max-width: 50%;
            border: 5px solid green;
        }

        .lineatiempo-numero2 .timeline-content-item2 .timeline-content-item-reveal2 a span {
            /* Propeidades del dato */
            position: absolute;
            width: 250%;
            margin-left: -78%;
            bottom: -2rem;
            left: 0;
            font-size: 1em;
            font-weight: normal;
            text-decoration: none;
            white-space: nowrap;
            color: #193e2e;
        }

        .lineatiempo-numero2 .timeline-content-item2.active {
            width: 20%;
        }

        .lineatiempo-numero2 .timeline-content-item2.active .timeline-content-item-reveal2 {
            display: block;
        }
        /* ESTILOS PARA LA PRIMERA GRAFICA */

        .lineatiempo-numero {
            /* Cambia el color del año  */
            display: block;
            width: 100%;
            height: 15rem;
            position: relative;
            color: green;
            text-align: center;
            margin: 0 auto;
            font-weight: bold;
        }

        .lineatiempo-numero .lineatiempo-linea {
            /*  Cambia los atributos de la linea */
            display: block;
            width: 90%;
            height: 4px;
            border-radius: 25px;
            background: #193e2e;
            position: absolute;
            top: 50%;
            left: 5%;
            margin-left: 2.5px;
        }

        .lineatiempo-numero .lineatiempo-contenido {
            /* Posicion respecto a la linea  */
            height: 100%;
        }

        .lineatiempo-numero .timeline-content-item {
            /* Espaciado de los puntos  */
            width: 9%;
            display: inline-block;
            position: relative;
            height: 100%;
            margin-right: -5px;
            -webkit-transition: width 0.5s;
            -moz-transition: width 0.5s;
            -o-transition: width 0.5s;
            transition: width 0.5s;
            z-index: 1;
        }

        .lineatiempo-numero .timeline-content-item>span {
            /* Tamaño de fuente para los años  */
            height: 6rem;
            display: block;
            font-size: .9em;
            font-weight: lighter;
            position: absolute;
            top: 50%;
            margin-top: -0.25em;
            width: 100%;
            cursor: pointer;
        }

        .lineatiempo-numero .timeline-content-item>span:before {
            /* Cambia los atributos de los puntos  */
            content: " ";
            display: block;
            width: 0.8em;
            height: 0.8em;
            background: orange;
            margin: 0 auto 0.5em auto;
            -moz-border-radius: 50%;
            -webkit-border-radius: 20%;
            border-radius: 50%;
        }

        .lineatiempo-numero .timeline-content-item .timeline-content-item-reveal {
            /* Posicion circulo grande */
            display: none;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -35%;
            width: 100%;
        }

        .lineatiempo-numero .timeline-content-item .timeline-content-item-reveal a {
            /* Tamaño circulo grande */
            display: block;
            width: 100%;
            height: 100%;
        }

        .lineatiempo-numero .timeline-content-item .timeline-content-item-reveal a img {
            /* Propeidades de la imagen dentro del circulo */
            -moz-border-radius: 50%;
            -webkit-border-radius: 70%;
            border-radius: 70%;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            max-height: 50%;
            max-width: 50%;
            border: 5px solid green;
        }

        .lineatiempo-numero .timeline-content-item .timeline-content-item-reveal a span {
            /* Propeidades del dato */
            position: absolute;
            width: 250%;
            margin-left: -78%;
            bottom: -2rem;
            left: 0;
            font-size: 1em;
            font-weight: normal;
            text-decoration: none;
            white-space: nowrap;
            color: #193e2e;
        }

        .lineatiempo-numero .timeline-content-item.active {
            width: 20%;
        }

        .lineatiempo-numero .timeline-content-item.active .timeline-content-item-reveal {
            display: block;
        }

        .frameMapgraphic iframe {
            width: 100%;
            height: 540px;
        }

        .thecoverimagegallery {
            height: 400px;
        }

        .thecoverimagegallery img {
            object-fit: cover;
            max-width: 100%;
            width: 100%;
            height: 100%;
            object-position: 50% 50%;
        }

        .owl-carousel-foot-relative .fooPic {
            position: relative;
        }

        @media (max-width:1024px) {
            footer {
                text-align: center;
            }
        }

        @media (max-width: 991px) {
            .quote {
                display: block;
                margin-top: 0;
                left: 0;
                position: relative;
                margin: 40px auto;
            }
            .sync1-item {
                height: 400px;
            }
            .quote.quote-h-30 {
                width: 380px;
                height: 150px;
                background-size: 380px 150px;
            }
            .thisisayoutubevideo {
                position: relative;
                padding-bottom: 35%;
                height: 0;
                overflow: hidden;
                width: 800px;
                margin: 30px auto 10px;
            }
            .thisisayoutubevideo {
                padding-bottom: 60%;
                width: 100%;
            }
        }

        .spotmobile {
            display: none !important;
        }

        .maphe {
            height: 909px;
            padding: 50px 0 0;
        }

        .maphe2 {
            height: 749px;
        }

        .coverlanding .wrapper-landing {
            padding: 70px 0 150px;
            margin-top: 0;
        }

        .coverlanding .wrapper-top-landing p {
            font-size: 40px;
            font-weight: bold;
            margin-bottom: 30px;
        }

        .coverlanding .wrapper-top-landing {
            padding-top: 0;
        }

        .blockQuotes {
            height: auto;
            background-color: #fff;
            border: 6px solid black;
            background-image: none;
        }

        .blockQuotes:before {
            display: none;
        }

        .blockQuotes:after {
            display: none;
        }

        @media (max-width: 767px) {
            .theTitle {
                padding-top: 70px;
                width: 80%;
                margin: 0 auto;
            }
            .theTitle h1 {
                font-size: 25px;
                text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.9);
            }
            .section.plainSection {
                padding: 30px 0;
            }
            .bigowlca .owl-prev,
            .bigowlca .owl-next {
                /* top: 15%; */
                /* top: 160px; */
                top: 30%;
            }
            .headeR.activeH .white-background-items-menu {
                top: 60px;
            }
            .quote {
                width: 260px;
                height: 100%;
                background-size: 100% 100%;
                padding: 21px 20px;
            }
            .quote p {
                line-height: 15px;
                font-size: 12px;
            }
            .quote-h-50 {
                width: 260px !important;
                height: 230px;
                background-size: 260px 210px;
            }
            .sync1-item {
                height: 100%;
                background-image: none !important;
            }
            .mobileImage {
                display: block;
            }
            .fooPic {
                position: relative;
            }
            .quote:before {
                width: 47px;
                height: 47px;
                top: -8px;
                left: -6px;
                background-size: 30px;
            }
            .quote:after {
                width: 47px;
                height: 47px;
                background-size: 30px;
                bottom: -22px;
                right: -25px;
            }
            .themobileMenu {
                display: block;
            }
            .quote.quote-h-30 {
                width: 270px;
                height: 160px;
                background-size: 270px 130px;
            }
            .wrapper-video-embebed iframe {
                margin-top: 55px;
            }
            .staticImageMap {
                opacity: 0.3;
            }
            .isPhoto {
                opacity: 1 !important;
            }
            .hot-spot-1,
            .hot-spot-2 {
                /* display: none !important; */
            }
            .spotmobile {
                /* display: block !important; */
            }
            #hotspotImg .hot-spot {
                width: 20px;
                height: 20px;
            }
            .theText-bg-white {
                background-color: rgba(255, 255, 255, 0.8);
            }
            .maphe {
                height: 100vh;
                padding: 90px 0 50px;
            }
            .maphe2 {
                height: 100%;
            }
            .quote-photo {
                top: 0;
                height: 100% !important;
            }
            .authorquote-2 {
                background-color: transparent;
                z-index: 20;
                position: relative;
                margin: 0 auto auto;
                padding: 0 0;
                height: 100%;
            }
            .authorquote {
                background-color: #fff;
                position: relative;
                margin: 0 auto;
                z-index: 1;
                height: auto;
                padding: 0;
                font-size: 15px;
                line-height: 1.1;
                font-style: italic;
                font-weight: 500;
                width: 100%;
            }
            .last-item-quote-ref {
                margin: 35px 0px 0 !important;
            }
            .authorquote.single-line-quote {
                height: auto;
                padding-top: 0px;
            }
            .coverlanding .wrapper-landing {
                padding: 50px 0;
            }
            .theimagefull img {
                object-position: center;
            }
            .thecoverimagegallery {
                height: 200px;
            }
            .owl-carousel-foot-relative .owl-prev,
            .owl-carousel-foot-relative .owl-next {
                top: 15%;
            }
        }

        @media (max-width: 580px) {
            .headeR.activeH .white-background-items-menu {
                top: 40px;
            }
            .lineatiempo-numero2 .timeline-content-item2 .timeline-content-item-reveal2 a img,
            .lineatiempo-numero .timeline-content-item .timeline-content-item-reveal a img {
                max-width: 100%;
            }
            .frameMapgraphic iframe {
                height: 380px;
            }
            #idmap2 {
                /* background-color: red; */
            }
            .container-credits-photography {
                background-color: white;
                padding: 40px 0;
            }
            .container-credits-photography p {
                font-family: Aleo Light;
                font-style: italic;
            }
            .container-credits-photography strong {
                font-family: Aleo Bold;
                font-style: italic;
            }
            .sec1 {
                background-position: center;
            }
            .sec1.narino {
                height: 90vh;
            }
        }

        .footersticky {
            /* position: fixed; */
            bottom: 0;
            width: 100%;
            left: 0;
            /* height: 300px; */
            opacity: 0;
            transition: all 0.5s ease-in-out;
        }

        .footersticky img {
            object-fit: cover;
            /* object-position: 50% 50%; */
            max-width: 100%;
            max-height: 100%;
            width: 100%;
            height: 100%;
        }

        .showfooter {
            opacity: 1;
        }

        .graphic {
            max-width: 100%;
        }

        .img-hide-desktop {
            display:none;
            width: 100%;
        }

        .container-compact {
            padding: 0 15%;
        }

        @media (max-width: 1024px) {
            .img-hide-desktop { display: block; width: 100%; }
            .container-compact {
                padding: 0 10px;
            }
            .footersticky{
                display: none;
            }
            .historieta p {
                font-style: italic;
                color: #000;
                font-size: 1rem;
                margin: 1rem;
            }
            .historieta{
                display: inline-block;
                vertical-align: middle;
                width: 100% !important;
            }
        }

        .up-space{
            margin-top: 60px;
        }

        .down-space{
            margin-bottom: 60px;
        }

        .container-historietas{
            max-width: 100%;
            text-align: center;
            font-size: 0;
        }

        .historieta{
            display: inline-block;
            vertical-align: middle;
            width: 49%;
        }

        .historieta img {
            max-width: 100%;
            display: inline-block;
            margin: 0 auto;
        }

        .historieta p {
            font-style: italic;
            color: #000;
            font-size: 1rem;
            margin: 1rem;
        }