/*	Typography
	---------- */

@font-face {
  font-family: 'ASMRegular';
  src: url('fonts/ASM-Regular.eot');
  src: url('fonts/ASM-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ASM-Regular.woff') format('woff'), url('fonts/ASM-Regular.ttf') format('truetype'), url('fonts/ASM-Regular.svg#ASM-Regular') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'ChronicleDisplay';
  src: url('fonts/ChronicleDisplay-Roman.eot');
  src: url('fonts/ChronicleDisplay-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/ChronicleDisplay-Roman.woff') format('woff'), url('fonts/ChronicleDisplay-Roman.ttf') format('truetype'), url('fonts/ChronicleDisplay-Roman.svg#ChronicleDisplay-Roman') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'ChronicleDisplayLight';
  src: url('fonts/ChronicleDisplay-Light.eot');
  src: url('fonts/ChronicleDisplay-Light.eot?#iefix') format('embedded-opentype'), url('fonts/ChronicleDisplay-Light.woff') format('woff'), url('fonts/ChronicleDisplay-Light.ttf') format('truetype'), url('fonts/ChronicleDisplay-Light.svg#ChronicleDisplay-Light') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'ChronicleDisplayLight';
  src: url('fonts/ChronicleDisplay-LightItalic.eot');
  src: url('fonts/ChronicleDisplay-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/ChronicleDisplay-LightItalic.woff') format('woff'), url('fonts/ChronicleDisplay-LightItalic.ttf') format('truetype'), url('fonts/ChronicleDisplay-LightItalic.svg#ChronicleDisplay-LightItalic') format('svg');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'ChronicleDisplayBlack';
  src: url('fonts/ChronicleDisplay-Black.eot');
  src: url('fonts/ChronicleDisplay-Black.eot?#iefix') format('embedded-opentype'), url('fonts/ChronicleDisplay-Black.woff') format('woff'), url('fonts/ChronicleDisplay-Black.ttf') format('truetype'), url('fonts/ChronicleDisplay-Black.svg#ChronicleDisplay-Black') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'FoundersGrotesk';
  src: url('fonts/FoundersGroteskTextLight.eot');
  src: url('fonts/FoundersGroteskTextLight.eot?#iefix') format('embedded-opentype'), url('fonts/FoundersGroteskTextLight.woff') format('woff'), url('fonts/FoundersGroteskTextLight.ttf') format('truetype'), url('fonts/FoundersGroteskTextLight.svg#FoundersGroteskTextLight') format('svg');
  font-style: normal;
  font-weight: lighter;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'FoundersGrotesk';
  src: url('fonts/FoundersGroteskTextLight-Italic.eot');
  src: url('fonts/FoundersGroteskTextLight-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/FoundersGroteskTextLight-Italic.woff') format('woff'), url('fonts/FoundersGroteskTextLight-Italic.ttf') format('truetype'), url('fonts/FoundersGroteskTextLight-Italic.svg#FoundersGroteskTextLight-Italic') format('svg');
  font-style: italic;
  font-weight: lighter;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'FoundersGrotesk';
  src: url('fonts/FoundersGroteskTextMedium-Itali.eot');
  src: url('fonts/FoundersGroteskTextMedium-Itali.eot?#iefix') format('embedded-opentype'), url('fonts/FoundersGroteskTextMedium-Itali.woff') format('woff'), url('fonts/FoundersGroteskTextMedium-Itali.ttf') format('truetype'), url('fonts/FoundersGroteskTextMedium-Itali.svg#FoundersGroteskTextMedium-Itali') format('svg');
  font-style: italic;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'FoundersGrotesk';
  src: url('fonts/FoundersGroteskTextMedium.eot');
  src: url('fonts/FoundersGroteskTextMedium.eot?#iefix') format('embedded-opentype'), url('fonts/FoundersGroteskTextMedium.woff') format('woff'), url('fonts/FoundersGroteskTextMedium.ttf') format('truetype'), url('fonts/FoundersGroteskTextMedium.svg#FoundersGroteskTextMedium') format('svg');
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?xe4uei');
  src: url('fonts/icomoon.eot?xe4uei#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?xe4uei') format('truetype'), url('fonts/icomoon.woff?xe4uei') format('woff'), url('fonts/icomoon.svg?xe4uei#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FoundersGrotesk';
  src: url('fonts/FoundersGroteskTextLight.eot');
  src: url('fonts/FoundersGroteskTextLight.eot?#iefix') format('embedded-opentype'), url('fonts/FoundersGroteskTextLight.woff') format('woff'), url('fonts/FoundersGroteskTextLight.ttf') format('truetype'), url('fonts/FoundersGroteskTextLight.svg#FoundersGroteskTextLight') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'FoundersGrotesk';
  src: url('fonts/FoundersGroteskTextLight-Italic.eot');
  src: url('fonts/FoundersGroteskTextLight-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/FoundersGroteskTextLight-Italic.woff') format('woff'), url('fonts/FoundersGroteskTextLight-Italic.ttf') format('truetype'), url('fonts/FoundersGroteskTextLight-Italic.svg#FoundersGroteskTextLight-Italic') format('svg');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'FoundersGrotesk';
  src: url('fonts/FoundersGroteskTextMedium.eot');
  src: url('fonts/FoundersGroteskTextMedium.eot?#iefix') format('embedded-opentype'), url('fonts/FoundersGroteskTextMedium.woff') format('woff'), url('fonts/FoundersGroteskTextMedium.ttf') format('truetype'), url('fonts/FoundersGroteskTextMedium.svg#FoundersGroteskTextMedium') format('svg');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'FoundersGrotesk';
  src: url('fonts/FoundersGroteskTextMedium-Itali.eot');
  src: url('fonts/FoundersGroteskTextMedium-Itali.eot?#iefix') format('embedded-opentype'), url('fonts/FoundersGroteskTextMedium-Itali.woff') format('woff'), url('fonts/FoundersGroteskTextMedium-Itali.ttf') format('truetype'), url('fonts/FoundersGroteskTextMedium-Itali.svg#FoundersGroteskTextMedium-Itali') format('svg');
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'FoundersGrotesk';
  src: url('fonts/founders-grotesk-text-web-bold.eot');
  src: url('fonts/founders-grotesk-text-web-bold.eot?#iefix') format('embedded-opentype'), url('fonts/founders-grotesk-text-web-bold.woff') format('woff'), url('fonts/founders-grotesk-text-web-bold.ttf') format('truetype'), url('fonts/founders-grotesk-text-web-bold.svg#founders-grotesk-text-web-bold') format('svg');
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'FoundersGrotesk';
  src: url('fonts/founders-grotesk-text-web-bold-italic.eot');
  src: url('fonts/founders-grotesk-text-web-bold-italic.eot?#iefix') format('embedded-opentype'), url('fonts/founders-grotesk-text-web-bold-italic.woff') format('woff'), url('fonts/founders-grotesk-text-web-bold-italic.ttf') format('truetype'), url('fonts/founders-grotesk-text-web-bold-italic.svg#founders-grotesk-text-web-bold-italic') format('svg');
  font-style: italic;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_down:before {
  content: "\e900";
}

.icon-arrow_left:before {
  content: "\e901";
}

.icon-arrow_right:before {
  content: "\e902";
}

.icon-arrow_up:before {
  content: "\e903";
}

/* .icon-burguer:before {		content: "\e904";} */

.icon-cross:before {
  content: "\e905";
}

.icon-logo:before {
  content: "\e906";
}

.icon-share:before {
  content: "\e907";
}

.icon-zoom:before {
  content: "\e908";
}

.icon-google-plus:before {
  content: "\e909";
}

.icon-facebook:before {
  content: "\e90a";
}

.icon-instagram:before {
  content: "\e90b";
}

.icon-twitter:before {
  content: "\e90c";
}

.icon-youtube:before {
  content: "\e90d";
}

.icon-vimeo:before {
  content: "\e90e";
}

.icon-linkedin:before {
  content: "\e90f";
}

.icon-pinterest:before {
  content: "\e910";
}

/*	Misc
	---- */

/* 	body{ margin: 0; padding: 40px; width: 100%; height: 100%; font-family: 'Akzidenz-GroteskProLight'; background: #EDEDED; color: #878787; font-size: 19px; line-height: 30px; overflow-x: hidden; -webkit-font-smoothing: antialiased;} */

body {
  margin: 0;
  padding: 40px 40px 0 40px;
  width: 100%;
  height: 100%;
  font-family: 'FoundersGrotesk';
  background: #ededed;
  color: #878787;
  font-size: 20px;
  line-height: 30px;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

body.disable.touch {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: fixed;
}

body.page-template-history,
body.page-template-quality,
body.page-template-legal {
  background: #fff;
}

a {
  color: #1a1a1a;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}

a:hover,
a:focus {
  color: #1a1a1a;
  text-decoration: none;
  outline: none;
}

input[type="text"],
input[type="email"],
input[type="number"],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

input,
textarea {
  -webkit-font-smoothing: antialiased;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}

input:focus {
  outline: none;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

::-webkit-input-placeholder {
  color: #909;
}

:-moz-placeholder {
  color: #909;
  opacity: 1;
}

::-moz-placeholder {
  color: #909;
   opacity: 1;
}

:-ms-input-placeholder {
  color: #909;
}

::-moz-selection {
  color: black;
  background: #9cf;
}

::selection {
  color: black;
  background: #9cf;
}

:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

p {
  margin-bottom: 20px;
  margin-top: 0;
}

.container-fluid {
  max-width: 1280px;
  margin: 0 auto;
}

.img-responsive {
  width: 100%;
}

.fullscreen {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}

.cover {
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
}

.cover.active {
  opacity: 1;
}

.fluid-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  z-index: 2;
}

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

.transition {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}

.v-middle {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

nav.v-middle {
  top: 47%;
}

.v-middle-lang {
  position: absolute;
  top: 57%;
}

.v-middle-social {
  top: 46%;
}

.bg-fixed {
  background-attachment: fixed;
  -webkit-backface-visibility: inherit !important;
  -moz-backface-visibility: inherit !important;
  backface-visibility: inherit !important;
}

.bg-parallaxed {
  background-position: 50% 0;
}

figure img {
  cursor: url('../img/cross-white.svg'), pointer !important;
  border: 40px solid #ededed;
}

/*	Header
	------ */

.main_navigation {
  color: #666;
  background: #fff;
  font-family: 'ASMRegular';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px;
  opacity: 0;
  z-index: -1;
  font-size: 12px;
}

.main_navigation.active {
  opacity: 1;
  z-index: 99999;
  padding: 0;
}

.main_navigation .page_header {
  position: relative;
  background: #0a0a0a;
}

.main_navigation.active .page_header {
  height: 100vh !important;
}

.main_navigation .page_header .icon-cross {
  color: #fff;
  position: absolute;
  z-index: 50;
  right: 30px;
  top: 33px;
  font-size: 26px;
  cursor: pointer;
}

.main_navigation .page_header .title_page {
  font-family: 'ASMRegular';
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 40px;
  text-align: center;
  margin: auto;
  text-transform: uppercase;
  color: #666;
}

.page-template-history .page_header .title_page,
.page-template-quality .page_header .title_page,
.page-template-legal .page_header .title_page {
  color: #666;
}

.page-template-history .page_header .title_page .start,
.page-template-quality .page_header .title_page .start,
.page-template-legal .page_header .title_page .start {
  display: block;
}

.page-template-history .page_header .title_page .show_history,
.page-template-quality .page_header .title_page .show_history,
.page-template-legal .page_header .title_page .show_history {
  display: none;
}

.main_navigation a {
  color: #666;
}

.main_navigation a:hover {
  color: #fff;
}

.main_navigation .contact .mail {
  display: inline-block;
  margin-right: 15px;
}

.main_navigation .contact .mail::after {
  content: '|';
  padding-left: 15px;
}

.main_navigation .lang-container {
  position: absolute;
  bottom: 40px;
  left: 40px;
}

.main_navigation .lang,
.main_navigation .social {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: block;
}

.main_navigation .lang > li:after {
  content: '/';
  color: #666;
}

.main_navigation .lang > li:last-child:after {
  content: '';
  padding: 0;
}

.main_navigation .lang li {
  display: inline-block;
}

.main_navigation .lang {
  text-transform: uppercase;
  z-index: 20;
}

.main_navigation .lang .display-flex,
.main_navigation .social .display-flex {
  display: block;
  padding: 0;
}

.main_navigation .social {
  z-index: 20;
  margin-top: -20px;
  margin-bottom: 30px;
}

.main_navigation .social a {
  color: #fff;
}

.main_navigation .social .list-none {
  list-style: none;
}

.main_navigation .social .list-none li {
  display: inline-block;
}

.main_navigation .social li:after {
  color: #fff;
  content: '|';
  padding: 0 10px 0 18px;
}

.main_navigation .lang > li:last-child:after,
.main_navigation .social li:last-child:after {
  content: '';
  padding: 0;
}

.main_navigation .lang .active a {
  color: #fff;
}

.main_navigation .policies {
  position: absolute;
  bottom: 43px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-transform: uppercase;
  right: 40px;
  z-index: 20;
  align-items: baseline;
  gap: 5px;
}

.main_navigation .policies span{
  color: #666;
}

.main_navigation .policies .quality-link {
  text-align: right;
  line-height: 19px;
}

.main_navigation .policies .quality-link.legal,
.main_navigation .policies .quality-link.privacy {
  line-height: 23px;
}

.main_navigation .contact {
  color: #666;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  line-height: 22px;
  bottom: 0;
  width: auto;
  text-align: center;
}

.main_navigation .menu {
  font-family: 'ChronicleDisplay';
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: table;
  width: auto;
  font-size: 42px;
  line-height: 63px;
  display: none;
}

.home .main_navigation .menu a {
  color: #fff;
}

.main_navigation .menu:hover a,
.main_navigation .menu a {
  color: #fff;
}

.main_navigation .menu a:hover {
  color: #fff;
}

.main_navigation .menu li a {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
}

.main_navigation .menu li a:before {
  content: "";
  position: absolute;
  left: 51%;
  right: 50%;
  bottom: 0;
  background: #fff;
  height: 1px;
  -webkit-transition-property: left, right;
  -o-transition-property: left, right;
  -moz-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.main_navigation .menu li a:hover:before,
.main_navigation .menu li a:focus:before {
  left: 0;
  right: 0;
}

/*	Page header
	----------- */

.page_header {
  position: relative;
  background-color: #20201f;
  text-align: center;
  color: #fff;
  overflow: hidden;
  margin-bottom: 40px;
  z-index: 9;
}

.page_header .video-js {
  position: relative;
}

.page_header .icon-logo {
  color: #fff;
  position: absolute;
  z-index: 200;
  left: 30px;
  top: 13px;
  font-size: 65px;
}

.page_header .icon-burguer {
  color: #fff;
  position: absolute;
  z-index: 200;
  right: 30px;
  top: 33px;
  font-size: 26px;
  cursor: pointer;
}

.page_header .title_page {
  font-family: 'ASMRegular';
  position: absolute;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  top: 30px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.page_header .vidalarmadans {
  width: 60%;
  max-width: 100%;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
}

/* 	.page_header .scrolldown{ animation: blinker 1s linear infinite; font-family: 'Akzidenz-GroteskProMed'; font-size: 12px; width: 300px; position: absolute; display: block; bottom: 30px; left: 0; right: 0; margin: auto; cursor: pointer; text-transform: uppercase; } */

.page_header .scrolldown {
  -webkit-animation: blinker 2s linear infinite;
  -moz-animation: blinker 2s linear infinite;
  -o-animation: blinker 2s linear infinite;
  animation: blinker 2s linear infinite;
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  font-size: 12px;
  width: 300px;
  position: absolute;
  display: block;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  text-transform: uppercase;
}

.page_header .scrolldown:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
  bottom: 20px;
}

.page_header .scrolldown .icon-arrow_down {
  font-size: 24px;
}

.page_header.black .icon-logo,
.page_header.black .icon-burguer,
.page_header.black .scrolldown {
  color: #282727;
}

.page_header .icon-logo.disable,
.page_header .icon-burguer.disable {
  opacity: 0;
}

.page_header .icon-logo.disable:hover,
.page_header .icon-burguer.disable:hover {
  opacity: 1;
}

.touch .page_header .icon-logo.disable,
.touch .page_header .icon-burguer.disable {
  opacity: 1 !important;
}

.scrolldown-text {
    display: none;
}


/* Lang menu in HERO (page_header/homepage) */
.page_header .header-lang {
  position: absolute;
  left: 30px;
  bottom: 24px;
  z-index: 40;
  font-family: 'ASMRegular';
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  color: rgb(153, 153, 153);
}

.page_header .header-lang ul.lang {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.page_header .header-lang ul.lang li {
  display: inline-block;
  line-height: 1;
}

.page_header .header-lang a { color: rgb(153, 153, 153); opacity: .9; }
.page_header .header-lang a:hover,
.page_header .header-lang .active a { color: #fff; opacity: 1; }

.page_header.black .header-lang a { color: #20201f; opacity: .8; }
.page_header.black .header-lang a:hover,
.page_header.black .header-lang .active a { color: #0a0a0a; opacity: 1; }

@media (min-width: 768px) {
  .page_header .header-lang ul.lang > li {
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2px);
    pointer-events: none;
  }

  .page_header .header-lang ul.lang > li.current-lang,
  .page_header .header-lang ul.lang > li:first-child {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
    cursor: pointer;
    color: white;
  }

  .page_header .header-lang:hover ul.lang > li,
  .page_header .header-lang:focus-within ul.lang > li {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }

  .page_header .header-lang ul.lang > li:after {
    content: '/';
    display: inline-block;
    transition: opacity .2s ease, padding .2s ease;
  }

  .page_header .header-lang:not(:hover):not(:focus-within) ul.lang > li:after {
    opacity: 0;
    padding: 0;
  }

  .page_header .header-lang:hover ul.lang > li:after,
  .page_header .header-lang:focus-within ul.lang > li:after {
    opacity: 1;
    padding: 0;
  }

  .page_header .header-lang ul.lang > li:last-child:after {
    opacity: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 767px) {

  .scrolldown-text {
    display: inline-block;
    margin-left: 8px;
  }

  .page_header .header-lang { left: 16px; bottom: 18px;
  display: none;}

  .page_header .header-lang ul.lang > li {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  .page_header .header-lang ul.lang > li:after {
    content: '/';
    display: inline-block;
    opacity: 1;
    padding: 0 8px 0 4px;
  }

  .page_header .header-lang ul.lang > li:last-child:after {
    opacity: 0;
    padding: 0;
  }
}

.page_header .header-lang ul.lang {
  display: inline-block;
  white-space: nowrap;
}



/*	Homepage
	-------- */

.the_content {
  background: #fff;
}

.fixed .the_content {
  background: #fff;
  padding-top: 90px;
}

.the_content .top_navigation {
  position: relative;
  width: 100%;
  height: 90px;
  background: #fff;
  z-index: 500;
}

.fixed .the_content .top_navigation {
  position: fixed;
  top: 0;
}

.the_content .top_navigation .icon-logo {
  color: #20201f;
  z-index: 50;
  position: absolute;
  left: 30px;
  top: 13px;
  font-size: 65px;
}

.the_content .top_navigation .icon-burguer {
  color: #20201f;
  z-index: 50;
  position: absolute;
  right: 30px;
  top: 33px;
  font-size: 26px;
  cursor: pointer;
}

.the_content .top_navigation .title_page {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 40px;
  text-align: center;
  margin: auto;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'ASMRegular';
  color: #b2b2b2;
}

.page-template-history .the_content .top_navigation .title_page a,
.page-template-quality .the_content .top_navigation .title_page a,
.page-template-legal .the_content .top_navigation .title_page a {
  color: #b2b2b2;
}

.single-experience .page_header .title_page a {
  color: #fff;
}

.the_content .experiences {
  background: #fff;
  padding: 100px 30px 120px;
  text-align: center;
}

/* When article has experiences--fullscreen */
.the_content .experiences.experiences--fullscreen{
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 80vh;
  overflow: hidden;
  background: #000;
  text-align: center;
}

.the_content .experiences h2 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  line-height: 30px;
  color: #0a0a0a;
  margin-bottom: 32px;
}

.the_content .experiences h2 a {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
}

.the_content .experiences h2 a:before {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -5px;
  background: #0a0a0a;
  height: 1px;
  -webkit-transition-property: left, right;
  -o-transition-property: left, right;
  -moz-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.the_content .experiences h2 a:hover:before,
.the_content .experiences h2 a:focus:before {
  left: 0;
  right: 0;
}

.the_content .experiences h4 {
  text-transform: uppercase;
}

/* 	.the_content .experiences .description{ font-family: 'Akzidenz-GroteskProLight'; max-width: 640px; font-size: 22px; line-height: 30px; padding: 0 15px; margin: 0 auto 60px;} */

.the_content .experiences .description {
  font-family: 'FoundersGrotesk';
  max-width: 640px;
  font-size: 22px;
  line-height: 30px;
  padding: 0 15px;
  margin: 0 auto 60px;
}

.the_content .experiences .slick_simple {
  margin: 0 auto;
  font-family: 'ASMRegular';
  font-size: 12px;
  line-height: 22px;
}

.the_content .experiences .slick_simple .img_layer {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}

.the_content .experiences .slick_simple .img_layer .img_box {
  position: relative;
  margin: 0 auto;
  width: auto;
}

.the_content .experiences .slick_simple .img_layer .img_box .caption_layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0a0a0a;
  color: #fff;
  z-index: 20;
  opacity: 0;
}

.the_content .experiences .slick_simple .img_layer .img_box .caption_layer:hover {
  opacity: 1;
}

.the_content .experiences .slick_simple .img_layer .img_box .caption_layer .link_all {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.the_content .experiences .slick_simple .img_layer .img_box .caption_layer .v-middle h4 {
  font-family: 'ChronicleDisplay';
  color: #fff;
  font-size: 24px;
  text-transform: none;
  line-height: 32px;
}

.the_content .experiences .slick_simple .img_layer .img_box .caption_layer .v-middle hr {
  width: 200px;
  border: 0;
  border-top: 1px solid #282726;
  margin: 20px auto;
}

/* 	.the_content .experiences .slick_simple .img_layer .img_box .caption_layer .v-middle a{ position: relative; z-index: 99; font-family: 'Akzidenz-GroteskProRegular'; color: #BAB1AD; text-transform: uppercase;} */

.the_content .experiences .slick_simple .img_layer .img_box .caption_layer .v-middle a {
  position: relative;
  z-index: 99;
  font-family: 'FoundersGrotesk';
  color: #bab1ad;
  text-transform: uppercase;
}

.the_content .experiences .slick_simple img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 30px;
}

.the_content .experiences .slick_simple .slick-arrow {
  position: absolute;
  width: 40px;
  height: 46px;
  top: 50%;
  margin-top: -60px;
  border: 0;
  color: #20201f;
  text-indent: -99999px;
  z-index: 40;
}

.the_content .experiences .slick_simple .slick-prev {
  left: 0;
  background: transparent url(../img/arrow_left_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.the_content .experiences .slick_simple .slick-next {
  right: 0;
  background: transparent url(../img/arrow_right_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.the_content .experiences .slick_simple h4 span {
  display: block;
}

/* ===== Overrides when fullscreen ===== */
.the_content .experiences.experiences--fullscreen .slick_simple{
  height:100%;
  width: 100%;
  margin:0;
}

.the_content .experiences.experiences--fullscreen .slick_simple.slick-slider{
  overflow: hidden;
}

.the_content .experiences.experiences--fullscreen .slick_simple .slick-list{
  height: 100%;
  overflow: hidden;
}

.the_content .experiences.experiences--fullscreen .slick_simple .slick-track{
  height: 100%;
}

.the_content .experiences.experiences--fullscreen .slick_simple .slick-slide{
  height: 100%;
}

.the_content .experiences.experiences--fullscreen .img_layer{
  max-width: none;
  width: 100%;
  height: 100%;
  margin: 0;
}

.the_content .experiences.experiences--fullscreen .slick_simple .img_layer{
  max-width:none;
  width:100%;
  height:100%;
  margin:0;
}
.the_content .experiences.experiences--fullscreen .slick_simple .img_layer .img_box,
.the_content .experiences.experiences--fullscreen .slick_simple .img_layer .img_box a,
.the_content .experiences.experiences--fullscreen .slick_simple .img_layer .img_box img{
  display:block;
  width:100%;
  height:100%;
  position: relative;
}

.the_content .experiences.experiences--fullscreen .slick_simple .img_layer .img_box img{
  object-fit:cover;
  object-position:center;
}

/* .the_content .experiences.experiences--fullscreen .caption_layer{
  display:none !important;
} */

/* .the_content .experiences.experiences--fullscreen .slick_simple > div > h4{
  display:none;
} */

.the_content .experiences.experiences--fullscreen .img_layer .img_box .caption_layer{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  top: auto;
  height: auto;
  background: transparent;
  opacity: 0;
  z-index: 25;
  pointer-events: auto;
  text-align: center;
  transition: opacity .4s ease;
}

.the_content .experiences.experiences--fullscreen:hover
.img_layer .img_box .caption_layer{
  opacity: 1;
}

.the_content .experiences.experiences--fullscreen .img_layer .img_box .caption_layer h4{
  margin: 0;
  font-family: 'ASMRegular';
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  line-height: 1.4;
  color: #fff;
}

.the_content .experiences.experiences--fullscreen .img_layer .img_box .caption_layer h4 span{
  display: block;
  margin-top: 6px;
  font-size: 11px;
  letter-spacing: .12em;
  opacity: .9;
}

.the_content .experiences .slick_simple .img_layer .img_box .caption_layer:hover{
  opacity: 1;
}

/* centered arrows */
.the_content .experiences.experiences--fullscreen .slick_simple .slick-arrow{
  top:50%;
  transform:translateY(-50%);
  margin:0;
  width:46px;
  height:46px;
  opacity:.9;
  position: absolute;
  z-index: 9999;
  pointer-events: auto;
}

@media (max-width: 767px){
  .the_content .experiences.experiences--fullscreen .slick_simple .slick-arrow{
    width:28px;
    height:28px;
  }
  .the_content .experiences.experiences--fullscreen .slick_simple .slick-prev{
    left: 5px!important;
  }
  .the_content .experiences.experiences--fullscreen .slick_simple .slick-next{
    right: 5px!important;
  }
}

.the_content .experiences.experiences--fullscreen .slick_simple .slick-prev{
  left:20px;
}

.the_content .experiences.experiences--fullscreen .slick_simple .slick-next{
  right:20px;
}

.the_content .experiences:not(.experiences--fullscreen) h2 a:before {
  background: #0a0a0a;
}


@media (max-width: 768px){

  .the_content .experiences.experiences--fullscreen .experiences__overlay::before,
  .the_content .experiences.experiences--fullscreen .experiences__overlay-inner{
    opacity: 1;
    visibility: visible;
    transition: none;
  }

  .the_content .experiences.experiences--fullscreen:hover .experiences__overlay::before,
  .the_content .experiences.experiences--fullscreen:hover .experiences__overlay-inner{
    opacity: 1;
  }

  .the_content .experiences.experiences--fullscreen .img_layer .img_box .caption_layer{
    opacity: 1;
  }

  .the_content .experiences.experiences--fullscreen .img_layer .img_box .caption_layer:hover{
    opacity: 1;
  }
}


/* ========== OVERLAY FULLSCREEN ========== */

.experiences__overlay{
  position:absolute;
  inset:0;
  z-index:30;
  pointer-events:auto;
  cursor: pointer;
}

.experiences__overlay .links{
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  display: table;
  width: 200px;
  margin: 20px auto 0;
  list-style: none;
  padding: 0;
}

.experiences__overlay .links li{
  border: 1px solid #fff;
  line-height: 47px;
  text-transform: uppercase;
  font-size: 11px;
}

.experiences__overlay .links a{
  display: block;
  color: #fff;
  text-decoration: none;
}

.experiences__overlay .links li:hover{
  background: #000;
  border-color: #000;
}


.experiences__overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.45);
  z-index:-1;
  opacity: 1;
  visibility: visible;
  transition: opacity .4s ease, visibility 0s linear 0s;
}

.experiences__overlay .experiences__overlay-inner{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  max-width:900px;
  width:min(90vw,900px);
  padding:0 30px;
  text-align:center;
  color:#fff;
  pointer-events:auto;
  cursor:pointer;
  opacity: 1;
  visibility: visible;
  transition: opacity .4s ease, visibility 0s linear 0s;
}

.the_content .experiences.experiences--fullscreen:hover .experiences__overlay::before,
.the_content .experiences.experiences--fullscreen:hover .experiences__overlay-inner{
  opacity: 1!important;
  transition: opacity .4s ease;
}


.experiences__overlay h2{
  font-family:'ChronicleDisplay';
  font-size:clamp(28px,4vw,48px);
  line-height:1.1;
  color:#fff;
  margin:0 0 18px;
}

.the_content .experiences.experiences--fullscreen
.experiences__overlay h2 a {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #fff;
}

.the_content .experiences.experiences--fullscreen
.experiences__overlay h2 a:before {
  content: "";
  position: absolute;
  width: auto;
  left: 51%;
  right: 50%;
  bottom: -5px;
  background: #fff;
  height: 1px;
  -webkit-transition-property: left, right;
  -o-transition-property: left, right;
  -moz-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.the_content .experiences.experiences--fullscreen
.experiences__overlay h2 a:hover:before,
.the_content .experiences.experiences--fullscreen
.experiences__overlay h2 a:focus:before {
  left: 0;
  right: 0;
}


.experiences__overlay .description{
  font-family:'FoundersGrotesk';
  font-size:clamp(16px,2.1vw,22px);
  line-height:1.45;
  color:#fff;
  margin:0 auto;
  max-width:700px;
}

.experience-claim {
  font-family: 'FoundersGrotesk';
  font-size: 14px;
  color: #bab1ad;
}

.experience-year {
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.8;
}


/* responsive */
@media (max-width:768px){
  .the_content .experiences.experiences--fullscreen{
    height:75vh;
  }
  .experiences__overlay .experiences__overlay-inner{
    padding:0 20px;
  }
}

/* ===== END EXPERIENCIES ===== */

.the_content .workshop {
  background: #0a0a0a;
  text-align: center;
  padding: 120px 30px 120px;
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}

.the_content .workshop h2 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  color: #fff;
  margin-bottom: 60px;
  position: relative;
  z-index: 9;
}

.the_content .workshop h2 a {
  color: #fff;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
}

.the_content .workshop h2 a:before {
  content: "";
  position: absolute;
  width: auto;
  left: 51%;
  right: 50%;
  bottom: -5px;
  background: #fff;
  height: 1px;
  -webkit-transition-property: left, right;
  -o-transition-property: left, right;
  -moz-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.the_content .workshop h2 a:hover:before,
.the_content .workshop h2 a:focus:before {
  left: 0;
  right: 0;
}

.the_content .workshop .image_container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.the_content .workshop .caption {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
}

.the_content .workshop .caption h3 {
  margin: 0 auto 35px;
  font-family: 'FoundersGrotesk';
  font-size: 34px;
  line-height: 36px;
  width: 100%;
  max-width: 630px;
  font-weight: 600;
}

/* 	.the_content .workshop .caption h4{ position: relative; z-index: 200; cursor: pointer;font-family: 'Akzidenz-GroteskProMed'; font-size: 12px; text-transform: uppercase;} */

.the_content .workshop .caption h4 {
  position: relative;
  z-index: 200;
  cursor: pointer;
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

.the_content .workshop .caption a {
  border: 1px solid #707070;
  width: 200px;
  color: #fff;
  display: inline-block;
  height: 48px;
  line-height: 43px;
}

.the_content .workshop .caption a:hover {
  background: #000;
  border-color: #000;
}

.the_content .history {
  background: #f8f4f0;
  text-align: center;
  padding: 210px 0;
  color: #bab1ad;
}

.the_content .history h2 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  line-height: 30px;
  color: #0a0a0a;
  margin-bottom: 32px;
  padding: 0 30px;
}

.the_content .history h2 a {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
}

.the_content .history h2 a:before {
  content: "";
  position: absolute;
  left: 51%;
  right: 50%;
  bottom: -5px;
  background: #0a0a0a;
  height: 1px;
  -webkit-transition-property: left, right;
  -o-transition-property: left, right;
  -moz-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.the_content .history h2 a:hover:before,
.the_content .history h2 a:focus:before {
  left: 0;
  right: 0;
}

.the_content .history .description {
  font-family: 'FoundersGrotesk';
  max-width: 880px;
  font-size: 20px;
  line-height: 28px;
  padding: 0 15px;
  margin: 0 auto 37px;
  text-align: left;
  padding: 0 30px;
}

.the_content .history .description p {
  max-width: 760px;
  margin: 0 auto;
}

.the_content .history .links {
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  display: table;
  width: 200px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.the_content .history .links li {
  border: 1px solid #b8b1ad;
  line-height: 47px;
  text-transform: uppercase;
  font-size: 11px;
}

.the_content .history .links li:hover {
  background: #000;
}

.the_content .history .links a {
  display: block;
  color: #bab1ad;
}

.the_content .history .links li:hover a {
  color: #fff;
}

/* HISTORY – Gallery  */
.history-gallery{
  margin: 48px auto 0;
}

.history-gallery-swiper{
  position: relative;
  overflow: hidden;
}

.history-gallery .swiper-wrapper{
  align-items: center;
}

.history-gallery .swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-right: 32px;
}

.history-gallery .swiper-slide img{
  background: transparent;
  max-height: 260px;  
  height: auto;
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.history-gallery .swiper-slide.is-featured img {
  max-height: 380px;  
}

/* 👇 estas clases deben coincidir con las que pones en JS */

/* cursor flecha derecha */
.history-gallery-swiper.history-cursor-right {
  cursor: url('../img/flecha.svg') 12 12, pointer;
}

/* cursor flecha izquierda (de momento misma flecha) */
.history-gallery-swiper.history-cursor-left {
  cursor: url('../img/flecha.svg') 12 12, pointer;
}

@media (max-width: 767px){
  .history-gallery .swiper-slide{
    margin-right: 16px;
  }
}



/* PASSION fullscreen layout */
.the_content .passion{
  position: relative;
  padding: 0;
  text-align: center;
  color: #fff;
}

.the_content .passion.passion--fullscreen{
  width: 100%;
  height: 100vh;
  min-height: 480px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.the_content .passion.passion--fullscreen .passion__media{
  width: 100%;
  height: 100%;
  position: relative;
}

.the_content .passion.passion--fullscreen .passion__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.passion__overlay{
  position: absolute;
  inset: 0;
  z-index: 30;
  pointer-events: none;
}
.passion__overlay::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: -1;
}
.passion__overlay .passion__overlay-inner{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: min(90vw, 900px);
  padding: 0 30px;
  text-align: center;
  color: #fff;
  pointer-events: auto;
}

.the_content .passion h2 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 32px;
  line-height: 46px;
  display: inline-block;
  z-index: 9;
}

.the_content .passion h2 a {
  color: #fff;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
}

.the_content .passion h2 a:before {
  content: "";
  position: absolute;
  left: 51%;
  right: 50%;
  bottom: -5px;
  background: #fff;
  height: 1px;
  -webkit-transition-property: left, right;
  -o-transition-property: left, right;
  -moz-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.the_content .passion h2:hover a:before {
  left: 0;
  right: 0;
}

.passion__overlay .description{
  font-family:'FoundersGrotesk';
  font-size: clamp(16px, 2.1vw, 22px);
  line-height: 1.45;
  color: #fff;
  max-width: 700px;
  margin: 0 auto;
  /* max-height: 0; */
  /* overflow: hidden; */
  /* opacity: 0; */
  /* transform: translateY(8px);
  transition:
    opacity .85s ease,
    transform .85s ease,
    max-height 1s ease,
    margin .6s ease; */
}

/* .passion__overlay-inner:hover .description{
  opacity: 1;
  transform: none;
  max-height: 60vh;
  margin: 0 auto 22px;
} */

@media (max-width: 767px), (hover: none){
  .passion__overlay .description{
    opacity: 1;
    transform: none;
    max-height: none;
    margin: 0 auto 22px;
  }
}

.the_content .passion.passion--fullscreen .links{
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  display: table;
  width: 200px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}
.the_content .passion.passion--fullscreen .links li{
  border: 1px solid #fff;
  line-height: 47px;
  text-transform: uppercase;
  font-size: 11px;
}
.the_content .passion.passion--fullscreen .links a{
  display: block;
  color: #fff;
  text-decoration: none;
}
.the_content .passion.passion--fullscreen .links li:hover{
  background: #000;
  border-color: #000;
}

/* Responsive */
@media (max-width: 767px){
  .the_content .passion.passion--fullscreen{ min-height: 420px; }
}


/* Anuario layout */

.the_content .anuario{
  background:#fff;
  padding:100px 30px 120px;
  text-align:center;
  color:#0a0a0a;
  position:relative;
  overflow:visible;
}

.the_content .anuario .slick_simple{
  max-width:800px;
  margin:0 auto;
}

.the_content .anuario h2{
  font-family:'ChronicleDisplay';
  font-size:42px;
  line-height:1.1;
  color:#0a0a0a;
  margin:0 0 16px;
}
.the_content .anuario h2 a{
  color:#0a0a0a;
  text-decoration:none;
  position:relative; overflow:hidden; vertical-align:middle;
}
.the_content .anuario h2 a:before{
  content:"";
  position:absolute;
  left:51%; right:50%; bottom:-5px;
  height:1px; background:#0a0a0a;
  transition:left .3s ease-out, right .3s ease-out;
}
.the_content .anuario h2 a:hover:before,
.the_content .anuario h2 a:focus:before{ left:0; right:0; }

.the_content .anuario .subtitle{
  font-size:14px;
  line-height:1.5;
  color:#0a0a0a;
  text-transform:none;
  margin-bottom:14px;
  display: none;
}

.the_content .anuario .description{
  font-family:'FoundersGrotesk';
  max-width:720px;
  margin:0 auto 18px;
  font-size:18px;
  line-height:26px;
  color:#0a0a0a;
  text-align:center;
}

.the_content .anuario .caption_layer{
  position:static;
  background:none;
  opacity:1;
  z-index:auto;
  margin:14px 0 60px;
}
.the_content .anuario .caption_layer .links{
  list-style:none;
  padding:0;
  margin:0 auto;
  width:200px;
  font-family:'FoundersGrotesk';
  font-weight:bold;
}
.the_content .anuario .caption_layer .links li{
  border:1px solid #e5e5e5;
  line-height:47px;
  font-size:11px;
  text-transform:uppercase;
}
.the_content .anuario .caption_layer .links a{
  display:block;
  color:#b2b2b2;
  text-decoration:none;
}
.the_content .anuario .caption_layer .links li:hover{
  background:#000; border-color:#000;
}
.the_content .anuario .caption_layer .links li:hover a{
  color:#fff;
}

.the_content .anuario .cover{
  width:100%;
  max-width:800px;
  margin:0 auto;
  padding-top:56.25%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

/* @media (max-width: 768px){
  .the_content .anuario{ padding:70px 20px 90px; }
  .the_content .anuario h2{ font-size:34px; margin-bottom:12px; }
  .the_content .anuario .description{ font-size:16px; line-height:24px; }
  .the_content .anuario .cover{ max-width:100%; }
} */



/*	Experiences layout
	----------- */

.experiences_grid {
  font-size: 0;
  padding: 0 15px;
  margin-top: 80px;
}

.experiences_grid h1 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  line-height: 72px;
  color: #0a0a0a;
  margin-bottom: 37px;
  text-align: center;
}

.experiences_grid .item {
  display: inline-block;
  vertical-align: top;
  width: 33.33333%;
  padding: 0 15px;
  margin-bottom: 30px;
}

.experiences_grid .item .thmb_layer {
  position: relative;
}

.experiences_grid .item .thmb_layer .caption {
  position: absolute;
  color: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0a0a0a;
  opacity: 0;
  z-index: 9;
  text-align: center;
}

.experiences_grid .item .thmb_layer .caption h2 {
  font-family: 'ChronicleDisplay';
  font-size: 24px;
  line-height: 32px;
  padding: 0 30px;
}

.experiences_grid .item .thmb_layer .caption h4 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  font-family: 'ASMRegular';
  color: #878787;
  font-size: 12px;
  text-transform: uppercase;
}

.experiences_grid .item .thmb_layer .caption h5 {
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  font-family: 'ASMRegular';
  color: #878787;
  font-size: 12px;
  text-transform: uppercase;
}

.experiences_grid .item .thmb_layer:hover .caption {
  opacity: 1;
}

/*	Anuario
----------- */

.anuario_grid {
  font-size: 0;
  padding: 0 15px;
  margin-top: 80px;
}

.anuario_grid h1 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  line-height: 72px;
  color: #0a0a0a;
  margin-bottom: 37px;
  text-align: center;
}

.anuario_grid .item {
  display: inline-block;
  vertical-align: top;
  width: 33.33333%;
  padding: 0 15px;
  margin-bottom: 30px;
}

.anuario_grid .item .thmb_layer {
  position: relative;
}

.anuario_grid .item .thmb_layer .caption {
  position: absolute;
  color: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0a0a0a;
  opacity: 0;
  z-index: 9;
  text-align: center;
}

.anuario_grid .item .thmb_layer .caption h2 {
  font-family: 'ChronicleDisplay';
  font-size: 24px;
  line-height: 32px;
  padding: 0 30px;
}

.anuario_grid .item .thmb_layer .caption h4 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  font-family: 'ASMRegular';
  color: #878787;
  font-size: 12px;
  text-transform: uppercase;
}

.anuario_grid .item .thmb_layer .caption h5 {
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  font-family: 'ASMRegular';
  color: #878787;
  font-size: 12px;
  text-transform: uppercase;
}

.anuario_grid .item .thmb_layer:hover .caption {
  opacity: 1;
}


/* Manifest -------- */

.home .manifest-text p:not(:first-of-type) {
  display: none;
}

.the_content .manifest {
  background: #fff;
  text-align: center;
  padding: 100px 30px 120px;
  color: #0a0a0a;
}

.the_content .manifest h2 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  line-height: 1;
  margin-bottom: 6.8rem;
  color: #0a0a0a;
}

.the_content .manifest h2 a {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
  color: #0a0a0a;
}

.the_content .manifest h2 a:before {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -5px;
  background: #0a0a0a;
  height: 1px;
  -webkit-transition-property: left, right;
  -o-transition-property: left, right;
  -moz-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.the_content .manifest h2 a:hover:before,
.the_content .manifest h2 a:focus:before {
  left: 0;
  right: 0;
}

.the_content .manifest .manifest-image {
  max-width: 640px;
  margin: 0 auto 54px;
}

.the_content .manifest .manifest-image img {
  width: 100%;
  height: auto;
  display: block;
}

.the_content .manifest .manifest-title {
  max-width: 640px;
  font-size: 30px;
  line-height: 34px;
  padding: 0 15px;
  margin: 0 auto 35px;
  color: #868686;
}

.the_content .manifest .manifest-title b{
  font-weight: 800;
}

.the_content .manifest .manifest-subtitle {
  max-width: 640px;
  font-size: 22px;
  line-height: 30px;
  padding: 0 15px;
  margin: 0 auto 35px;
  font-weight: bold;
  color: #868686;
}

.the_content .manifest .manifest-text {
  max-width: 520px;
  font-size: 16px;
  line-height: 22px;
  padding: 0 15px;
  margin: 0 auto 40px;
  color: #868686;
}

.the_content .manifest .links {
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  display: table;
  width: 200px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.the_content .manifest .links li {
  border: 1px solid rgb(229, 229, 229);
  line-height: 47px;
  text-transform: uppercase;
  font-size: 12px;
}

.the_content .manifest .links li:hover {
  background: #000;
}

.the_content .manifest .links a {
  display: block;
  color: rgb(178, 178, 178);
}

.the_content .manifest .links li:hover a {
  color: #fff;
}


/* Manifest (page template)
   ----------------------- */

#manifest { color: #0a0a0a; }

#manifest .the_content {
  text-align: center;
  background: #fff;
  padding: 0 0 150px;
}

#manifest .title_page a { color: #999; }

#manifest .the_content h1 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  line-height: 1;
  color: #0a0a0a;
  margin-top: 10.4rem;
  margin-bottom: 6.8rem;
}

#manifest .manifest-image {
  max-width: 640px;
  margin: 0 auto 50px;
}
#manifest .manifest-image img {
  width: 100%;
  height: auto;
  display: block;
}

#manifest .manifest-title {
  max-width: 640px;
  font-size: 30px;
  line-height: 34px;
  padding: 0 15px;
  margin: 0 auto 35px;
  color: #868686;
}

#manifest .manifest-subtitle {
  max-width: 640px;
  font-size: 22px;
  line-height: 30px;
  padding: 0 15px;
  margin: 0 auto 35px;
  font-weight: bold;
  color: #868686;
}

#manifest .manifest-intro {
  max-width: 640px;
  font-size: 19px;
  line-height: 27px;
  padding: 0 15px;
  margin: 0 auto 62px;
  text-align: left;
  color: #868686;
  font-family: 'FoundersGrotesk';
  font-weight: 600;
}

#manifest .manifest-paragraph .section-title {
  font-family: 'FoundersGrotesk';
  font-size: 19px;
  line-height: 26px;
  margin: 43px 0 5px;
  color: #868686;
  font-weight: 600;
}

#manifest .manifest-paragraph {
  max-width: 640px;
  padding: 0 15px;
  margin: 0 auto 14px;
  text-align: left;
  color: #868686;
}

#manifest .manifest-paragraph .section-content {
  font-family: 'FoundersGrotesk';
  font-size: 19px;
  line-height: 30px;
  color: #868686;
}


#manifest .manifest-body p { margin: 0 0 14px; }



/* Fora del Ramat */

.section-content ul li::marker {
  font-size: 0.6em;
  font-weight: 300;  
}

.fora-del-ramat {
  background: #F5F5F5;
  padding: 150px 30px 120px;
}
.fora-del-ramat .fora-wrap {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}
.fora-del-ramat .fora-title {
  font-family: 'ChronicleDisplay';
  font-size: 36px;
  line-height: 42px;
  color: #0a0a0a;
  margin: 0 0 6px;
}
.fora-del-ramat .fora-subtitle {
  font-family: 'ASMRegular';
  font-size: 12px;
  text-transform: uppercase;
  color: #6f6f6f;
  margin: 0 0 24px;
}

.fora-del-ramat .section-content {
  max-width: 640px;
  margin: 0 auto 24px;
  text-align: left;
  color: #3e3e3e;
  font-family: 'FoundersGrotesk';
  font-size: 16px;
  line-height: 24px;
}
.fora-del-ramat .section-content p { margin: 0 0 14px; }

.fora-del-ramat .fora-image {
  margin: 28px auto 0;
  max-width: 420px;
}
.fora-del-ramat .fora-image img {
  width: 100%;
  height: auto;
  display: block;
}

/*	Single Experience
	----------------- */

#single_experience {
}

#single_experience .the_content {
  text-align: center;
  background: #fff;
}

#single_experience .the_content h1 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  line-height: 72px;
  color: #0a0a0a;
  margin-top: 80px;
  margin-bottom: -5px;
}

