/*
  FONTS
  font-family: 'Orelo', serif;
  font-family: 'Poppins', sans-serif;
*/

@font-face {
  font-family: 'Orelo';
  src: url('../fonts/orelo-semiwidemedium.woff2') format('woff2'),
       url('../fonts/orelo-semiwidemedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'),
       url('../fonts/poppins-v15-latin-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v15-latin-italic.woff2') format('woff2'),
       url('../fonts/poppins-v15-latin-italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v15-latin-300.woff2') format('woff2'),
       url('../fonts/poppins-v15-latin-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v15-latin-500.woff2') format('woff2'),
       url('../fonts/poppins-v15-latin-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v15-latin-600.woff2') format('woff2'),
       url('../fonts/poppins-v15-latin-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v15-latin-700.woff2') format('woff2'),
       url('../fonts/poppins-v15-latin-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins-v15-latin-800.woff2') format('woff2'),
       url('../fonts/poppins-v15-latin-800.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


/*
	NORMALIZE
*/

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

:root {
  font-size: 62.5%;
  --black: #011629;
  --black-light: #13303E;
  --green: #0B3B47;
  --aquamarine: #1C9FB6;
  --grey: #303030;
  --grey-light: #848F98;
  --ocean: #020e2d;
  --blue: #1C9FB6;
  --white: #F4F6F7;
  --grey-lighter: rgba(244,246,247,0.48);
  --yellow: #FFFAF3;
  --coral: #E36C6C;
  --gold: #B0926C;
  --gold-light: #F1EBE4;
  --gold-lighter: #F1E7DB;
  --brown: #C5B3A3;
}

body {
  margin: 0;
  padding: 0;
  color: var(--black);
  background: var(--yellow);
  text-align: center;
  font-family: 'Poppins', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}

a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
}

b, strong {
  font-weight: bold;
}

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

small {
  font-size: 80%;
}

img {
  border: 0;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

ul, ol {
  padding: 0;
  margin: 0;
}

ul, li {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}

ol li {
  list-style-type: decimal;
}

p {
  line-height: 1em;
  margin-bottom: 0;
  margin-top: 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  margin-top: 0;
  margin-bottom: 0;
}

blockquote {
  margin: 0;
  padding: 0;
}

/* HEADER */
body.bg-black {
  background: var(--black);
}

header {
  position: relative;
  z-index: 1;
}

header:not(.header-min) {
  background-image: url('../img/bg-header.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;  
}

.header_content {
  padding: 1.5rem 1rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.header_logo {
  font-family: 'Orelo';
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  line-height: 1em;
  color: var(--black);
  text-align: left;
  transition: color 0.25s;
  position: absolute;
  top: 1.5rem;
  left: 1rem;
  opacity: 0;
  visibility: hidden;
  animation: opacity 1s forwards 4s;
  z-index: 2;
}

body.bg-black .header_logo {
  color: white;
}

header nav {
  margin-right: 0;
  margin-left: auto;
  width: 2.6rem;
  position: relative;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  animation: opacity 1s forwards 4s;
}

header nav ul {
  position: fixed;
  background: var(--black);
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 1s;  
}

header nav.active ul {
  opacity: 1;
  visibility: visible;
}

header nav li {
  margin: 2rem auto;
}

header nav a {
  font-family: 'Poppins';
  font-weight: 600;
  font-style: normal;
  color: var(--black);
  font-size: 1.4em;
  line-height: 1.1em;
  letter-spacing: 0.063em;
  text-transform: uppercase;
  display: block;
  transition: color 0.25s;
}

body.bg-black header nav a {
  color: white;
}

header nav.active a {
  color: white;
}

header nav > a {
  margin: auto;
  width: 2.6rem;
  height: 1.6rem;
  cursor: pointer;
  position: relative;
  z-index: 20;
}

header .hamburger,
header .hamburger:after,
header .hamburger:before {
  width: 2.6rem;
  height: 0.2rem;
}

header .hamburger {
  position: relative;
  transform: translateY(0.7rem);
  background: var(--black);
  transition: all 0ms 300ms;
  width: 2.2rem;
  display: block;
  transition: background 0.2s;
}

header nav.active .hamburger {
  background: rgba(255,255,255,0);
}

header .hamburger:before {
  content: '';
  position: absolute;
  left: -0.3rem;
  bottom: 0.7rem;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.2s;
  background: var(--black);
}

header .hamburger:after {
  content: '';
  position: absolute;
  left: 0.5rem;
  width: 1.7rem;
  top: 0.7rem;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.2s;
  background: var(--black);
}

body.bg-black header .hamburger,
body.bg-black header .hamburger:before,
body.bg-black header .hamburger:after {
  background: white;
}

header nav.active .hamburger:after {
  top: 0;
  width: 2.6rem;
  left: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

header nav.active .hamburger:before {
  bottom: 0;
  left: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

header nav.active .hamburger:before,
header nav.active .hamburger:after {
  background: white;
}

header.header-min .header_logo,
header.header-min nav {
  animation-delay: 0s;
}

header h1 {
  font-family: 'Orelo';
  font-weight: normal;
  font-style: normal;
  font-size: 5em;
  line-height: 1em;
  color: var(--green);
  text-align: center;
  margin: 9.5rem auto 4rem;
}

header h1 strong {
  font-weight: normal;
}

header p {
  font-size: 2em;
  line-height: 1.4em;
  color: var(--black);
  text-align: center;
  margin: 0 auto 7rem;
  opacity: 0;
  visibility: hidden;
  animation: opacity 2s forwards 2s;
}

header p strong {
  display: block;
  margin-top: 6.5rem;
  font-size: 1.3em;
  line-height: 1.385em;
  font-weight: normal;
  color: var(--coral);
}

header .logos {
  opacity: 0;
  visibility: hidden;
  animation: opacity 1s forwards 4s;
}

.logos li {
  text-align: center;
  margin-bottom: 4rem;
}

.logos span {
  font-size: 1.5em;
  line-height: 1em;
  color: var(--green);
  display: block;
  margin-bottom: 3rem;
}

.logos a {
  display: block;
  max-width: 17rem;
  margin: 0 auto 1rem;
}

.logos li:nth-of-type(1) a {
  max-width: 12rem;
}

.logos li:nth-of-type(2) a:nth-of-type(2) {
  max-width: 15rem;
}

.logos img {
  display: block;
}

.section {
  padding: 8rem 2rem;
}

main > section,
main > figure,
main > blockquote {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10rem);
  transition: all 1s;
}

main > section.visible,
main > figure.visible,
main > blockquote.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.section.about,
body.bg-press {
  background-image: url('../img/bg-clouds.png');
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.section.about {
  padding-top: 10.6rem;
}

.section.members {
  padding: 6.5rem 2rem 8rem;
  background: white;
}

.section.lundbeck {
  background: var(--black);
}

.section.contact {
  background: var(--coral);
  padding-bottom: 11rem;
}

.section.support {
  background: white;
  padding-bottom: 0;
}

.section.heroes {
  padding-bottom: 0;
}

.section.notebook {
  min-height: calc(100vh - 5.5rem);
  padding: 5rem 0 5rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.section_content,
.quote_content {
  max-width: 114rem;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.section.press .section_content {
  position: relative;
}

.section.notebook .section_content {
  max-width: 100%;
}

.section_tag {
  display: inline-block;
  color: var(--coral);
  font-weight: 600;
  font-size: 1.6em;
  line-height: 1.75em;
  letter-spacing: 0.059em;
  text-transform: uppercase;
  margin-bottom: 2.7rem;
}

.section.notebook .section_tag {
  margin-bottom: 4rem;
}

.section.contact .section_tag {
  color: var(--black-light);
  margin-bottom: 4rem;
}

.section_tag:after {
  content: '';
  display: block;
  width: 100%;
  height: 1rem;
  background-image: url('../img/line-coral.svg');
  background-repeat: repeat-x;
  background-position: center;
}

.section.contact .section_tag:after {
  background-image: url('../img/line-black.svg');
}

.section_title {
  font-family: 'Orelo';
  font-weight: normal;
  font-style: normal;
  color: var(--black);
  font-size: 4.2em;
  line-height: 1.048em;
  letter-spacing: -0.007em;
  margin-bottom: 4.4rem;
}

.section_subtitle {
  color: var(--black);
  font-size: 2em;
  line-height: 1.2em;
  font-weight: normal;
  margin-bottom: 5.4rem;
}

.section.press .section_subtitle {
  margin-bottom: 3.7rem;
}

.section_texts p {
  color: var(--black);
  font-size: 1.6em;
  line-height: 1.625em;
  font-weight: normal;
  margin-bottom: 4rem;
}

.section.press .section_texts p {
  margin-bottom: 2.7rem;
}

.section_texts p a,
.section_texts p strong {
  color: var(--black);
  font-weight: 600;
}

.section_texts p:last-child {
  margin-bottom: 0;
}

.section.support .section_texts p {
  margin-bottom: 4rem;
}

.quote {
  background: white;
  padding: 4rem 2rem 8rem;
}

.quote-bigger {
  background: var(--brown);
  padding: 4rem 2rem;
}

.quote-bigger p {
  color: white;
  font-family: 'Orelo';
  font-weight: normal;
  font-style: normal;
  font-size: 3.4rem;
  line-height: 1em;
  text-align: center;
  max-width: 107rem;
  margin: 0 auto;
}

.quote + .quote {
  padding-top: 0;
}

.quote_content {
  text-align: left;
}

.quote img {
  display: block;
  margin-bottom: 1rem;
}

.quote blockquote {
  font-family: 'Orelo';
  font-weight: normal;
  font-style: normal;
  color: var(--gold);
  font-size: 3.2em;
  line-height: 1em;
  letter-spacing: -0.007em;
  margin-bottom: 2rem;
}

.quote figcaption {
  font-weight: normal;
  color: var(--black);
  font-size: 1.2em;
  line-height: 1.333em;
  text-transform: uppercase;
}

.quote figcaption strong {
  display: block;
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.556em;
  text-transform: none;
}

.video:not(:last-child) {
  margin-bottom: 4rem;
}

.section.support .video,
.section.heroes .video {
  background: var(--gold-light);
  margin-left: -2rem;
  margin-right: -2rem;
  margin-bottom: 0;
  padding: 6rem 2rem 8rem;
}

.section.heroes .video {
  background: var(--gold-lighter);
}

.section_texts + .video {
  margin-top: 10rem;
}

.section.support .section_texts + .video {
  margin-top: 6rem;
}

.video_content {
  text-align: left;
}

.video img {
  display: block;
  margin-bottom: 2rem;
}

.video blockquote {
  font-family: 'Orelo';
  font-weight: normal;
  font-style: normal;
  color: var(--gold);
  font-size: 3.2em;
  line-height: 1em;
  letter-spacing: -0.007em;
}

.video blockquote:not(:last-child) {
  margin-bottom: 2rem;  
}
  
.section.support .video blockquote,
.section.heroes .video blockquote {
  color: var(--black);
  margin-bottom: 4.5rem;
}

.video figcaption + blockquote {
  margin-top: 5rem;
}

.video figcaption {
  font-weight: normal;
  color: var(--black);
  font-size: 1.2em;
  line-height: 1.333em;
  text-transform: uppercase;
  min-height: 8rem;
  display: flex;
  align-items: center;
}

.section.support .video figcaption,
.section.heroes .video figcaption {
  flex-direction: column;
  align-items: flex-start;
}

.video figcaption a {
  color: var(--black);
}

.video figcaption strong {
  display: block;
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.556em;
  text-transform: none;
}

.section.support .video figcaption strong,
.section.heroes .video figcaption strong {
  margin-bottom: 0.5rem;
}

.section.lundbeck .section_title,
.section.lundbeck .section_texts p,
.section.lundbeck .video blockquote,
.section.lundbeck .video figcaption,
.section.lundbeck .video figcaption a {
  color: white;
}

a.video_play {
  color: var(--black);
  padding-left: 10rem;
  position: relative;
  display: block;
}

.video > a.video_play,
.video div > a.video_play {
  font-size: 1.5em;
  line-height: 2em;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  color: var(--black);
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 9rem;
  margin-bottom: 4rem;
}

a.video_play:before {
  content: '';
  display: block;
  width: 8rem;
  height: 8rem;
  background-image: url('../img/play.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.video > a.video_play:before,
.video div > a.video_play:before {
  left: auto;
  right: 0;
}

.section.support a.video_play:before,
.section.heroes a.video_play:before {
  background-image: url('../img/play-black.svg');
}

.audio {
  
}

.audio audio {
  display: block;
  width: 29rem;
  background: var(--yellow);
}

audio::-webkit-media-controls-panel {
  background: var(--yellow);
  display: flex;
  padding-left: 0;
  margin-left: -1rem;
}

audio::-webkit-media-controls-current-time-display {
  background: #E0DEDA;
  border-radius: 2rem 0 0 2rem;
  padding: 0.75rem 0 0.75rem 1.25rem;
}

audio::-webkit-media-controls-time-remaining-display {
  background: #E0DEDA;
  border-radius: 0 2rem 2rem 0;
  padding: 0.75rem 1.25rem 0.75rem 0.5rem;
  margin: 0;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-timeline {
  order: -1;
}

audio::-webkit-media-controls-play-button {
  margin-left: 0;
}

/*
audio::-webkit-media-controls-mute-button
audio::-webkit-media-controls-play-button
audio::-webkit-media-controls-timeline-container
audio::-webkit-media-controls-current-time-display
audio::-webkit-media-controls-time-remaining-display
audio::-webkit-media-controls-enclosure
audio::-webkit-media-controls-timeline 
audio::-webkit-media-controls-volume-slider-container 
audio::-webkit-media-controls-volume-slider 
audio::-webkit-media-controls-seek-back-button 
audio::-webkit-media-controls-seek-forward-button 
audio::-webkit-media-controls-fullscreen-button 
audio::-webkit-media-controls-rewind-button 
audio::-webkit-media-controls-return-to-realtime-button 
audio::-webkit-media-controls-toggle-closed-captions-button 
*/

.audio a:not(.btn-transcription) {
  color: var(--black);
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 600;
  letter-spacing: 0.111em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 3rem;
}

.btn-transcription,
.audio a:not(.btn-transcription):after {
  display: inline-block;
  vertical-align: middle;
  width: 4.5rem;
  height: 4.5rem;
  background-image: url('../img/transcription.svg');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -6666rem;
  overflow: hidden;
  display: none;  
}

.audio a:not(.btn-transcription) {
  position: relative;
  padding-right: 7rem;
}

.audio a:not(.btn-transcription):after {
  content: '';
  display: block;
  position: absolute;
  top: -0.5rem;
  right: 1rem;
}

.audio_text {
  margin-top: 2rem;
}

.audio_text p {
  color: var(--black);
  font-size: 1.6em;
  line-height: 1.625em;
  font-weight: normal;
}

.section.end {
  background: white;
}

.section.members + .section.end {
  background: transparent;
}

.section.end h1 {
  font-family: 'Orelo';
  font-weight: normal;
  font-style: normal;
  font-size: 5.5em;
  line-height: 1em;
  color: var(--green);
  text-align: center;
  margin: 0 auto 4rem;
}

.section.end h1 strong {
  font-weight: normal;
}

.section.end p {
  font-size: 2em;
  line-height: 1.4em;
  color: var(--black);
  text-align: center;
  margin: 0 auto 8rem;
}

.section.end p strong {
  display: block;
  font-size: 1.1em;
  line-height: 1.385em;
  font-weight: normal;
  color: var(--coral);
}

/* CINEMA */
.cinema {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--black);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.75s;
}

.cinema.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.cinema_content {
  width: 100%;
  max-width: 114rem;
}

.cinema_content iframe {
  
}

.cinema_content_iframe {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.cinema_content_iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cinema_close {
  display: block;
  width: 4.6rem;
  height: 4.6rem;
  background-image: url('../img/close-white.svg');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -6666rem;
  overflow: hidden;
  margin-bottom: 3rem;
  position: fixed;
  right: 2rem;
  top: 2rem;
  z-index: 10;
}

/* MODAL */
.modal {
  background: var(--black);
  text-align: left;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 100%);
  overflow-y: auto;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 1s;
  height: 100vh;
  width: calc(100vw - 2rem);
  padding: 8rem 3rem;
}

.modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 10;
  transform: translate(-50%, -50%);
}

.modal h3 {
  color: white;
  font-family: 'Poppins';
  font-weight: 700;
  font-style: normal;
  font-size: 2.6em;
  line-height: 1.077em;
  margin-bottom: 3rem;
  clear: both;
}

.modal p {
  color: white;
  font-family: 'Poppins';
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  line-height: 1.333em;
  letter-spacing: 0.042em;
}

.modal_close {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background-image: url('../img/close-alt.svg');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -6666rem;
  overflow: hidden;
  float: right;
  margin-bottom: 2rem;
}

/* SEPARATE TITLES */
.separate strong {
  display: block;
}

.separate span {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  animation-name: wave, opacity;
  animation-duration: 1s, 0.15s;
  animation-timing-function: ease-in-out, linear;
  animation-fill-mode: forwards, forwards;
}

.separate span:nth-of-type(1n) { animation-delay: 0.1s; }
.separate span:nth-of-type(2n) { animation-delay: 0.2s; }
.separate span:nth-of-type(3n) { animation-delay: 0.3s; }
.separate span:nth-of-type(4n) { animation-delay: 0.4s; }
.separate span:nth-of-type(5n) { animation-delay: 0.5s; }
.separate span:nth-of-type(6n) { animation-delay: 0.6s; }
.separate span:nth-of-type(7n) { animation-delay: 0.7s; }
.separate span:nth-of-type(8n) { animation-delay: 0.8s; }
.separate span:nth-of-type(9n) { animation-delay: 0.9s; }
.separate span:nth-of-type(10n) { animation-delay: 1s; }
.separate strong:nth-of-type(2) span:nth-of-type(1n) { animation-delay: 1.1s; }
.separate strong:nth-of-type(2) span:nth-of-type(2n) { animation-delay: 1.2s; }
.separate strong:nth-of-type(2) span:nth-of-type(3n) { animation-delay: 1.3s; }
.separate strong:nth-of-type(2) span:nth-of-type(4n) { animation-delay: 1.4s; }
.separate strong:nth-of-type(2) span:nth-of-type(5n) { animation-delay: 1.5s; }
.separate strong:nth-of-type(2) span:nth-of-type(6n) { animation-delay: 1.6s; }
.separate strong:nth-of-type(2) span:nth-of-type(7n) { animation-delay: 1.7s; }
.separate strong:nth-of-type(2) span:nth-of-type(8n) { animation-delay: 1.8s; }
.separate strong:nth-of-type(2) span:nth-of-type(9n) { animation-delay: 1.9s; }
.separate strong:nth-of-type(2) span:nth-of-type(10n) { animation-delay: 2s; }

/* FOOTER */
footer {
  background: var(--black);
  width: 100%;
  padding: 2rem 1rem;
  text-align: center;
}

footer nav {
  margin-bottom: 2rem;
}

footer ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

footer li:not(:first-child):before {
  content: '|';
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem;
  color: white;
}

footer nav a {
  font-size: 1.2em;
  line-height: 1.438em;
  font-weight: normal;
  color: white;
}

footer p {
  font-size: 1.2em;
  line-height: 1.438em;
  font-weight: normal;
  color: rgba(255,255,255,0.67);
  max-width: 80rem;
  margin: 0 auto;
}

footer p.copyright {
  font-size: 1.1em;
  text-transform: uppercase;
  margin-top: 2rem;
}

.btn-top {
  display: none;
}

.btn-enter,
.btn-download {
  display: block;
  position: relative;
  padding-left: 8rem;
  color: var(--black);
  font-size: 1.3em;
  line-height: 1.625em;
  letter-spacing: 0.042em;
  font-weight: 500;
  text-transform: uppercase;
  max-width: 42rem;
  margin-bottom: 4.4rem;
  padding: 0.5rem 0 0.5rem 8rem;
}

.btn-download {
  max-width: 16rem;
  margin-bottom: 0;
  padding: 1.3rem 0 1.3rem 8rem;
}

.btn-enter:before,
.btn-download:before {
  content: '';
  display: block;
  width: 2.5rem;
  height: 1.6rem;
  background-image: url('../img/arrow-right-white.svg');
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 2.5rem;
  left: 2rem;
  opacity: 1;
  z-index: 1;
}

.btn-download:before {
  width: 1.7rem;
  height: 2.7rem;
  background-image: url('../img/arrow-down-green.svg');
  top: 2rem;
  left: 2.6rem;
}

.btn-enter:after,
.btn-download:after {
  content: '';
  display: block;
  width: 6.8rem;
  height: 6.8rem;
  border-radius: 100%;
  background: var(--aquamarine);
  position: absolute;
  top: 0;
  left: 0;
}

.btn-download:after {
  background: transparent;
  border: 1px solid black;
}

.press_links li {
  margin-bottom: 1.2rem;
}

.members_list {
  margin-bottom: 6rem;
}

.members_list li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2.5rem 1rem;
  border-bottom: 1px solid black;
}

.members_list li:first-child {
  border-top: 1px solid black;
}

.members_list li p {
  font-weight: 500;
  font-size: 1.6em;
  line-height: 1.625em;
  text-align: left;
  max-width: 60rem;
  margin: 0;
}

.members_list li img {
  max-width: 7.8rem;
  margin-right: 2rem;
}

.members_list li strong {
  display: block;
  font-weight: 700;
}

.contact div ul + ul {
  margin-top: 4rem;
}

.contact div ul li {
  color: white;
  font-size: 1.6em;
  line-height: 1.625em;
  font-weight: normal;
  border-bottom: 1px solid white;
  padding: 1.4rem 0.6rem 0.8rem;
}

.contact div ul li a {
  color: white;
  font-weight: normal;
}

.contact div ul li strong {
  font-weight: 700;
  display: block;
}

.contact div ul li:first-child {
  color: white;
  font-size: 1.6em;
  line-height: 1.750em;
  letter-spacing: 0.028em;
  font-weight: 700;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  padding: 0.4rem 0.6rem;
}

.article {
  margin-bottom: 4rem;
}

.article_image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 15rem;
  background: white;
  padding: 2rem 1rem;
  margin-bottom: 2rem;
}

.article_photo {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}

.article_image img,
.article_photo img {
  display: block;
  width: 100%;
}

.section.partners .article:nth-of-type(1) .article_image img {
  max-width: 23rem;
}

.section.partners .article:nth-of-type(2) .article_image img {
  max-width: 16rem;
}

.section.partners .article:nth-of-type(3) .article_image img {
  max-width: 29.5rem;
}

.section.sponsors .article:nth-of-type(1) .article_image img {
  max-width: 27rem;
}

.section.sponsors .article:nth-of-type(2) .article_image img {
  max-width: 35rem;
}

.article h3 {
  color: var(--black);
  font-weight: 800;
  font-size: 2em;
  line-height: 1.273em;
  letter-spacing: 0.028em;
  text-align: left;
  margin-bottom: 0;
}

.article h3 a {
  color: var(--black);
}

.article p,
.article li {
  color: var(--black);
  font-weight: 300;
  font-size: 1.6em;
  line-height: 1.625em;
  text-align: left;
  margin-bottom: 3rem;
}

.article li {
  margin-bottom: 1rem;
}

.article ol {
  padding-left: 4rem;
  margin-top: -1.5rem;
}

/* SWIPER */
.notebook .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  z-index: 1;
  margin: 0 auto;
  padding-bottom: 6rem;
}

.notebook .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.notebook .swiper-android .swiper-slide,
.notebook .swiper-wrapper {
  transform: translate3d(0px,0,0);
}

.notebook .swiper-pointer-events {
  touch-action: pan-y;
}

.notebook .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  padding-top: 0.5rem;
  color: white;
}

.notebook .swiper-slide-invisible-blank {
  visibility: hidden;
}

.notebook .swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.notebook .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.notebook .swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.notebook .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.notebook .swiper-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 3rem -3rem 0;
  padding: 2.5rem 2.5rem 0;
  padding-right: calc(100% - 7rem);
  border-top: 1px solid var(--black);  
}

.notebook .swiper-button-next,
.notebook .swiper-button-prev {
  width: 2.4rem;
  height: 1.6rem;
  z-index: 10;
  cursor: pointer;
  display: block;
  align-items: center;
  justify-content: center;
  text-indent: -6666rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: 0;
}

.notebook .swiper-button-next.swiper-button-disabled,
.notebook .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.notebook .swiper-button-next {
  background-image: url('../img/arrow-right-white.svg');
  right: 7rem;
}

.notebook .swiper-button-prev {
  background-image: url('../img/arrow-left-white.svg'); 
  right: 14rem; 
}

.notebook .swiper-button-lock {
  display: none
}

.notebook .swiper-pagination {
  position: absolute;
  text-align: right;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
  
  font-size: 0;
  line-height: 1em;
  text-align: center;
  right: 7rem;
  bottom: 5rem;
}

.notebook .swiper-pagination-current {
  color: var(--black);
  font-family: 'Orelo';
  font-weight: normal;
  font-style: normal;
  font-size: 2.6rem;
  line-height: 1em;
}

.notebook .swiper-pagination-total {
  color: var(--grey-light);
  font-weight: normal;
  font-style: normal;
  font-size: 2.6rem;
  line-height: 1em;
}

.notebook .swiper-pagination-total:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: -0.5rem 1.1rem 0;
  background: var(--grey-light);
  width: 1px;
  height: 2.2rem;
}

.notebook .swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.notebook .swiper-pagination-progressbar {
  background: rgba(244, 246, 247, 0.22);
  position: absolute;
}

.notebook .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--aquamarine);
  position: absolute;
  left: 0;
  top: -0.1rem;
  width: 100%;
  height: 0.3rem;
  transform: scale(0);
  transform-origin: left top;
}

.notebook .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.notebook .swiper-horizontal>.swiper-pagination-progressbar,
.notebook .swiper-pagination-progressbar.swiper-pagination-horizontal,
.notebook .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.notebook .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 0.1rem;
  left: 0;
}