#single_experience .the_content h4 {
  font-family: 'FoundersGrotesk';
  font-size: 13px;
  line-height: 30px;
  color: #0a0a0a;
  text-transform: uppercase;
  margin: 0 auto;
  display: inline-block;
}

#single_experience .the_content .flexible_content {
  position: relative;
  padding-top: 60px;
}

#single_experience .the_content .flexible_content .taxonomies {
  position: absolute;
  left: 30px;
  padding-top: 5px;
}

#single_experience .the_content .flexible_content .taxonomies ul {
  font-family: 'FoundersGrotesk';
  font-size: 13px;
  line-height: 18px;
  display: table;
  margin: 0 0 7px 0;
  padding: 0;
  list-style: none;
  text-align: left;
  color: #b2b2b2;
}

#single_experience .the_content .flexible_content .taxonomies ul a {
  color: #b2b2b2;
}

#single_experience .the_content .flexible_content .taxonomies ul a:hover {
  color: #878787;
}

#single_experience .the_content .flexible_content .taxonomies strong {
  font-weight: 700;
  color: #cecece;
}


/* ======== SINGLE EXPERIENCE CREDITS ======== */

#single_experience .the_content .flexible_content .credits-taxonomies ul {
  font-family: 'FoundersGrotesk';
  font-size: 13px;
  line-height: 18px;
  display: table;
  margin: 0 0 7px 0;
  padding: 0;
  list-style: none;
  text-align: left;
  color: #b2b2b2;
}