.notebook .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.notebook .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.notebook .swiper-pagination-progressbar.swiper-pagination-vertical,
.notebook .swiper-vertical>.swiper-pagination-progressbar {
  height: 0.1rem;
  height: 100%;
  left: 0;
  bottom: 0.2rem;
}

.btn-notebook {
  display: block;
  background: white;
  padding: 1rem;
  position: relative;
}

.btn-notebook img {
  display: block;
  width: 100%;
}

.btn-notebook:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 251, 246, 0.93);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s;
}

.btn-notebook span {
  display: block;
  position: relative;
  padding-left: 8rem;
  color: var(--black);
  font-size: 1.3em;
  line-height: 1.625em;
  letter-spacing: 0.042em;
  font-weight: 500;
  text-transform: uppercase;
  max-width: 16rem;
  padding: 1.3rem 0 1.3rem 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s;
}

.btn-notebook span:before {
  content: '';
  display: block;
  width: 1.7rem;
  height: 2.7rem;
  background-image: url('../img/arrow-down-green.svg');
  background-position: center right;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 2rem;
  left: 2.6rem;
  opacity: 1;
  z-index: 1;
}

.btn-notebook span:after {
  content: '';
  display: block;
  width: 6.8rem;
  height: 6.8rem;
  border-radius: 100%;
  background: transparent;
  border: 1px solid black;
  position: absolute;
  top: 0;
  left: 0;
}