#single_experience .the_content .flexible_content .credits-taxonomies ul a {
  color: #b2b2b2;
}

#single_experience .the_content .flexible_content .credits-taxonomies ul a:hover {
  color: #b2b2b2;
}

#single_experience .the_content .flexible_content .credits-taxonomies strong {
  font-weight: 700;
  color: #CECECE;
}

#single_experience .the_content .flexible_content .credits-taxonomies .credits-item {
  margin-top: 3.5rem;
}

#single_experience .the_content .flexible_content .credits-taxonomies .credits-item:first-child {
  margin-top: 0;
}

#single_experience .the_content .flexible_content .taxonomies ul:last-of-type:not(:only-of-type) {
  margin-bottom: 3.5rem;
}

#single_experience .the_content .flexible_content .credits-taxonomies .credits-title {
  font-family: 'FoundersGrotesk';
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0 0 6px 0;
  color:#cecece;
  text-align: left;
  font-weight: 700;
}


#single_experience .the_content .flexible_content .text,
#single_experience .the_content .flexible_content .featured_text {
  max-width: 640px;
  margin: 0 auto;
}

#single_experience .the_content .flexible_content .images {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 30px 55px;
}

#single_experience .the_content .flexible_content .images_fullscreen {
  max-width: 100%;
}

#single_experience .the_content .flexible_content .text strong {
  font-family: 'FoundersGrotesk';
  font-weight: bold;
}

#single_experience .the_content .flexible_content .featured_text hr {
  margin: 0 auto;
  padding: 0;
  max-width: 220px;
  border-top: 1px solid #dadada;
}

#single_experience .the_content .flexible_content .featured_text .caption {
  padding: 50px 0;
  color: #0a0a0a;
  font-family: 'ChronicleDisplayLight';
  font-style: italic;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: -20px;
  text-align: center;
}

#single_experience .the_content .images .slick_simple {
  max-width: 100%;
  margin: 0 auto;
  font-family: 'FoundersGrotesk';
  font-size: 12px;
  line-height: 22px;
  position: relative;
}

#single_experience .the_content .images .slick_simple img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 0;
}

#single_experience .the_content .images .slick_simple .zoom {
  position: relative;
  cursor: pointer;
  max-width: 660px;
  margin: 0 auto;
  cursor: url(../img/plus.svg), auto;
}

#single_experience .the_content .images .slick_simple .zoom .zoomin {
  position: absolute;
  width: 26px;
  max-width: 26px;
  height: 26px;
  top: 15px;
  right: 15px;
  z-index: 50;
  display: none;
}

#single_experience .the_content .images .slick_simple .zoom .zoomin:hover {
  opacity: 0.5;
}

#single_experience .the_content .images .slick_simple .slick-arrow {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  margin-top: -23px;
  border: 0;
  color: #20201f;
  text-indent: -99999px;
  z-index: 40;
}

#single_experience .the_content .images .slick_simple .slick-prev {
  left: 0;
  background: transparent url(../img/arrow_left_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#single_experience .the_content .images .slick_simple .slick-next {
  right: 0;
  background: transparent url(../img/arrow_right_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#single_experience .the_content .images .slick_simple .caption {
  max-width: 640px;
  display: block;
  font-family: 'FoundersGrotesk';
  font-size: 14px;
  line-height: 22px;
  display: block;
  border-top: 1px solid #ececec;
  margin: 1rem auto 0;
  padding: 6px 0 4px;
}

#single_experience .the_content .images_fullscreen .slick_simple {
  max-width: 100%;
  margin: 0 auto;
  font-family: 'FoundersGrotesk';
  font-size: 12px;
  line-height: 22px;
}

#single_experience .the_content .images_fullscreen .slick_simple .slick-arrow {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  margin-top: -23px;
  border: 0;
  color: #20201f;
  text-indent: -99999px;
  z-index: 40;
}

#single_experience .the_content .images_fullscreen .slick_simple .slick-prev {
  left: 100px;
  background: transparent url(../img/arrow_left_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#single_experience .the_content .images_fullscreen .slick_simple .slick-next {
  right: 100px;
  background: transparent url(../img/arrow_right_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#single_experience .the_content .images_fullscreen .slick_simple .caption {
  max-width: 640px;
  display: block;
  font-family: 'FoundersGrotesk';
  font-size: 14px;
  line-height: 22px;
  display: block;
  border-top: 1px solid #ececec;
  margin: 0 auto;
  padding: 6px 0 4px;
}

#single_experience .the_content .flexible_content .text,
#single_experience .the_content .flexible_content .featured_text,
#single_experience .the_content .flexible_content .images,
#single_experience .the_content .flexible_content .images_fullscreen {
  text-align: left;
  padding-bottom: 55px;
}

#single_experience .the_content .flexible_content .text {
  padding-bottom: 35px;
}

#single_experience .posts_navigation {
  max-width: 640px;
  margin: 0 auto;
  border-top: 1px solid #dadada;
  font-size: 0;
  text-align: center;
}

#single_experience .posts_navigation .experience_prev,
#single_experience .posts_navigation .experience_next {
  font-family: 'FoundersGrotesk';
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  color: #0a0a0a;
  width: 50%;
  padding: 55px 30px 80px;
}

#single_experience .posts_navigation .experience_prev h3,
#single_experience .posts_navigation .experience_next h3 {
  font-family: 'ChronicleDisplayLight';
  text-transform: none;
  font-size: 28px;
  line-height: 34px;
  margin-top: 10px;
}

#single_experience .posts_navigation .arrow {
  font-size: 35px;
  color: #dadada;
}

#single_experience .posts_navigation a:hover .arrow {
  color: #0a0a0a;
}

/*	Passion for printing
	----------------- */

#pasion {
  color: #999;
}

#pasion .title_page a {
  color: #999;
}

#pasion .the_content {
  text-align: center;
  background: #fff;
  padding-bottom: 18rem;
}

#pasion .the_content h1 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  line-height: 72px;
  color: #0a0a0a;
  margin-top: 80px;
  margin-bottom: -5px;
}

/* 	#single_experience .the_content h4{ font-family: 'Akzidenz-GroteskProLight'; font-size: 12px; line-height: 30px; color: #0A0A0A; text-transform: uppercase; border-bottom: 1px solid #0A0A0A; margin: 0 auto; display: inline-block;} */

#pasion .the_content h4 {
  font-family: 'FoundersGrotesk';
  font-size: 12px;
  line-height: 1.1;
  color: #878787;
  text-transform: uppercase;
  margin: 0 auto;
  display: inline-block;
  font-weight: bold;
}

#pasion .the_content .flexible_content {
  position: relative;
  padding-top: 60px;
}

#pasion .the_content .flexible_content .taxonomies {
  position: absolute;
  left: 30px;
  padding-top: 5px;
}

/* 	.fixed #single_experience .the_content .flexible_content .taxonomies{ position: fixed; top: 330px; left: 70px; z-index: 500} */

#pasion .the_content .flexible_content .taxonomies ul {
  font-family: 'FoundersGrotesk';
  font-size: 13px;
  line-height: 18px;
  display: table;
  margin: 0 0 7px 0;
  padding: 0;
  list-style: none;
  text-align: left;
  color: #b2b2b2;
}

#pasion .the_content .flexible_content .taxonomies ul a {
  color: #b2b2b2;
}

#pasion .the_content .flexible_content .taxonomies ul a:hover {
  color: #878787;
}

#pasion .the_content .flexible_content .taxonomies strong {
  font-weight: normal;
  color: #878787;
}

#pasion .the_content .flexible_content .text,
#pasion .the_content .flexible_content .featured_text {
  max-width: 640px;
  margin: 0 auto;
}

#pasion .the_content .flexible_content .images {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}

#pasion .the_content .flexible_content .images_fullscreen {
  max-width: 100%;
}

/* 	#single_experience .the_content .flexible_content .text strong{ font-family: 'Akzidenz-GroteskProMed'; font-weight: normal} */

#pasion .the_content .flexible_content .text strong {
  font-family: 'FoundersGrotesk';
  font-weight: bold;
}

#pasion .the_content .flexible_content .featured_text hr {
  margin: 0 auto;
  padding: 0;
  max-width: 220px;
  border-top: 1px solid #dadada;
}

#pasion .the_content .flexible_content .featured_text .caption {
  padding: 50px 0;
  color: #0a0a0a;
  font-family: 'ChronicleDisplayLight';
  font-style: italic;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: -20px;
  text-align: center;
}

#pasion .the_content .images .slick_simple {
  max-width: 100%;
  margin: 0 auto;
  font-family: 'FoundersGrotesk';
  font-size: 12px;
  line-height: 22px;
  position: relative;
}

#pasion .the_content .images .slick_simple img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 0;
}

#pasion .the_content .images .slick_simple .zoom {
  position: relative;
  cursor: url(../img/plus.svg), auto;
  max-width: 640px;
  margin: 0 auto;
}

#pasion .the_content .images .slick_simple .zoom .zoomin {
  position: absolute;
  width: 26px;
  max-width: 26px;
  height: 26px;
  top: 15px;
  right: 15px;
  z-index: 50;
  display: none;
}

#pasion .the_content .images .slick_simple .zoom .zoomin:hover {
  opacity: 0.5;
}

#pasion .the_content .images .slick_simple .slick-arrow {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  margin-top: -23px;
  border: 0;
  color: #20201f;
  text-indent: -99999px;
  z-index: 40;
}

#pasion .the_content .images .slick_simple .slick-prev {
  left: 0;
  background: transparent url(../img/arrow_left_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#pasion .the_content .images .slick_simple .slick-next {
  right: 0;
  background: transparent url(../img/arrow_right_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#pasion .the_content .images .slick_simple .caption {
  max-width: 640px;
  display: block;
  font-family: 'FoundersGrotesk';
  font-size: 14px;
  line-height: 22px;
  display: block;
  border-top: 1px solid #ececec;
  margin: 1rem auto 0;
  padding: 6px 0 4px;
}

#pasion .the_content .images_fullscreen .slick_simple {
  max-width: 100%;
  margin: 0 auto;
  font-family: 'FoundersGrotesk';
  font-size: 12px;
  line-height: 22px;
}

#pasion .the_content .images_fullscreen .slick_simple .slick-arrow {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  margin-top: -23px;
  border: 0;
  color: #20201f;
  text-indent: -99999px;
  z-index: 40;
}

#pasion .the_content .images_fullscreen .slick_simple .slick-prev {
  left: 100px;
  background: transparent url(../img/arrow_left_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#pasion .the_content .images_fullscreen .slick_simple .slick-next {
  right: 100px;
  background: transparent url(../img/arrow_right_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#pasion .the_content .images_fullscreen .slick_simple .caption {
  max-width: 640px;
  display: block;
  font-family: 'ASMRegular';
  font-size: 12px;
  line-height: 22px;
  display: block;
  border-bottom: 1px solid #ececec;
  margin: 0 auto;
  padding: 6px 0 4px;
}

#pasion .the_content .flexible_content .text,
#pasion .the_content .flexible_content .featured_text,
#pasion .the_content .flexible_content .images,
#pasion .the_content .flexible_content .images_fullscreen {
  text-align: left;
  padding-bottom: 55px;
}

#pasion .the_content .flexible_content .text {
  padding-bottom: 35px;
}

#pasion .posts_navigation {
  max-width: 640px;
  margin: 0 auto;
  border-top: 1px solid #dadada;
  font-size: 0;
  text-align: center;
}

#pasion .posts_navigation .experience_prev,
/* 	#single_experience .posts_navigation .experience_next{ font-family: 'Akzidenz-GroteskProLight'; text-transform: uppercase; display: inline-block; vertical-align: top; font-size: 12px; color: #0A0A0A; width: 50%; padding: 55px 30px 80px;} */
	#pasion .posts_navigation .experience_next {
  font-family: 'FoundersGrotesk';
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  color: #0a0a0a;
  width: 50%;
  padding: 55px 30px 80px;
}

#pasion .posts_navigation .experience_prev h3,
#pasion .posts_navigation .experience_next h3 {
  font-family: 'ChronicleDisplayLight';
  text-transform: none;
  font-size: 28px;
  line-height: 34px;
  margin-top: 10px;
}

#pasion .posts_navigation .arrow {
  font-size: 35px;
  color: #dadada;
}

#pasion .posts_navigation a:hover .arrow {
  color: #0a0a0a;
}

#pasion .libro-container {
  padding: 6rem 0;
}

#pasion .libro {
  max-width: 640px;
  margin: 0 auto;
  font-size: 16px;
}

#pasion .libro .fila {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  border-top: 1px solid #ccc;
  padding: 0.5rem 0 0.7rem;
}

#pasion .libro .fila:last-child {
  border-bottom: 1px solid #ccc;
}

#pasion .libro .fila .concepto {
  width: 30%;
  font-weight: 600;
}

#pasion .libro .fila .contenido {
  width: 70%;
}

#pasion .swiper-container {
  max-width: 640px;
}

#pasion .gallery-top {
  margin-top: 5rem;
}

#pasion .gallery-top .swiper-slide {
  cursor: url(../img/plus.svg), auto;
}

#pasion .gallery-thumbs .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  margin-right: -10px;
  width: 650px;
}

#pasion .gallery-thumbs .swiper-slide {
  margin-top: 10px;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

#pasion .gallery-thumbs .swiper-slide:hover {
  opacity: 0.6;
}

#pasion .swiper-container .swiper-slide img {
  width: 100%;
}

#pasion .slick-slide {
  cursor: url(../img/plus.svg), auto;
}

#pasion .gallery-top .swiper-slide,
#pasion .gallery-top .swiper-slide a,
#pasion .gallery-top .swiper-slide a img {
  cursor: url('../img/plus.svg'), auto !important;
}