.notebook .swiper p {
  color: white;
  font-size: 1.8em;
  line-height: 1em;
  letter-spacing: 0;
  font-weight: 300;
  margin: 2.5rem 1.5rem 1rem;
}

/*
  MOBILE
*/
@media (max-width: 767px){
  
  /* SWIPER AUDIOS */
  .heroes .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1;
    margin: 10rem -2rem 5rem;
    border-top: 1px solid var(--black);
    padding: 5rem 3rem;
  }

  .heroes .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }

  .heroes .swiper-android .swiper-slide,
  .heroes .swiper-wrapper {
    transform: translate3d(0px,0,0);
  }

  .heroes .swiper-pointer-events {
    touch-action: pan-y;
  }

  .heroes .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    padding-top: 0.5rem;
  }

  .heroes .swiper-slide-invisible-blank {
    visibility: hidden;
  }

  .heroes .swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .heroes .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
  }

  .heroes .swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
  }

  .heroes .swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
  }

  .heroes .swiper-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 3rem -3rem 0;
    padding: 2.5rem 2.5rem 0;
    padding-right: calc(100% - 7rem);
    border-top: 1px solid var(--black);  
  }

  .heroes .swiper-button-next,
  .heroes .swiper-button-prev {
    width: 2.4rem;
    height: 4.9rem;
    z-index: 10;
    cursor: pointer;
    display: block;
    align-items: center;
    justify-content: center;
    text-indent: -6666rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .heroes .swiper-button-next.swiper-button-disabled,
  .heroes .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
  }

  .heroes .swiper-button-next {
    background-image: url('../img/swiper-next.svg');
  }

  .heroes .swiper-button-prev {
    background-image: url('../img/swiper-prev.svg');  
  }

  .heroes .swiper-button-lock {
    display: none
  }

  .heroes .swiper-pagination {
    position: absolute;
    text-align: right;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    
    font-size: 0;
    line-height: 1em;
    text-align: center;
    right: 3.5rem;
    bottom: 6rem;
  }
  
  .heroes .swiper-pagination-current {
    color: var(--black);
    font-family: 'Orelo';
    font-weight: normal;
    font-style: normal;
    font-size: 2.6rem;
    line-height: 1em;
  }
  
  .heroes .swiper-pagination-total {
    color: var(--grey-light);
    font-weight: normal;
    font-style: normal;
    font-size: 2.6rem;
    line-height: 1em;
  }
  
  .heroes .swiper-pagination-total:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -0.5rem 1.1rem 0;
    background: var(--grey-light);
    width: 1px;
    height: 2.2rem;
  }

  .heroes .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  
}