.glightbox-open .glightbox-container,
.glightbox-open .glightbox-container .ginner,
.glightbox-open .glightbox-container .gslide,
.glightbox-open .glightbox-container .gslide .gslide-media,
.glightbox-open .glightbox-container .gslide .gslide-media img,
.glightbox-open .glightbox-container .goverlay {
  cursor: url('../img/cross-white.svg'), pointer !important;
}

.glightbox-open .glightbox-container .gclose,
.glightbox-open .glightbox-container .gprev,
.glightbox-open .glightbox-container .gnext {
  cursor: url('../img/cross-white.svg'), pointer !important;
}

.glightbox-open .glightbox-container .gprev,
.glightbox-open .glightbox-container .gnext,
.glightbox-open .glightbox-container .gclose {
  cursor: pointer !important;
}

.glightbox-open .glightbox-container .gclose {
  display: none;
}

.glightbox-open .gslide-media img,
.glightbox-open .gslide-media video,
.glightbox-open .gslide-media iframe {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.glightbox-open .glightbox-container .gprev svg {
  display: none !important;
}

.glightbox-open .glightbox-container .gprev {
  background-image: url('../img/arrow_left_gray.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 46px;
  height: 46px;
}

/* Flecha derecha */
.glightbox-open .glightbox-container .gnext svg {
  display: none !important;
}

.glightbox-open .glightbox-container .gnext {
  background-image: url('../img/arrow_right_gray.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 46px;
  height: 46px;
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
  background-color: transparent!important;
}


.the_content .flexible_content .fix_right {
  position: absolute;
  right: 30px;
  color: #000;
  opacity: 0.3;
  font-size: 28px;
  padding-top: 5px;
}

.fixed .the_content .flexible_content .fix_right {
  position: fixed;
  top: 295px;
  right: 70px;
  z-index: 500;
}

.the_content .flexible_content .fix_right > div {
  margin-bottom: 20px;
  cursor: pointer;
}

.the_content .flexible_content .fix_right > div:hover {
  color: #878787;
}

.the_content .flexible_content .fix_right .icon-share {
  position: relative;
}

.the_content .flexible_content .fix_right .icon-share ul {
  position: absolute;
  top: -5px;
  left: -165px;
  display: table;
  min-width: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
}

.the_content .flexible_content .fix_right .icon-share:hover ul {
  opacity: 1;
}

.the_content .flexible_content .fix_right .icon-share ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px;
  font-size: 20px;
}

.the_content .flexible_content .fix_right .icon-share ul li a {
  color: #999;
}

.the_content .flexible_content .fix_right .icon-share ul li a:hover {
  color: #333;
}

.the_content .flexible_content .fix_right .icon-share ul li .icon-twitter {
  font-size: 18px;
  position: relative;
  top: 2px;
}

.top_posts_nav {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  font-family: 'ASMRegular';
  font-size: 11px;
  text-transform: uppercase;
  color: #b2b2b2;
}

.top_posts_nav a {
  color: #b2b2b2;
}

.top_posts_nav .vertical_prev_post,
.top_posts_nav .vertical_next_post {
  position: fixed;
  width: 500px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  overflow: hidden;
  z-index: 99;
  line-height: 40px;
  text-align: center;
}

.top_posts_nav .vertical_prev_post {
  left: -230px;
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

.top_posts_nav .vertical_next_post {
  right: -230px;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.top_posts_nav .vertical_prev_post .link,
.top_posts_nav .vertical_next_post .link {
  position: relative;
  top: 0;
}

.top_posts_nav .vertical_prev_post .link a,
.top_posts_nav .vertical_next_post .link a {
  display: block;
  width: 100%;
  height: 100%;
}

.top_posts_nav .vertical_prev_post:hover .link,
.top_posts_nav .vertical_next_post:hover .link {
  position: relative;
  top: -40px;
}

.touch figcaption {
  position: fixed;
  top: 25px;
  right: 0;
  background: transparent url(../img/cross-white.svg) right center no-repeat;
  background-position-x: 98%;
  width: 100%;
  height: 30px;
}

/* Dropdown PASION (anuario) */
#pasion .va-dropdown{
  max-width: 640px;
  margin: 0 auto;
  text-align: left;
  color: #0a0a0a;
}


#pasion .va-dropdown.smooth_appear.clearfix:last-of-type .va-accordion .va-acc-item {
  border-bottom: 1px solid #e6e6e6;
}

#pasion .va-dropdown.smooth_appear.clearfix:last-of-type .va-accordion .va-acc-item.is-open{
  border-bottom: none;
}

#pasion .va-accordion .va-acc-head{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: 'ChronicleDisplay';
  font-size: 28px;
  line-height: 1;
  color: rgb(10, 10, 10);
  border-top: 1px solid #e6e6e6;
}

#pasion .va-accordion .va-acc-title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #868686;
  padding: 0 0 0 1rem;
}

#pasion .va-accordion .va-acc-icon{
  flex: 0 0 auto;
  width: 22px;
  text-align: right;
  color: #868686;
  position: relative;
  padding: 0 3rem 0 0;
}
#pasion .va-accordion .va-acc-icon::before{
  content: '+';
  font-size: 40px;
  line-height: 1;
  transition: transform .2s ease;
}
#pasion .va-accordion .is-open .va-acc-icon::before,
#pasion .va-accordion .va-acc-item.is-open .va-acc-icon::before{
  content: '–';
}

#pasion .va-accordion .va-acc-panel[hidden]{ display: none !important; }
#pasion .va-accordion .va-acc-content{
  padding: 10px 0 16px;
  color: #999;
  font-size: 18px;
  line-height: 1.4;
  font-family: 'FoundersGrotesk';
}

.va-acc-panel{
  height: auto!important;
}

/* Summary (anuario)  */
#pasion .va-summary{
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  color: #0a0a0a;
}

#pasion .va-summary__label{
  font-family: 'FoundersGrotesk';
  font-size: 12px;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #b2b2b2;
  margin: 0 0 18px;
}

#pasion .va-summary__list{
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
}

#pasion .va-summary__item{
  margin: 16px 0;
}

#pasion .va-summary__item-title{
 font-family: 'FoundersGrotesk';
  font-weight: 600;
  font-size: 14px;
  line-height: 0.6;
  color: #878787;
  margin: 0;
}

#pasion .va-summary__item-text{
  font-family: 'FoundersGrotesk';
  font-size: 14px;
  line-height: 20px;
  color: #9b9b9b;
  margin: 2px 0 0;
}

@media (max-width: 480px){
  #pasion .va-summary__item-title{ font-size: 17px; line-height: 21px; }
  #pasion .va-summary__item-text{  font-size: 13px; line-height: 19px; }
}



/*	Workshop
	-------- */

#workshop {
}

#workshop .page_header {
  overflow: hidden;
}

#workshop .page_header h2 {
  font-family: 'ChronicleDisplayBlack';
  text-transform: uppercase;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 10px;
}

#workshop .page_header.black h2 {
  color: #0a0a0a;
}

#workshop .page_header .v-middle {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  margin: auto;
}

/* 	#workshop .page_header .play{ position: relative; z-index: 200; cursor: pointer; font-family: 'Akzidenz-GroteskProMed'; font-size: 12px; text-transform: uppercase;} */

#workshop .page_header .play {
  position: relative;
  z-index: 200;
  cursor: pointer;
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

#workshop .page_header .play img {
  height: 24px;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

#video_workshop {
  opacity: 0;
  z-index: -1;
}

body.iphone #video_workshop,
#video_workshop.active {
  opacity: 1;
  z-index: 99;
  position: absolute;
}

body.iphone #video_workshop {
  z-index: 199;
}

#video_workshop .vjs-poster {
  background: transparent !important;
}

#workshop .layer_loading {
  position: fixed;
  top: 0;
  left: 0;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 180;
  opacity: 1;
}

#workshop .layer_loading img {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 40px;
}

#video_workshop .video-js .vjs-tech {
  position: relative !important;
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
  position: fixed !important;
  left: 0 !important;
  right: initial !important;
  bottom: 48px;
  width: 100%;
  margin: auto;
}

.vjs-default-skin .vjs-big-play-button {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: 0 !important;
  margin: auto;
  border: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  position: fixed;
  background: transparent !important;
}

.vjs-default-skin .vjs-big-play-button:before {
  content: '';
  background: transparent url(../img/play_white.svg) center center no-repeat;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px;
  -o-background-size: 50px;
  background-size: 50px;
}

/* Controls general */

.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-slider {
  background: transparent;
  position: fixed;
  width: 80%;
  left: -80px;
  right: 0;
  margin: auto;
  height: 2px;
  bottom: 77px;
  top: initial;
  z-index: 1;
}

/* Progressbar */

.vjs-default-skin .vjs-progress-control {
  height: 2px !important;
  top: -1px !important;
}

.vjs-load-progress {
  background: #ccc !important;
  opacity: 0.4 !important;
}

.vjs-play-progress {
  background: #fff !important;
}

/* Play/pause */

.vjs-default-skin .vjs-play-control {
  position: fixed;
  left: 51px;
  bottom: 64px;
  z-index: 999;
}

.vjs-default-skin .vjs-play-control:before {
  content: '';
  background: transparent url(../img/play_white.svg) center center no-repeat;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px;
  -o-background-size: 15px;
  background-size: 15px;
  opacity: 1;
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: '';
  background: transparent url(../img/pause.svg) center center no-repeat;
}

/* 	Mute on/off */

.vjs-mute-control.vjs-control {
  position: fixed;
  right: 135px;
  bottom: 63px;
}

.vjs-mute-control.vjs-control:before {
  content: '';
  background: transparent url(../img/mute_off.svg) center center no-repeat;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  background-size: 20px;
  opacity: 1;
}

.vjs-mute-control.vjs-control.vjs-vol-0:before {
  content: '';
  background: transparent url(../img/mute.svg) center center no-repeat;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  background-size: 20px;
  opacity: 1;
}

.vjs-default-skin .vjs-menu-button {
  position: fixed;
  right: 95px;
  bottom: 63px;
}

.vjs-default-skin .vjs-menu-button:before {
  content: '';
  background: transparent url(../img/subtitles.svg) center center no-repeat;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  background-size: 20px;
  opacity: 1;
}

/* 	Fullscreen on/off */

.vjs-default-skin .vjs-fullscreen-control {
  position: fixed;
  right: 60px;
  bottom: 63px;
}

.vjs-default-skin .vjs-fullscreen-control:before {
  content: '';
  background: transparent url(../img/fullscreen.svg) center center no-repeat;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  background-size: 20px;
  opacity: 1;
}

body.ipad .vjs-fullscreen-control {
  display: none !important;
}

/* 	Hidde controls */

.vjs-default-skin .vjs-loading-spinner:before,
.vjs-default-skin .vjs-volume-control,
.vjs-current-time-display,
.vjs-time-divider,
.vjs-duration,
.vjs-default-skin .vjs-seek-handle:before {
  display: none;
}

/* 	Subtitles */

.vjs-text-track-display {
  height: auto;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
}

.video-js .vjs-captions {
  color: #fff !important;
  line-height: 38px;
  font-size: 32px;
  background: transparent;
  text-shadow: 0 1px 2px #000;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 100px;
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 0;
  max-height: 15em;
  overflow: auto;
  left: -3em;
  background-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.vjs-default-skin .vjs-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin-bottom: 3em;
  border-left: none;
  border-right: none;
  border-top: none;
  border-top-color: transparent;
}

.vjs-default-skin .vjs-menu-button ul li {
  text-shadow: 1px 1px 0 #000;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  text-shadow: none;
}

#workshop .the_content {
  text-align: center;
  background: #fff;
  position: relative;
  z-index: 99;
}

#workshop .the_content h1 {
  font-family: 'ChronicleDisplay';
  font-size: 42px;
  line-height: 72px;
  color: #0a0a0a;
  margin-top: 80px;
  margin-bottom: -5px;
}

#workshop .the_content .flexible_content {
  position: relative;
  padding-top: 60px;
  text-align: left;
}

#workshop .the_content .flexible_content .intro {
  padding-bottom: 100px;
}

#workshop .the_content .flexible_content .gray {
  background: #f8f8f8;
  padding: 82px 0;
}

#workshop .the_content .flexible_content .text {
  max-width: 640px;
  margin: 0 auto;
}

/* 	#workshop .the_content .flexible_content .text h3{ font-family: 'Akzidenz-GroteskProMed'; padding-bottom: 6px; display: block; border-bottom: 1px solid #DADADA; font-size: 19px; line-height: 30px; color: #0A0A0A; margin-bottom: 6px;} */

#workshop .the_content .flexible_content .text h3 {
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  padding-bottom: 6px;
  display: block;
  border-bottom: 1px solid #dadada;
  font-size: 19px;
  line-height: 30px;
  color: #0a0a0a;
  margin-bottom: 6px;
}

/* 	#workshop .the_content .flexible_content .text strong{ font-family: 'Akzidenz-GroteskProMed'; font-weight: normal} */

#workshop .the_content .flexible_content .text strong {
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  font-weight: normal;
}

#workshop .the_content .images {
  max-width: 940px;
  margin: 50px auto;
}

#workshop .the_content .images .slick_simple {
  max-width: 940px;
  margin: 0 auto;
  font-family: 'ASMRegular';
  font-size: 12px;
  line-height: 22px;
}

#workshop .the_content .images .slick_simple img {
  width: auto;
  max-width: 100%;
  height: 420px;
  margin: 0 auto 0;
}

#workshop .the_content .images .slick_simple .slick-arrow {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  margin-top: -23px;
  border: 0;
  color: #20201f;
  text-indent: -99999px;
  z-index: 40;
}

#workshop .the_content .images .slick_simple .slick-prev {
  left: 0;
  background: transparent url(../img/arrow_left_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#workshop .the_content .images .slick_simple .slick-next {
  right: 0;
  background: transparent url(../img/arrow_right_gray.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#workshop .the_content .machines {
  max-width: 640px;
  margin: 80px auto 50px;
}

#workshop .the_content .machines ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

#workshop .the_content .machines ul li {
  border-bottom: 1px solid #dadada;
  line-height: 45px;
}

#workshop .the_content .machines ul li a {
  color: #878787;
}

/* 	#workshop .the_content .machines ul li:first-child{ font-family: 'Akzidenz-GroteskProMed'; color: #0A0A0A;} */

#workshop .the_content .machines ul li:first-child {
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  color: #0a0a0a;
}

#workshop .the_content .logos {
  max-width: 660px;
  margin: 0 auto -30px;
  text-align: left;
  font-size: 0;
}

#workshop .the_content .logos .logo {
  display: inline-block;
  width: 25%;
  padding: 0 15px;
  vertical-align: middle;
  margin-bottom: 10px;
}

#workshop .the_content .logos .logo img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0.7;
}

#workshop .the_content .logos .logo a:hover img {
  opacity: 1;
}

/*	History
	------- */

#history {
}

#history .slick-slide img {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  position: relative;
  left: 0;
}

#history .page_header .slick-slide.hovernext img {
  left: -60px;
}

#history .page_header .slick-slide.hoverprev img {
  left: 60px;
}

#history .page_header {
  background: #f8f4f0;
  color: #0a0a0a;
  overflow: initial;
}

#history .page_header .history_anchor {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

#history .page_header .v-middle {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  line-height: 30px;
  color: #bab1ad;
}

#history .page_header .v-middle h2 {
  font-family: 'ChronicleDisplayLight';
  text-transform: none;
  font-size: 42px;
  line-height: 70px;
  color: #0a0a0a;
  margin-bottom: 13px;
}

#history .page_header .scrolldown {
  bottom: 10px;
  -webkit-animation: blinker 2s linear infinite;
  -moz-animation: blinker 2s linear infinite;
  -o-animation: blinker 2s linear infinite;
  animation: blinker 2s linear infinite;
  bottom: 20px;
}

#history .page_header .scrolldown.responsive {
  display: none;
  bottom: 20px;
}

#history .page_header .scrolldown:hover {
  bottom: 10px;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}

#history .the_content {
  background: #f8f4f0;
  padding-bottom: 30px;
  position: relative;
}

.page-template-quality #history .the_content,
.page-template-quality #history .the_content .top_navigation {
  background: #f5f5f5;
}

#history .the_content .top_navigation {
  background: #f8f4f0;
}

#history .the_content h1 {
  font-family: 'ChronicleDisplayLight';
  font-size: 42px;
  line-height: 72px;
  color: #0a0a0a;
  margin-top: 80px;
  margin-bottom: -5px;
  text-align: center;
}

#history .the_content .flexible_content {
  position: relative;
  padding-top: 60px;
  text-align: left;
}

#history .the_content .flexible_content .text {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 25px;
  color: #8e8682;
}

/* 	#history .the_content .flexible_content .text strong{ font-family: 'Akzidenz-GroteskProMed'; font-weight: normal;} */

#history .the_content .flexible_content .text strong {
  font-family: 'FoundersGrotesk';
  font-weight: bold;
}

#history .the_content .images {
  max-width: 640px;
  margin: 5px auto 60px;
}

#history .the_content .images.full-width {
  max-width: 100%;
  margin: 5px auto 60px;
  padding: 0 30px;
}

#history .the_content .images.full-width {
  max-width: 100%;
}

#history .the_content .images.full-width img {
  width: 100%;
}

#history .the_content .images img {
  width: 100%;
}

#history .the_content .images .slick_simple {
  max-width: 940px;
  margin: 0 auto;
  font-family: 'ASMRegular';
  font-size: 12px;
  line-height: 22px;
}

#history .the_content .images .slick_simple img {
  width: 640px;
  max-width: 100%;
  margin: 0 auto 0;
}

#history .the_content .images .slick_simple .slick-arrow {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  margin-top: -23px;
  border: 0;
  color: #20201f;
  text-indent: -99999px;
  z-index: 40;
}

#history .the_content .images .slick_simple .slick-prev {
  left: 0;
  background: transparent url(../img/arrow_left_brown.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#history .the_content .images .slick_simple .slick-next {
  right: 0;
  background: transparent url(../img/arrow_right_brown.svg) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

#history .the_content .images .captiont {
  max-width: 640px;
  display: block;
  font-family: 'FoundersGrotesk';
  font-size: 14px;
  line-height: 22px;
  display: block;
  border-top: 1px solid #ececec;
  margin: 0 auto;
  padding: 6px 0 4px;
}

#history .the_content .flexible_content .history_navigation {
  position: absolute;
  left: 30px;
  font-family: 'ASMRegular';
  font-size: 12px;
  line-height: 18px;
  display: table;
  margin: 0 0 7px 0;
  padding: 5px 0 0 0;
  list-style: none;
  text-align: left;
  color: #b2b2b2;
  display: none;
}

.fixed #history .the_content .flexible_content .history_navigation {
  position: fixed;
  top: 295px;
  left: 70px;
}

#history .the_content .flexible_content .history_navigation li {
  line-height: 25px;
}

#history .the_content .flexible_content .history_navigation li a {
  color: #8e8682;
  opacity: 0;
}

#history .the_content .flexible_content .history_navigation li span {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #8e8682;
  margin-right: 10px;
  display: inline-block;
}

#history .the_content .flexible_content .history_navigation li:hover a,
#history .the_content .flexible_content .history_navigation li.active a {
  opacity: 1;
}

#history .the_content .flexible_content .history_navigation li.active span {
  background: #efb85c;
}

#history .the_content .flexible_content .fix_right {
  color: #dbd1cd;
}

#history .the_content .flexible_content .fix_right > div:hover {
  color: #8e8682;
}

#history .the_content .flexible_content .fix_right .icon-share ul li a {
  color: #dbd1cd;
}

#history .the_content .flexible_content .fix_right .icon-share ul li a:hover {
  color: #8e8682;
}

#history .the_content .margen {
  width: 100%;
  max-width: 210px;
  padding-left: 30px;
  position: absolute;
  top: 64.2rem;
}

#history .the_content .margen .figura {
  margin-bottom: 60px;
}

#history .the_content .margen .figura {
  cursor: url(../img/plus.svg), auto;
}

#history .the_content .margen .figura img {
  max-width: 180px;
}

#history .the_content .margen .figura .pie {
  font-size: 13px;
  font-family: 'FoundersGrotesk';
  line-height: 18px;
  margin-top: 1rem;
}

/* .page-template-history figure {display: flex;align-items: center;justify-content: center;} */

/* .page-template-history figure img {max-width: 40%;height: auto;} */

#history .page_header .slick_container {
  max-width: 100%;
  text-align: center;
}

#history .page_header .slick_container .slick_item {
  width: 640px;
  margin: 0 80px;
}

#history .page_header .slick_container .slick_item img {
  height: 420px;
  width: auto;
  max-width: 640px;
  margin: 0 auto;
}

#history .page_header .slick_container .slick-arrow {
  position: absolute;
  width: 500px;
  height: 40px;
  top: 50%;
  background: transparent;
  border: 0;
  margin-top: 0;
  overflow: hidden;
  z-index: 99;
  line-height: 40px;
  text-align: center;
  font-family: 'ASMRegular';
  font-size: 11px;
  text-transform: uppercase;
  color: #b2b2b2;
  transition: all 0.23s ease-in-out;
  -webkit-transition: all 0.23s ease-in-out;
  -moz-transition: all 0.23s ease-in-out;
  -o-transition: all 0.23s ease-in-out;
}

/* #history .page_header .slick_container .slick-arrow:hover {
} */

#history .page_header .slick_container .slick-prev {
  left: -290px;
  height: 100%;
  top: 0;
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

#history .page_header .slick_container .slick-next {
  right: -290px;
  height: 100%;
  top: 0;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

#history .page_header .slick_container .slick-prev div {
  overflow: hidden;
  position: relative;
  height: 81px;
}

#history .page_header .slick_container .slick-prev div span {
  display: block;
  position: relative;
  top: 0;
}

#history .page_header .slick_container .slick-prev:hover div span {
  top: 40px;
}

#history .page_header .slick_container .slick-next div {
  overflow: hidden;
  position: relative;
  height: 81px;
}

#history .page_header .slick_container .slick-next div span {
  display: block;
  position: relative;
  top: 0;
}

#history .page_header .slick_container .slick-next:hover div span {
  top: 40px;
}

#history .page_header .slick_container .slick-disabled {
  display: none !important;
}

#history .page_header .history_bottom_nav {
  background: #f8f4f0;
  width: 640px;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  overflow: hidden;
  margin: auto;
  z-index: 9;
}

/* 	#history .page_header .history_bottom_nav .slick_menu{ display: table; margin: 0 auto; padding: 0; width: auto; list-style: none; font-family: 'Akzidenz-GroteskProMed'; font-size: 12px; line-height: 14px; color: #8E8682; text-transform: uppercase;} */

#history .page_header .history_bottom_nav .slick_menu {
  display: table;
  margin: 0 auto;
  padding: 0;
  width: auto;
  list-style: none;
  font-family: 'FoundersGrotesk';
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  color: #8e8682;
  text-transform: uppercase;
}

#history .page_header .history_bottom_nav .slick_menu li {
  display: inline-block;
  border-bottom: 1px solid transparent;
  margin: 0 8px;
  cursor: pointer;
  padding-bottom: 10px;
}

#history .page_header .history_bottom_nav .slick_menu li.active,
#history .page_header .history_bottom_nav .slick_menu li:hover {
  color: #0a0a0a;
  border-bottom: 1px solid #0a0a0a;
}

#history .page_header .history_bottom_nav hr {
  margin-top: -1px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #e2d9d5;
}

#history .page_header .history_bottom_nav .slick_descriptions {
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  font-size: 14px;
  line-height: 18px;
  color: #8e8682;
  text-align: center;
}

#history .page_header .history_bottom_nav .slick_descriptions li {
  padding: 0;
  display: none !important;
}

#history .page_header .history_bottom_nav .slick_descriptions li.active {
  display: block !important;
}

#history .instructions {
  display: none;
}

#history .nav_strings {
  display: none;
}

/* Quality page */

.page-template-quality .history_block ul {
  list-style: none;
  padding-left: 0;
}

.page-template-quality .history_block ul li::before {
  content: "·";
  display: inline-block;
  width: 5px;
  margin-left: -10px;
  margin-right: 5px;
}

/* Legal and privacy pages */

.page-template-legal #history .the_content,
.page-template-legal #history .the_content .top_navigation {
  background: #f5f5f5;
}

.page-template-legal #history .the_content h1.legal-title {
  font-family: 'ChronicleDisplayLight';
  font-size: 42px;
  line-height: 40px;
  color: #0a0a0a;
  margin-top: 140px;
  text-align: center;
}

.page-template-legal #history .the_content h1 {
  max-width: 470px;
  margin: 0 auto;
  line-height: 40px;
  margin-top: 90px;
}

.page-template-legal #history .the_content .flexible_content {
  padding-top: 5px;
}

.page-template-legal .page_header .title_page {
  color: #666;
}

.page-template-legal .page_header .title_page .start {
  display: block;
}

.page-template-legal .page_header .title_page .show_history {
  display: none;
}

.page-template-legal .history_block ul {
  list-style: none;
  padding-left: 0;
}

.page-template-legal .history_block ul li::before {
  content: "·";
  display: inline-block;
  width: 5px;
  margin-left: -10px;
  margin-right: 5px;
}

.page-template-legal .the_content .legal-subtitle {
  font-size: 16px;
  color: black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  line-height: 1;
  padding: 13px 0 14px 0;
  text-transform: uppercase;
  font-weight: 900;
  margin-top: 80px;
}

.page-template-legal .the_content .legal-text {
  font-size: 20px;
  color: #8e8682;
  line-height: 30px;
  margin-top: 10px;
}

.page-template-legal .the_content .legal-qa {
  padding-bottom: 10px;
  padding-top: 10px;
  margin-top: -1px;
  border-top: 1px solid black;
}

.page-template-legal .the_content .legal-qa:last-child {
  border-bottom-width: 0;
  margin-bottom: 60px;
}

.page-template-legal .the_content .legal-qa .legal-pregunta {
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.page-template-legal #history .the_content .legal-qa .legal-respuesta strong {
  color: #000;
  font-weight: normal;
}

.page-template-legal .the_content .legal-qa .legal-respuesta p,
.page-template-legal .the_content .legal-text p {
  margin-bottom: 10px;
}

.page-template-legal .the_content .legal-qa .legal-respuesta > ul,
.page-template-legal .the_content .legal-text > ul {
  margin: 7px 0;
}

.page-template-legal .the_content .legal-qa .legal-respuesta ul ul,
.page-template-legal .the_content .legal-text ul ul {
  padding-left: 0;
}

.page-template-legal .the_content .legal-qa .legal-respuesta ul > li,
.page-template-legal .the_content .legal-text ul > li {
  padding-left: 2rem;
}

.page-template-legal .the_content .legal-qa .legal-respuesta ul li:before,
.page-template-legal .the_content .legal-text ul li:before {
  content: '·';
  font-family: 'ChronicleDisplayLight';
  font-size: 30px;
  vertical-align: middle;
  margin-right: 16px;
  margin-left: -20px;
  line-height: 0.5;
}

.page-template-legal .the_content .legal-qa .legal-respuesta ul ul li:before,
.page-template-legal .the_content .legal-text ul ul li:before {
  content: '◦';
  font-size: 16px;
  margin-right: 16px;
}

.page-template-legal .the_content .legal-qa .legal-respuesta span,
.page-template-legal .the_content .legal-text li span {
  text-decoration: none !important;
  position: relative;
}

.page-template-legal .the_content .legal-qa .legal-respuesta span::after,
.page-template-legal .the_content .legal-text li span::after {
  content: '';
  display: inline;
  width: 100%;
  position: absolute;
  height: 1px;
  background-color: #8e8682;
  bottom: 0;
  left: 0;
}

.page-template-legal .the_content .legal_block .text>.legal-text:first-child {
  margin-top: 7rem;
}

.page-template-legal .the_content .legal_block .text a {
  color: #8e8682;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.page-template-legal .the_content .legal_block .text a:hover {
  color: #1a1a1a;
}

/*  Anuario
	------- */

#pasion.anuario .the_content h1 {
  line-height: 1;
}

.sub-menu .anuari-years {
  margin-top: 16px;
}

.sub-menu .anuari-years a.year {
  color: #fff !important;
  pointer-events: all !important;
}

.sub-menu .anuari-years a.year:hover {
  text-decoration: underline;
}

.sub-menu .anuari-years a.year::after {
  content: "|";
  display: inline-block;
  margin: 0 10px;
}

.sub-menu .anuari-years a.year:last-child:after {
  content: "";
}

.menu-item-anuaris .sub-menu {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.anuario-template-default .page_header {
  overflow: visible;
}

.anuario-template-default .pagination-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}

.anuario-template-default .pagination-wrapper div {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'ASMRegular';
  line-height: 1;
  font-size: 11px;
  text-transform: uppercase;
}

.anuario-template-default .pagination-wrapper div.prev {
  left: -75px;
}

.anuario-template-default .pagination-wrapper div.next {
  right: -80px;
}

.anuario-template-default .pagination-wrapper div.prev a {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #aaa;
}

.anuario-template-default .pagination-wrapper div.next a {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #aaa;
}

/*	404
	------ */

body.error404 section {
  background: black;
  color: white;
  padding: 220px 0;
  text-align: center;
  margin-bottom: 40px;
}

/*	Footer
	------ */

footer {
  /* background: #fff; */
  padding: 10px 0px;
  font-family: 'ASMRegular';
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  position: relative;
  z-index: 99;
}

.page-template-workshop footer {
  display: none;
}

.page-template-workshop .page_header {
  margin-bottom: 0;
}

footer a {
  color: #999;
  opacity: 0.7;
}

footer .contact {
  max-width: 455px;
  margin: 60px auto 40px;
  text-align: center;
  display: inline-block;
}

footer .bottom {
  padding: 0;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

footer .bottom ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table;
}

footer .bottom ul li {
  display: inline-block;
}

footer .bottom .lang {
  text-transform: uppercase;
  left: 0;
  z-index: 20;
}


footer .bottom .lang .current-lang span{
  font-weight: bold;
}