/*
  TABLET
*/
@media (min-width: 768px){

  .btn-top {
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: 4.2rem;
    height: 4.2rem;
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('../img/top.svg');
    transition: opacity 1s;
    text-indent: -6666rem;
    overflow: hidden; 
  }
  
  .btn-top.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  
  .section.notebook .section_tag {
    margin-bottom: 8rem;
  }
  
  .notebook .swiper {
    padding-bottom: 9rem;
  }  
  
}

/*
  DESKTOP
*/
@media (min-width: 1024px){
  
  .header_content {
    padding: 2rem;
  }
  
  header:not(.header-min) .header_content {
    align-items: center;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
  
  .header_logo {
    font-size: 2.2em;
    line-height: 1em;
    top: 1.5rem;
    left: 2rem;
  }

  header h1 {
    font-size: 10em;
    line-height: 1.2em;
    margin-top: auto;
  }
  
  header h1.separate strong {
    display: inline-block;
  }
  
  header p {
    font-size: 2.6em;
    max-width: 65rem;
  }
  
  header p strong {
    font-size: 1.385em;
    margin-top: 1rem;
  }
  
  .logos span {
    font-size: 1.7em;
    display: block;
    width: 100%;
    text-align: left;
  }
  
  .logos {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: auto;
  }
  
  .logos li {
    margin-bottom: 0;
  }
  
  .logos li:nth-of-type(2) {
    width: 52rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .logos li:nth-of-type(1) a {
    max-width: 17rem;
  }
  
  .logos li:nth-of-type(2) span {
    margin-bottom: 2rem;
  }

  .logos li:nth-of-type(2) a,
  .logos li:nth-of-type(2) a:nth-of-type(2) {
    max-width: 18rem;
  }

  .logos li:nth-of-type(2) a:nth-of-type(1) {
    max-width: 14rem;
  }

  .logos li:nth-of-type(2) a:nth-of-type(2) {
    max-width: 9rem;
  }
  
  .logos a {
    margin: 0;
  }
  
  header nav {
    margin-right: 0;
    margin-left: auto;
    position: relative;
    width: auto;
  }
  
  header nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 1;
    visibility: visible;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    background: transparent;
    flex-direction: row;
    width: 72rem;
    margin-left: auto;
  }
  
  header nav > a {
    display: none;
  }
  
  header nav li {
    margin: 0 1.5rem;
  }

  header nav li:last-child {
    margin-right: 0;
  }
  
  header nav li a {
    position: relative;
  }
  
  header nav li a:not(.mute):before {
    content: '';
    display: block;
    width: 0%;
    height: 0.12rem;
    background: var(--black);
    position: absolute;
    top: 100%;
    left: 0;
    transition: all 0.5s;
  }
  
  body.bg-black header nav li a:not(.mute):before {
    background: white;
  }
  
  header nav li a:not(.mute):hover:before {
    width: 100%;
  }
  
  .section.about {
    padding-top: 15rem;
  }
  
  .section.heroes {
    padding-bottom: 12rem;
  }

  .section_tag {
    font-size: 1.7em;
    margin-bottom: 1.5rem;
  }
  
  .section.press .section_tag {
    margin-bottom: 4rem;
  }
  
  .section.partners .section_tag {
    margin-bottom: 7rem;
  }
  
  .section.members .section_tag {
    margin-bottom: 2.5rem;
  }
  
  .section.sponsors .section_tag {
    margin-bottom: 1rem;
  }
  
  .section.notebook {
    padding-left: 15rem;
  }
  
  .notebook .swiper p {
    font-size: 2.4em;
    margin: 4.5rem 1.5rem 1rem;
  }
  
  .section_title {
    font-size: 5.6em;
    margin-bottom: 3.6rem;
  }
  
  .section.press .section_title {
    font-size: 6.5em;
    line-height: 1em;
    letter-spacing: 0;
    max-width: 67rem;
    margin-bottom: 5rem;
  }
  
  .section.partners .section_title,
  .section.sponsors .section_title {
    font-size: 8em;
    line-height: 0.875em;
    letter-spacing: 0;
    max-width: 76.7rem;
    margin-bottom: 6rem;
  }
  
  .section.sponsors .section_title {
    margin-bottom: 12rem;
  }
  
  .section.lundbeck .section_title {
    font-size: 7em;
    max-width: 60rem;
  }
  
  .section.support .section_title {
    max-width: 37rem;
    margin-bottom: 0;
  }
  
  .section.heroes .section_title {
    max-width: 77rem;
  }
  
  .section.support .section_content > div:nth-of-type(1) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6rem;
  }
  
  .section_subtitle {
    font-size: 2.4em;
  }
  
  .section.press .section_subtitle {
    font-size: 2.6em;
    line-height: 1.231em;
  }
  
  .section_texts p {
    font-size: 1.8em;
  }
  
  .section.press .section_texts p {
    font-size: 1.8em;
    line-height: 1.556em;
    letter-spacing: 0.028em;
  }
  
  .section.lundbeck .section_texts p:nth-of-type(2) {
    margin-bottom: 6rem;
  }
  
  .section.about,
  body.bg-press {
    background-size: auto;
  }
  
  .section.about .section_content {
    padding-right: 27rem;
  }
  
  .section.press .section_content,
  .section.members .section_content {
    padding-right: 34rem;
  }
  
  .section.about .section_subtitle {
    padding-right: 20rem;
  }
  
  .section:not(.press) .section_texts {
    column-count: 2;
    column-gap: 9rem;
  }
  
  .section.support .section_texts {
    column-count: 1;
    column-gap: 0;
    width: 60%;
    max-width: 59rem;
    margin-bottom: 0;
  }
  
  .section.lundbeck .section_texts {
    column-count: 3;
    column-gap: 5rem;
  }

  .section.partners .article:nth-of-type(1) .article_image img {
    max-width: 29rem;
  }

  .section.partners .article:nth-of-type(2) .article_image img {
    max-width: 29.5rem;
  }
  
  .quote_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .quote_content > div {
    max-width: 60rem;
  }
  
  .quote-right img {
    order: 1;
  }
  
  .quote blockquote {
    font-size: 5em;
    margin-bottom: 5rem;
  }
  
  .quote figcaption,
  .video figcaption {
    font-size: 1.3em;
  }
  
  .quote figcaption strong,
  .video figcaption strong {
    font-size: 1.538em;
  }
  
  .quote-bigger {
    padding: 17.4rem 4rem 18.4rem;
  }
  
  .quote-bigger p {
    font-size: 6rem;
  }
  
  .video {
    display: flex;
    align-items: flex-end;
  }
  
  .section.support .video,
  .section.heroes .video {
    align-items: flex-start;
    justify-content: space-around;
  }
  
  .section.support .video > div,
  .section.heroes .video > div {
    position: relative;
  }
  
  .section.support .video_play,
  .section.heroes .video_play {
    position: absolute;
    bottom: 0;
    right: calc(100% + 7rem);
    width: 19rem;
    margin: 0;
  }
  
  .video blockquote {
    font-size: 4em;
    margin-top: 0;
    margin-bottom: 6rem;
  }
  
  .video-right {
    align-items: center;
  }
  
  .video-right img,
  .video-right figcaption {
    order: 1;
  }
  
  .video > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 47rem;
  }
  
  .video:not(:last-child) {
    margin-bottom: 8rem;
  }
  
  .section.support .video,
  .section.heroes .video {
    margin-left: 0;
    margin-right: 0;
  }
  
  .section.support .video figcaption,
  .section.heroes .video figcaption {
    min-height: auto;
  }
  
  .swiperAudios {
    margin-top: 6rem;
    margin-bottom: 8rem;
  }
  
  .audio {
    border-bottom: 1px solid var(--black);
    padding: 4rem 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  
  .audio audio {
    margin-right: 0;
    margin-left: auto;
  }
  
  .swiper-slide:nth-of-type(1) .audio {
    border-top: 1px solid var(--black);    
  }
  
  .audio a:not(.btn-transcription) {
    font-size: 1.8em;
    margin-bottom: 0;
  }
  
  .audio a:not(.btn-transcription):after {
    content: none;
    display: none;
  }
  
  audio::-webkit-media-controls-panel {
    margin-left: 0;
  }
  
  .btn-transcription {
    display: inline-block;
    margin-left: 2rem;
  }
  
  .section.end {
    padding-bottom: 4rem;
  }
  
  .section.end h1 {
    font-size: 10em;
    line-height: 1.2em;
    margin: 8rem auto 3rem;
  }
  
  .section.end p {
    font-size: 3.6em;
    margin-bottom: 17rem;
  }
  
  .section.end p strong {
    font-size: 1em;
  }
  
  .cinema_close {
    width: 7.6rem;
    height: 7.6rem;
  }
  
  a.video_play:after {
    content: '';
    display: block;
    border-left: 1.9rem solid white;
    border-top: 1.4rem solid transparent;
    border-bottom: 1.4rem solid transparent;
    position: absolute;
    top: 50%;
    left: 3.4rem;
    transform: translateY(-50%);
  }
  
  .support a.video_play:after,
  .heroes a.video_play:after {
    left: 14.4rem;
    border-left: 1.9rem solid var(--black);
  }
  
  a.video_play:hover:after {
    animation: play 1s infinite;
  }
  
  .swiper-controls {
    display: none;
  }
  
  .modal {
    padding: 10rem 11.5rem 5rem;
    max-width: 78rem;
    max-height: 72rem;
  }

  .modal h3 {
    font-size: 3em;
    line-height: 0.933em;
  }
  
  .modal p {
    line-height: 1.556em;
  }
  
  .modal_close {
    margin-bottom: 6.5rem;
    margin-right: -6.5rem;
    margin-top: -5rem;
  }
  
  .btn-enter,
  .btn-download,
  .btn-notebook span {
    font-size: 1.6em;
    padding: 0.8rem 0 0.8rem 8rem;
  }
  
  .btn-download,
  .btn-notebook span {
    max-width: 22rem;
  }
  
  .btn-enter {
    margin-bottom: 7rem;
  }
  
  .btn-enter:hover:before {
    animation: arrow 1.4s infinite linear;
  }
  
  .btn-download:hover:before,
  .btn-notebook span:hover:before {
    animation: arrowTop 1.4s infinite linear;
  }

  .btn-notebook:hover:before,
  .btn-notebook:hover span {
    opacity: 1;
    visibility: visible;
  }
  
  .press_links {
    position: absolute;
    top: 45.6rem;
    right: 1.2rem;
  }
  
  .press_links li {
    margin-bottom: 3.2rem;
  }
  
  .members_list li {
    align-items: center;
    padding: 2.5rem 4rem;
  }
  
  .members_list li p {
    font-size: 1.8em;
    line-height: 1.278em;
    letter-spacing: -0.001em;
  }
  
  .members_list li img {
    max-width: 10rem;
    margin-right: 4rem;
  }
  
  .contact div:not(.section_content) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 86rem;
  }
  
  .contact div ul {
    width: 100%;
    max-width: 38rem;
  }
  
  .contact div ul + ul {
    margin-top: 0;
  }
  
  .contact div ul li {
    font-size: 1.8em;
    line-height: 1.556em;
    letter-spacing: 0.028em;
  }
  
  .article {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 6rem;
  }
  
  .article_image {
    max-width: 37.4rem;
    height: 37.4rem;
  }
  
  .article_photo {
    max-width: 37.4rem;
  }
  
  .article h3 {
    font-size: 2.2em;
    line-height: 1.273em;
    letter-spacing: 0.028em;
  }
  
  .article p,
  .article li {
    font-size: 1.8em;
    line-height: 1.556em;
    letter-spacing: 0.028em;
    max-width: 63rem;
  }
  
  footer {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  
  footer li:not(:first-child):before {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  
  footer nav a,
  footer p {
    font-size: 1.6em;
    line-height: 1.438em;
  }
  
}

/* 
  LARGE DESKTOPS
*/
@media (min-width: 1600px) {
  
  .header_content {
    padding: 2rem 12rem;
  }
  
  .header_logo {
    left: 12rem;
  }
  
}

@media (min-width: 2000px) {

}

/*
  MIN HEIGHT DESKTOPS
*/
@media (max-height: 800px) {
  
  .history_share {
    background: none;
  }
  
  .history_share strong {
    display: none;
  }
  
}

/*
  KEYFRAMES
*/
@keyframes opacity {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes wave {
  0% {
    transform: translateY(0em);
  }
  60% {
    transform: translateY(-0.6rem);
  }
  100% {
    transform: translateY(0em);
  }
}

@keyframes play {
  0% {
    transform: translateY(-50%) scale(1);
  }
  50% {
    transform: translateY(-50%) scale(1.2);
  }
  100% {
    transform: translateY(-50%) scale(1);
  }
}

@keyframes arrow {
  0% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  25% {
    opacity: 0;
    transform:translateX(1rem) scale(0.9);
  }
  26% {
    opacity: 0;
    transform:translateX(-1rem) scale(0.9);
  }
  55% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes arrowTop {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  25% {
    opacity: 0;
    transform:translateY(1rem) scale(0.9);
  }
  26% {
    opacity: 0;
    transform:translateY(-1rem) scale(0.9);
  }
  55% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}