footer .bottom .policies{
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

footer .bottom .menu {
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 10;
}

footer .bottom .social {
  text-transform: uppercase;
  right: 0;
  top: 24px;
  z-index: 20;
}

footer .bottom .lang > li:after,
footer .bottom .social > li:after {
  content: '/';
  padding: 0 10px 0 2px;
}

footer .bottom .lang > li:last-child:after,
footer .bottom .social > li:last-child:after {
  content: '';
  padding: 0;
}

footer .bottom .menu li {
  padding: 0 10px;
}

footer .menu .current-menu-item a,
footer .bottom .lang .active a {
  color: #0a0a0a;
}

footer .social .list-none li {
  line-height: 50px;
}

footer .quality-link {
  text-transform: uppercase;
  right: 0;
  text-align: center;

}

footer .fora-del-ramat-link{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: max-content;

}

.page-template-workshop footer {
  background: #f8f8f8;
}

/* .page-template-history footer {
  background: #f8f4ef;
} */

.page-template-quality footer {
  background: #f5f5f5;
}

html.disable {
  overflow: hidden;
}

.page-template-legal footer {
  z-index: 0;
}

.page-template-workshop footer .contact,
.page-template-history footer .contact,
.page-template-quality footer .contact,
.page-template-legal footer .contact,
.archive footer .contact,
.single footer .contact {
  display: none;
}

.page-template-workshop footer .bottom,
.page-template-history footer .bottom,
.page-template-quality footer .bottom,
.page-template-legal footer .bottom,
.archive footer .bottom,
.single footer .bottom {
  border: 0;
}

.main_navigation .social .social_icons,
footer .social .social_icons {
  position: relative;
}

.main_navigation .social .social_icons ul,
footer .social .social_icons ul {
  position: absolute;
  top: -1px;
  width: 140px;
  left: -65px;
  display: block !important;
  font-size: 13px;
}

.main_navigation .social .social_icons ul {
  width: 140px;
  left: -75px;
}

.main_navigation .social .social_icons .text,
footer .social .social_icons .text {
  opacity: 0 !important;
}

.main_navigation .social .social_icons .text.hide_social,
footer .social .social_icons .text.hide_social,
.touch .main_navigation .social .social_icons .text,
.touch footer .social .social_icons .text {
  opacity: 0 !important;
}

.main_navigation .social .social_icons .icon-twitter,
footer .social .social_icons ul .icon-twitter {
  position: relative;
  top: 1px;
}

.touch .main_navigation .social .social_icons ul,
.touch footer .social .social_icons ul {
  display: block;
}

@media screen and (min-width: 992px) {
  body.home footer {
    background: #ededed;
  }
}

@media screen and (max-width: 820px) {
  footer {
    padding: 0;
    font-size: 11.5px;

  }

  footer .bottom .lang,
  footer .bottom .policies {
    display: none;
  }

  footer .fora-del-ramat-link{
    top: 10px;
  }
}




@-webkit-keyframes blinker {
  30% {
    opacity: 0.1;
  }
}

@-moz-keyframes blinker {
  30% {
    opacity: 0.1;
  }
}

@-o-keyframes blinker {
  30% {
    opacity: 0.1;
  }
}

@keyframes blinker {
  30% {
    opacity: 0.1;
  }
}

/*	Mediaqueries
	------------ */

@media screen and (max-height: 760px) {
  #history .page_header .slick_container .slick_item img {
    max-height: 380px;
  }

  #history .page_header .slick_container .slick_item {
    margin: 0 -20px;
  }
}

@media screen and (max-height: 700px) {
  #history .page_header .slick_container .slick_item img {
    max-height: 320px;
  }

  #history .page_header .slick_container .slick_item {
    margin: 0 -20px;
  }
}

@media screen and (max-width: 1450px) {
  .vjs-default-skin .vjs-control-bar,
  .vjs-default-skin .vjs-slider {
    width: 75%;
  }
}

@media screen and (max-width: 1366px) {
  #history .page_header .slick_container .slick_item {
    margin: 0 80px;
  }
}

@media screen and (max-width: 1280px) {
  .experiences_grid .item {
    width: 50%;
  }

  #history .page_header .slick_container .slick_item {
    margin: 0 20px;
  }

  .main_navigation .sub-menu li {
    width: 40%;
  }
}

@media screen and (min-width: 1280px) {
  .main_navigation .sub-menu li {
    max-width: 345px;
  }
}

@media screen and (max-width: 1170px) {
  .margen {
    display: none;
  }
}

@media screen and (max-width: 1120px) {
  .vjs-default-skin .vjs-control-bar,
  .vjs-default-skin .vjs-slider {
    width: 70%;
  }
}

@media screen and (max-width: 1100px) {
  #single_experience .the_content .flexible_content .taxonomies {
    max-width: 120px;
  }

  #history .page_header .slick_container .slick_item {
    margin: 0 -20px;
  }
}

@media screen and (max-width: 1024px) {
  #history .page_header .slick_container .slick_item {
    margin: 0 -20px;
  }

  .video-js .vjs-captions {
    line-height: 32px;
    font-size: 24px;
  }/* Slick arrows */

  .the_content .experiences .slick_simple .slick-prev,
  #single_experience .the_content .images .slick_simple .slick-prev,
  #workshop .the_content .images .slick_simple .slick-prev,
  #history .the_content .images .slick_simple .slick-prev {
    left: 80px;
  }

  .the_content .experiences .slick_simple .slick-next,
  #single_experience .the_content .images .slick_simple .slick-next,
  #workshop .the_content .images .slick_simple .slick-next,
  #history .the_content .images .slick_simple .slick-next {
    right: 80px;
  }
}

@media screen and (max-width: 1023px) {
  #history .page_header .slick_container .slick_item {
    margin: 0 -20px;
  }
}

@media screen and (max-width: 992px) {

  .main_navigation .policies span {
    display: none;
  }

  .main_navigation .policies{
    flex-direction: column;
    align-items: flex-end;
    bottom: 20px;
  }

  .main_navigation .policies .quality-link {
    line-height: 1.5;
  }

  .fix_right,
  .taxonomies,
  .history_navigation {
    display: none !important;
  }

  .vjs-default-skin .vjs-control-bar,
  .vjs-default-skin .vjs-slider {
    width: 60%;
  }/* Slick arrows */

  .the_content .experiences .slick_simple .slick-prev,
  #single_experience .the_content .images .slick_simple .slick-prev,
  #workshop .the_content .images .slick_simple .slick-prev,
  #history .the_content .images .slick_simple .slick-prev {
    left: 40px;
  }

  .the_content .experiences .slick_simple .slick-next,
  #single_experience .the_content .images .slick_simple .slick-next,
  #workshop .the_content .images .slick_simple .slick-next,
  #history .the_content .images .slick_simple .slick-next {
    right: 40px;
  }

  .the_content .passion .passion_container {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* Single Experience */

  #single_experience .the_content .images .slick_simple .zoom .zoomin {
    right: 0;
  }
}

.responsive-flex-container {
  height: 100%;
}

@media screen and (max-width: 767px) {
  body {
    padding: 10px;
    font-size: 15px;
    line-height: 22px;
  }

  .the_content .top_navigation {
    height: 65px;
  }

  .page_header .icon-logo,
  .the_content .top_navigation .icon-logo {
    top: 0;
    left: 20px;
  }

  .page_header .icon-burguer,
  .the_content .top_navigation .icon-burguer {
    top: 20px;
    right: 20px;
  }

  .page_header .icon-burguer svg,
  .the_content .top_navigation .icon-burguer svg {
    width: 25px;
    height: 22px;
  }

  .main_navigation .page_header .icon-cross {
    top: 23px;
    right: 20px;
  }

  .main_navigation .menu-item {
    margin-bottom: 1rem;
  }

  .main_navigation .menu-item:last-child {
    margin-bottom: 0;
  }

  .main_navigation .social {
    right: 20px;
  }

  .main_navigation .lang {
    left: 20px;
  }

  .main_navigation .lang,
  .main_navigation .social,
  .main_navigation .quality-link {
    bottom: 20px;
    font-size: 10px;
    line-height: 16px;
  }

  .main_navigation .reset-flex {
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    width: 100%;
    margin: 15px 0 0 0;
  }

  .main_navigation .reset-flex .lang {
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    width: 100%;
  }

  .main_navigation .reset-flex.v-middle-lang {
    margin-top: 23px;
  }

  .main_navigation .w-100 {
    width: 100% !important;
  }

  .main_navigation .social .list-none li {
    display: block !important;
    line-height: 8px;
  }

  .main_navigation .w-100.list-none {
    padding: 0;
    left: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
  }

  .main_navigation .social .social_icons ul {
    padding: 0;
    left: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
  }

  .main_navigation .v-middle-social.reset-flex {
    margin-top: 0;
  }

  .main_navigation .reset-flex p {
    margin-bottom: 0;
  }

  .main_navigation .reset-flex .social_icons .list-none a::before {
    font-size: 18px;
    margin: 0 5px;
  }

  .main_navigation .reset-flex .social_icons .list-none .icon-instagram::before {
    font-size: 16px;
    line-height: 1.3;
  }

  .main_navigation .reset-flex .social_icons .list-none .icon-facebook::before {
    font-size: 20px;
    line-height: 0.8;
  }

  .main_navigation .responsive-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
  }

  .main_navigation .responsive-flex-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .main_navigation nav.v-middle {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    margin: 0;
    padding: 0;
    height: 60%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
  }

  .the_content .top_navigation .title_page {
    display: none;
  }

  .the_content .experiences .slick_simple .slick-arrow {
    margin-top: -50px;
  }

  .the_content .experiences .slick_simple .slick-prev,
  #single_experience .the_content .images .slick_simple .slick-prev,
  #workshop .the_content .images .slick_simple .slick-prev,
  #history .the_content .images .slick_simple .slick-prev,
  #pasion .the_content .images .slick_simple .slick-prev {
    left: 2px;
    width: 12px;
    height: 24px;
  }

  .the_content .experiences .slick_simple .slick-next,
  #single_experience .the_content .images .slick_simple .slick-next,
  #workshop .the_content .images .slick_simple .slick-next,
  #history .the_content .images .slick_simple .slick-next,
  #pasion .the_content .images .slick_simple .slick-next {
    right: 2px;
    width: 12px;
    height: 24px;
  }

  /* .the_content .experiences .slick_simple .slick-prev, */
  #single_experience .the_content .images .slick_simple .slick-prev,
  #workshop .the_content .images .slick_simple .slick-prev,
  #single_experience .the_content .images_fullscreen .slick_simple .slick-prev {
    background: transparent url(../img/arrow_left_gray_r.svg) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }

  /* .the_content .experiences .slick_simple .slick-next, */
  #single_experience .the_content .images .slick_simple .slick-next,
  #workshop .the_content .images .slick_simple .slick-next,
  #single_experience .the_content .images_fullscreen .slick_simple .slick-next {
    background: transparent url(../img/arrow_right_gray_r.svg) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }

  #history .the_content .images .slick_simple .slick-prev {
    background: transparent url(../img/arrow_left_brown_r.svg) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }

  #history .the_content .images .slick_simple .slick-next {
    background: transparent url(../img/arrow_right_brown_r.svg) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }

  #history .the_content .images .captiont {
    display: none;
  }

  #pasion .the_content .images .slick_simple .zoom .zoomin,
  #single_experience .the_content .images .slick_simple .zoom .zoomin {
    display: block;
  }/* .the_content .experiences .slick_simple .slick-prev{ left: 15px;}
		.the_content .experiences .slick_simple .slick-next{ right: 15px;} */

  #single_experience .the_content .images .slick_simple .slick-prev {
    left: 3px;
  }

  #single_experience .the_content .images .slick_simple .slick-next {
    right: 3px;
  }

  #pasion h1,
  #pasion .flexible_content,
  #pasion .libro-container,
  #pasion .swiper-container {
    padding: 0 15px;
  }

  #pasion .gallery-thumbs .swiper-wrapper {
    margin-right: -5px;
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
  }

  #pasion .gallery-thumbs .swiper-slide {
    margin-top: 5px;
  }

  #pasion .gallery-thumbs {
    padding-bottom: 3rem;
  }

  #pasion .libro {
    font-size: 15px;
  }

  #pasion .libro .fila {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #pasion .libro .fila .concepto {
    width: 100%;
  }

  #pasion .libro .fila .contenido {
    width: 100%;
  }

  #pasion .the_content .images .slick_simple .caption,
  #pasion .the_content .images_fullscreen .slick_simple .caption {
    display: none;
    padding: 5px 0;
  }

  #pasion .the_content .images_fullscreen .slick_simple .caption {
    padding: 5px;
  }

  #pasion .the_content .images_fullscreen .slick_simple .slick-prev {
    left: 20px;
  }

  #pasion .the_content .images_fullscreen .slick_simple .slick-next {
    right: 20px;
  }

  #pasion .the_content h1 {
    line-height: 33px;
    font-size: 28px;
    margin-top: 50px;
  }

  #pasion .the_content .flexible_content .images {
    padding: 0;
    margin-bottom: 5rem;
  }

  #pasion .the_content .images .slick_simple .slick-prev {
    background: transparent url(../img/arrow_left_gray_r.svg) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }

  #pasion .the_content .images .slick_simple .slick-next {
    background: transparent url(../img/arrow_right_gray_r.svg) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }

  #pasion .the_content .images .slick_simple .slick-arrow {
    top: 55%;
  }

  .page_header .scrolldown,
  .page_header .scrolldown:hover {
    bottom: 15px;
    -webkit-animation: blinker 2s linear infinite;
    -moz-animation: blinker 2s linear infinite;
    -o-animation: blinker 2s linear infinite;
    animation: blinker 2s linear infinite;
  }/* Main navigation */

  .main_navigation {
    padding: 10px;
  }

  .page_header .title_page,
  .main_navigation .page_header .title_page {
    display: none;
  }

  .main_navigation .contact {
    bottom: 50px;
    font-size: 10px;
    line-height: 16px;
  }

  .main_navigation .menu {
    font-size: 28px;
    line-height: 40px;
    margin-top: -20px;
  }

  .main_navigation .contact .mail {
    display: block;
    margin-right: 0;
  }

  .main_navigation .contact .mail::after {
    content: '';
    padding-left: 0;
  }

  .main_navigation .contact p {
    line-height: 20px;
  }

  .main_navigation .social li::after {
    padding: 0 10px 0 10px;
  }

  .main_navigation .lang li::after {
    content: '/';
    padding: 0 5px;
    color: #666;
  }

  .main_navigation .lang-container {
    bottom: 90px;
    left: inherit;
  }

  .main_navigation .lang-container .lang {
    left: inherit;
  }

  .main_navigation .sub-menu li {
    width: 100%;
    margin-top: 1rem;
  }

  .main_navigation .policies {
    margin-top: 10px;
  }

  .main_navigation .policies .quality-link {
    text-align: center;
    margin: 0;
  }

  .main_navigation .policies .quality-link.legal,
  .main_navigation .policies .quality-link.privacy {
    line-height: 19px;

  }

  /* Homepage */

  .page_header {
    margin-bottom: 10px;
  }

  .page_header .vidalarmadans {
    width: 85%;
  }

  .the_content .experiences {
    padding: 35px 15px;
  }

  .the_content .experiences h2,
  .the_content .workshop h2,
  .the_content .anuario h2  {
    font-size: 40px;
    line-height: 48px;
    padding-top: 5px;
    margin-bottom: 10px;
  }

  .the_content .anuario .description {
    font-size: 22px;
    padding: 0 25px;
  }

  .the_content .passion h2 {
    font-size: 40px;
    line-height: 48px;
    padding-top: 5px;
    margin-bottom: 20px;
  }

  .the_content .history h2 {
    font-size: 40px;
    line-height: 48px;
    padding-top: 5px;
    margin-bottom: 20px;
  }

  /* .the_content .experiences .description {
    display: none;
  } */

  .the_content .experiences .slick_simple img {
    width: 100%;
    height: auto;
  }

  /* .the_content .experiences .slick_simple .img_layer .caption_layer {
    display: none !important;
  } */

  .the_content .workshop {
    padding: 20px 20px;
    height: 50vh;
  }

  .the_content .workshop .image_container .caption,
  #history .the_content .images .slick_simple .caption {
    display: none;
  }

  .the_content .history {
    padding: 60px 20px 60px;
    margin: 0 -10px;
  }

  .the_content .history .description {
    font-size: 22px;
    line-height: 1.15;
    padding: 0;
    margin-bottom: 17px;
    text-align: center;
  }

  /* .the_content .passion {
    padding: 35px 20px;
  } */

  .passion__overlay .description{
    font-size: 22px;
    line-height: 1.15;
    padding: 0 35px;
  }

  .passion__overlay h2 a br{
    display: none;
  }

  .passion__overlay .passion__overlay-inner {
    padding: 30px 5px;
  }

  .the_content .passion .passion_container .text-container .description {
    font-size: 15px;
    line-height: 22px;
    padding: 0;
    margin: 0;
  }

  .the_content .passion .passion_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  .the_content .passion .passion_container .text-container {
    margin-left: 0;
    margin-top: 1rem;
    width: 100%;
  }

  .the_content .passion .passion_container .image {
    margin-top: 0;
    margin-bottom: 16px;
    width: 100%;
  }

  .the_content .passion .passion_container .image img {
    max-width: 100%;
  }

  .the_content .passion .links {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }

  .the_content .workshop .caption h3 {
    font-size: 22px;
    line-height: 1;
    max-width: 90%;
    margin-top: 20px;
    font-weight: 600;
  }

  .video-js .vjs-captions {
    width: 80%;
    margin: auto;
  }

  .vjs-default-skin .vjs-big-play-button {
    display: block;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent url(../img/play_black.svg) center center no-repeat !important;
    -webkit-background-size: 30px auto !important;
    -moz-background-size: 30px auto !important;
    -o-background-size: 30px auto !important;
    background-size: 30px auto !important;
  }

  .vjs-default-skin .vjs-big-play-button:before {
    display: none !important;
  }

  .video-js .vjs-captions {
    line-height: 24px;
    font-size: 16px;
  }

  .video-js .vjs-captions {
    bottom: 70px;
  }

  .vjs-default-skin .vjs-fullscreen-control {
    right: 20px;
    bottom: 25px;
  }

  .vjs-default-skin .vjs-menu-button {
    bottom: 25px;
    right: 55px;
  }

  .vjs-mute-control.vjs-control {
    right: 95px;
    bottom: 25px;
  }

  .vjs-default-skin .vjs-control-bar,
  .vjs-default-skin .vjs-slider {
    width: 40%;
    bottom: 38px;
    left: -80px;
  }

  .vjs-default-skin .vjs-play-control {
    left: 15px;
    bottom: 24px;
  }/* Experiences */

  .experiences_grid {
    padding: 0 5px;
    margin-top: 28px;
  }

  .experiences_grid h1 {
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 30px;
  }

  .experiences_grid .item {
    width: 100%;
  }

  #single_experience .the_content h1,
  #workshop .the_content h1,
  #history .the_content h1 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 35px;
  }

  #single_experience .the_content h4 {
    font-size: 13px;
    line-height: 24px;
  }

  #single_experience .the_content .flexible_content,
  #workshop .the_content .flexible_content,
  #history .the_content .flexible_content {
    padding-top: 30px;
  }

  #single_experience .the_content .flexible_content .text,
  #workshop .the_content .flexible_content .text,
  #history .the_content .flexible_content .text {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
  }

  #single_experience .the_content .flexible_content .featured_text .caption {
    padding: 30px 25px;
    font-size: 20px;
    line-height: 26px;
  }

  #single_experience .the_content .images .slick_simple,
  #workshop .the_content .images,
  #history .the_content .images {
    padding-left: 15px;
    padding-right: 15px;
  }

  #history .the_content .images.full-width {
    margin: 5px auto 30px;
    padding: 0 15px;
  }

  #single_experience .the_content .images .slick_simple img,
  #workshop .the_content .images .slick_simple img,
  #history .the_content .images img {
    width: 100%;
    max-width: 100%;
    height: initial;
    max-height: initial;
  }

  #single_experience .the_content .images .slick_simple .caption,
  #single_experience .the_content .images_fullscreen .slick_simple .caption {
    display: none;
    padding: 5px 0;
  }

  #single_experience .the_content .images_fullscreen .slick_simple .caption {
    padding: 5px;
  }

  #single_experience .the_content .images_fullscreen .slick_simple .slick-prev {
    left: 2px;
  }

  #single_experience .the_content .images_fullscreen .slick_simple .slick-next {
    right: 2px;
  }

  #single_experience .the_content .images_fullscreen .slick_simple .slick-arrow {
    height: 24px;
    width: 12px;
  }

  #single_experience .the_content .flexible_content .images,
  #single_experience .the_content .flexible_content .images_fullscreen {
    padding: 0 0 22px;
  }

  #single_experience .the_content .flexible_content .featured_text {
    padding-bottom: 25px;
  }

  #single_experience .posts_navigation {
    max-width: 90%;
  }

  #single_experience .posts_navigation .experience_prev,
  #single_experience .posts_navigation .experience_next {
    padding: 30px 10px 50px;
    line-height: 1.4;
  }

  #single_experience .posts_navigation .arrow {
    font-size: 26px;
  }

  #single_experience .posts_navigation .experience_prev h3,
  #single_experience .posts_navigation .experience_next h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 15px;
  }

  .top_posts_nav .vertical_prev_post .link a,
  .top_posts_nav .vertical_next_post .link a {
    display: none;
  }

  figcaption {
    display: none !important;
  }

  .experiences_grid .item {
    margin-bottom: 20px;
  }

  .experiences_grid .item .thmb_layer .caption {
    position: relative;
    opacity: 1;
    background: transparent;
    text-align: left;
    margin-top: 15px;
  }

  .experiences_grid .item .thmb_layer .caption h4 {
    display: none;
  }

  .experiences_grid .item .thmb_layer .caption h2 {
    position: relative;
    font-family: 'ASMRegular';
    color: #878787;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    display: inline-block;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
  }

  .experiences_grid .item .thmb_layer .caption h2:before {
    content: '/';
    padding-left: 5px;
    padding-right: 5px;
  }

  .experiences_grid .item .thmb_layer .caption h5 {
    position: relative;
    text-transform: none;
    display: inline-block;
    left: initial;
    right: initial;
    bottom: initial;
    top: initial;
  }

  .anuario_grid {
    padding: 0 5px;
    margin-top: 28px;
  }

  .anuario_grid h1 {
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 30px;
  }

  .anuario_grid .item {
    width: 100%;
  }

  .anuario_grid .item {
    margin-bottom: 20px;
  }

  .anuario_grid .item .thmb_layer .caption {
    position: relative;
    opacity: 1;
    background: transparent;
    text-align: left;
    margin-top: 15px;
  }

  .anuario_grid .item .thmb_layer .caption h4 {
    display: none;
  }

  .anuario_grid .item .thmb_layer .caption h2 {
    position: relative;
    font-family: 'ASMRegular';
    color: #878787;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    display: inline-block;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
  }

  .anuario_grid .item .thmb_layer .caption h5 {
    position: relative;
    text-transform: none;
    display: inline-block;
    left: initial;
    right: initial;
    bottom: initial;
    top: initial;
  }

  #workshop .the_content .flexible_content .gray {
    padding: 32px 0;
  }

  #workshop .the_content .flexible_content .text h3 {
    font-size: 15px;
    line-height: 22px;
  }

  #workshop .the_content .images {
    margin: 0 auto;
  }

  #workshop .the_content .machines {
    margin: 15px auto 30px;
    padding: 0 20px;
  }

  #workshop .the_content .logos .logo {
    width: 33.33333%;
  }

  #history .page_header .v-middle h2 {
    font-size: 28px;
    line-height: 30px;
  }

  #history .page_header .v-middle {
    font-size: 15px;
    line-height: 22px;
    max-width: 250px;
  }

  #history .the_content .images {
    margin-bottom: 30px;
  }

  #history .page_header .history_bottom_nav {
    display: block;
    width: 100%;
    overflow-x: scroll;
    height: 50px;
    padding-top: 20px;
    -webkit-overflow-scrolling: touch;
  }

  #history .page_header .history_bottom_nav .slick_descriptions {
    display: none !important;
  }

  #history .page_header .history_bottom_nav .slick_menu {
    position: relative;
    z-index: 99;
    text-align: left;
    width: 600px;
    border-bottom: 1px solid #e2d9d5;
    background: #f8f4f0;
    padding-top: 20px;
    bottom: 20px;
  }

  #history .page_header .history_bottom_nav hr {
    width: 600px;
    display: none;
  }

  #history .page_header .v-middle {
    max-width: 350px;
    padding: 0 30px;
  }

  #history .page_header .slick_container .slick-prev,
  #history .page_header .slick_container .slick-next {
    display: none !important;
  }

  #history .page_header .slick_container .slick_item p {
    padding: 0 25px;
  }

  #history .page_header .slick_container .slick_item img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 85%;
    margin: 0 auto;
  }

  #history .instructions {
    display: block;
    max-width: 80%;
    margin: 30px auto 30px;
  }

  #history img.instructions {
    margin-top: 30px;
    display: block;
  }

  #history .gradient {
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 70px;
    z-index: 9;
  }

  #history .gradient.left {
    left: 0;
    background: -moz-linear-gradient(left, rgba(248, 244, 240, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(248, 244, 240, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(248, 244, 240, 1)), to(rgba(255, 255, 255, 0)));
    background: -moz-linear-gradient(left, rgba(248, 244, 240, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(248, 244, 240, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(248, 244, 240, 1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f4f0', endColorstr='#00ffffff', GradientType=1);
  }

  #history .gradient.right {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(248, 244, 240, 1) 50%, rgba(248, 244, 240, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(248, 244, 240, 1) 50%, rgba(248, 244, 240, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(248, 244, 240, 1)), to(rgba(248, 244, 240, 1)));
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(248, 244, 240, 1) 50%, rgba(248, 244, 240, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(248, 244, 240, 1) 50%, rgba(248, 244, 240, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(248, 244, 240, 1) 50%, rgba(248, 244, 240, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f8f4f0', GradientType=1);
  }

  #history .page_header .scrolldown.responsive {
    display: block;
    bottom: 0;
  }

  .page-template-legal #history .the_content h1 {
    line-height: 30px;
    margin-top: 30px;
  }

  .page-template-legal #history .the_content h1.legal-title {
    font-size: 28px;
    line-height: 30px;
    padding-bottom: 10px;
    margin-top: 80px;
  }

  .page-template-legal .the_content .legal-text {
    font-size: 15px;
    line-height: 20px;
  }

  .page-template-legal .history_block ul {
    padding-left: 4px;
  }

  .page-template-legal .the_content .legal-qa .legal-respuesta > ul,
  .page-template-legal .the_content .legal-text > ul {
    margin: 0 0 10px 0;
  }

  .page-template-legal .the_content .legal-qa .legal-respuesta > ul:last-child {
    margin-bottom: 20px;
  }

  .page-template-legal .the_content .legal-qa .legal-respuesta ul li:before,
  .page-template-legal .the_content .legal-text ul li:before {
    margin-right: 10px;
    margin-left: -15px;
  }

  .page-template-legal .the_content .legal-qa .legal-respuesta ul > li,
  .page-template-legal .the_content .legal-text ul > li {
    padding-left: 1rem;
    line-height: 20px;
  }

  .page-template-legal .the_content .legal-qa .legal-respuesta ul ul,
  .page-template-legal .the_content .legal-text ul ul {
    padding-left: 0;
  }

  .page-template-legal .the_content .legal-qa .legal-respuesta ul ul li:before,
  .page-template-legal .the_content .legal-text ul ul li:before {
    margin-right: 10px;
  }

  .page-template-legal .the_content .legal-subtitle {
    font-size: 14px;
    line-height: 20px;
    padding: 11px 0 12px 0;
    margin-top: 35px;
  }

  .page-template-legal .the_content .legal-qa {
    padding-bottom: 5px;
    padding-top: 5px;
  }

  body.disable {
    overflow: hidden;
  }/* Anuaris */

  .menu-item-anuaris .sub-menu li > a {
    display: none;
  }

  .sub-menu .anuari-years {
    margin-top: 0;
  }

  .anuario-template-default .pagination-wrapper {
    display: none;
  }

  /* Footer */

  footer {
    padding: 0 20px;
    font-size: 10px;
    line-height: 16px;
  }

  footer .contact {
    margin: 40px auto 20px;
  }

  footer .bottom {
    height: 45px;
  }

  footer .bottom ul,
  footer .bottom .social {
    top: 18px;
  }

  footer .bottom .menu {
    display: none;
  }

  footer .bottom .lang li:after,
  footer .bottom .social li:after,
  .main_navigation .social > li:after {
    padding: 0 5px 0 0;
  }

  .main_navigation .social .social_icons ul,
  footer .social .social_icons ul {
    font-size: 10px;
  }

  .main_navigation .social .social_icons ul .icon-twitter,
  footer .social .social_icons ul .icon-twitter {
    font-size: 9px;
  }

  .main_navigation .social .social_icons ul {
    left: -75px;
    top: 0;
  }

  footer .social .social_icons ul {
    left: -55px;
    top: 0;
  }

  footer .social .list-none {
    display: block !important;
    line-height: 8px;
  }

  footer .quality-link {
    top: 15px;
  }

  figure img {
    border: 10px solid #ededed;
  }
}

@media screen and (max-width: 480px) {
  .main_navigation .sub-menu {
    display: none;
  }
}

@media screen and (max-height: 380px) {
  .main_navigation .contact {
    bottom: 0;
  }
}

#idea {
  color: white;
}

.sub-menu {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -1rem;
  margin-bottom: 0.5rem;
}

.sub-menu .menu-item {
  font-size: 16px;
  font-family: 'FoundersGrotesk';
  width: 25%;
  line-height: 1;
}

.sub-menu .menu-item a {
  color: #666 !important;
  line-height: 1.2;
  pointer-events: none;
}

.sub-menu .menu-item a::before {
  display: none;
}

@media screen and (max-width: 340px) {
  .main_navigation nav.v-middle {
    padding: 7rem 0;
    height: auto;
  }

  .main_navigation {
    overflow-y: auto;
  }

  .main_navigation .menu {
    margin-top: 0;
  }

  .main_navigation .responsive-flex-container {
    height: auto;
  }

  .main_navigation .page_header {
    overflow: auto;
  }

  .main_navigation .page_header .icon-cross {
    top: 33px;
    right: 30px;
    position: fixed;
  }
}

@media (max-width: 500px) {

  #manifest .manifest-intro{
    font-size: 16px;
    line-height: 1.5;
  }

  .the_content .manifest h2 {
    padding: 0 10px;
  }

  #manifest .the_content h1{
    font-size: 28px;
    padding: 0 10px;
  }

  .the_content .manifest .manifest-text, 
  .the_content .anuario .description, .the_content .workshop .caption h3, 
  .passion__overlay .description, .the_content .history .description, 
  .the_content .experiences .description {
    font-size: 18px;
  }

  #manifest .manifest-paragraph .section-content {
    font-size: 16px;
    line-height: 1.5;
  }

  .passion__overlay .passion__overlay-inner {
    width: 100%;
  }
  .page_header .scrolldown, .page_header .scrolldown:hover{
    bottom: 60px;
  }

  footer .bottom .policies{
    display: none;
  }

  .the_content .manifest h2 {
    margin-bottom: 5rem;
  }

  .the_content .manifest, .the_content .anuario {
    padding: 100px 5px 120px;
  }



}

/* ====== MAIN MENU: mostrar submenú SOLO al hacer hover en su menu item ====== */

@media (min-width: 768px) {
  .main_navigation .menu > li {
    position: relative;
    display: block;
    --submenu-h: 67px;
  }

  .main_navigation .menu > li > .sub-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: .5rem;
    display: block;
    list-style: none;
    text-align: center;
    z-index: 50;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease;
  }

  .main_navigation .menu > li:hover > .sub-menu,
  .main_navigation .menu > li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .main_navigation .menu > li::after {
    content: "";
    display: block;
    height: 0;
    transition: height .35s ease;
  }

  .main_navigation .menu > li:hover::after,
  .main_navigation .menu > li:focus-within::after {
    height: var(--submenu-h);
  }

  .main_navigation .menu > li > .sub-menu > li {
    display: block;
    margin: 0 auto;
    white-space: normal;
  }

  .sub-menu .anuari-years {
    margin-top: 3px;
  }

}

.main_navigation .menu > li:last-child{
  font-family: 'ASMRegular';
  font-size: 12px;
  text-transform: uppercase;
}