/*!
Theme Name: Kinomural (2023)
Theme URI: http://underscores.me/
Author: Pixels On Fire
Author URI: http://pixelsonfire.pl/
Description: Motytw dla Cięty Język
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kinomural_2023
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Kinomural (2023) is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none
}

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

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

*,
*::before,
*::after {
  box-sizing: inherit
}

html {
  box-sizing: border-box
}

@font-face {
  font-family: "StudioFeixenSans";
  src: url("fonts/StudioFeixenSans-Regular.eot");
  src: url("fonts/StudioFeixenSans-Regular.eot") format("embedded-opentype"), url("fonts/StudioFeixenSans-Regular.woff2") format("woff2"), url("fonts/StudioFeixenSans-Regular") format("woff"), url("fonts/StudioFeixenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: "StudioFeixenSans";
  src: url("fonts/StudioFeixenSans-Bold.eot");
  src: url("fonts/StudioFeixenSans-Bold.eot") format("embedded-opentype"), url("fonts/StudioFeixenSans-Bold.woff2") format("woff2"), url("fonts/StudioFeixenSans-Bold") format("woff"), url("fonts/StudioFeixenSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-feature-settings: "ss01" 1, "ss02" 1, "ss03" 1
}

@font-face {
  font-family: "StudioFeixenEdgy";
  src: url("fonts/StudioFeixenEdgy-Bold.eot");
  src: url("fonts/StudioFeixenEdgy-Bold.eot") format("embedded-opentype"), url("fonts/StudioFeixenEdgy-Bold.woff2") format("woff2"), url("fonts/StudioFeixenEdgy-Bold") format("woff"), url("fonts/StudioFeixenEdgy-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #ffc5ac;
  font-family: "StudioFeixenSans", sans-serif;
  font-size: 1rem;
  line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "StudioFeixenSans", sans-serif;
  font-weight: 300
}

.font-edgy {
  font-family: "StudioFeixenEdgy", sans-serif !important
}

.font-ss01 em {
  font-feature-settings: "ss01";
  font-style: normal
}

.font-ss02 em {
  font-feature-settings: "ss02";
  font-style: normal
}

.font-ss03 em {
  font-feature-settings: "ss03";
  font-style: normal
}

.font-bold {
  font-weight: bold !important
}

.text-gradient,
.link-to-page--label.big-letters {
  background: -webkit-linear-gradient(45deg, var(--gradient-start), var(--gradient-stop));
  background: -moz-linear-gradient(45deg, var(--gradient-start), var(--gradient-stop));
  background: -o-linear-gradient(45deg, var(--gradient-start), var(--gradient-stop));
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-stop));
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -moz-text-fill-color: rgba(0, 0, 0, 0);
  -o-text-fill-color: rgba(0, 0, 0, 0)
}

p {
  margin-bottom: 1.5em
}

dfn,
cite,
em,
i {
  font-style: italic
}

blockquote {
  margin: 0 1.5em
}

address {
  margin: 0 0 1.5em
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none
}

big {
  font-size: 125%
}

body {
  background: #040509;
  color: #fdfdfd;
  --gradient-start: #FF4F76;
  --gradient-stop: #ffc5ac;
  font-feature-settings: "ss01" 1, "ss02" 1, "ss03" 1
}

hr {
  background-color: #ffc5ac;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em
}

ul,
ol {
  margin: 0 0 1.5em 3em
}

ul {
  list-style: disc
}

ol {
  list-style: decimal
}

li>ul,
li>ol {
  margin-bottom: 0;
  margin-left: 1.5em
}

dt {
  font-weight: 700
}

dd {
  margin: 0 1.5em 1.5em
}

embed,
iframe,
object {
  max-width: 100%
}

img {
  height: auto;
  max-width: 100%
}

figure {
  margin: 1em 0
}

table {
  margin: 0 0 1.5em;
  width: 100%
}

a {
  color: #ffc5ac;
  text-decoration: none;
  transition: .25s ease-in-out all
}

a:visited {
  color: #ffc5ac
}

a:hover,
a:focus,
a:active {
  color: #ff4f76
}

a:focus {
  outline: 0
}

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

button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, .8);
  line-height: 1;
  padding: .6em 1em .4em
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb
}

.btn-gradient {
  --bg-1: var(--gradient-start);
  --bg-2: var(--gradient-stop);
  color: #000;
  padding: clamp(1rem, 1rem + 8*(100vw - 375px)/1545, 1.5rem);
  font-size: clamp(1rem, 1rem + 8*(100vw - 375px)/1545, 1.5rem);
  background: linear-gradient(45deg, var(--bg-1), var(--bg-2));
  font-weight: bold;
  border: 0;
  display: block;
  text-align: center;
  text-transform: uppercase
}

.btn-gradient:hover {
  color: #000
}

.btn-gradient .icon {
  display: none
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #272727;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #000
}

select {
  border: 1px solid #ccc
}

textarea {
  width: 100%
}

.b-contain *,
.b-contain *::before,
.b-contain *::after {
  box-sizing: content-box !important
}

.b-contain input {
  position: absolute;
  z-index: -1;
  opacity: 0
}

.b-contain span {
  line-height: 1.54;
  font-size: 1rem;
  font-family: inherit
}

.b-contain {
  display: table;
  position: relative;
  padding-left: 1.8rem;
  cursor: pointer;
  margin-bottom: .5rem
}

.b-contain input[type=checkbox]~.b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: #f1f5f8;
  transition: background 250ms;
  border: 1px solid #b8c2cc;
  border-radius: .125rem
}

.b-contain input[type=radio]~.b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: #f1f5f8;
  transition: background 250ms;
  border: 1px solid #b8c2cc;
  border-radius: 2rem
}

.b-contain input[type=checkbox]~.b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: .45rem;
  top: .18rem;
  width: .25rem;
  height: .6rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transition: background 250ms;
  transform: rotate(45deg)
}

.b-contain input[type=radio]~.b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: .25rem;
  top: .25rem;
  width: .75rem;
  height: .75rem;
  border-radius: 2rem;
  background: #fff;
  transition: background 250ms
}

.b-contain input:disabled~.b-input::after {
  border-color: #8795a1
}

.b-contain input:checked~.b-input::after {
  display: block
}

.b-contain:hover input~.b-input,
.b-contain input:focus~.b-input {
  background: #e7eef3
}

.b-contain input:focus~.b-input {
  box-shadow: 0 0 0 2px rgba(255, 79, 118, .5)
}

.b-contain input:checked~.b-input {
  background: #ffc5ac;
  border-color: #ffc5ac
}

.b-contain input[type=checkbox]:disabled~.b-input {
  background: #f1f5f8;
  border-color: #b8c2cc;
  opacity: .6;
  cursor: not-allowed
}

.b-contain input[type=radio]:disabled~.b-input {
  background: #f1f5f8;
  border-color: #b8c2cc;
  opacity: .6;
  cursor: not-allowed
}

.b-contain input[type=radio]:disabled~.b-input::after {
  background: #8795a1
}

.b-contain input:checked:focus~.b-input,
.b-contain:hover input:not([disabled]):checked~.b-input {
  background: #ffc5ac;
  border-color: #ffc5ac
}

.b-contain .b-input::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  margin-left: -0.85rem;
  margin-top: -0.85rem;
  background: #ffc5ac;
  border-radius: 2rem;
  opacity: .6;
  z-index: 99999;
  transform: scale(0)
}

@keyframes b-ripple {
  0% {
    transform: scale(0)
  }

  20% {
    transform: scale(1)
  }

  100% {
    opacity: 0;
    transform: scale(1)
  }
}

@keyframes b-ripple-duplicate {
  0% {
    transform: scale(0)
  }

  30% {
    transform: scale(1)
  }

  60% {
    transform: scale(1)
  }

  100% {
    opacity: 0;
    transform: scale(1)
  }
}

.b-contain input+.b-input::before {
  animation: b-ripple 250ms ease-out
}

.b-contain input:checked+.b-input::before {
  animation-name: b-ripple-duplicate
}

.b-contain .b-input::before {
  visibility: hidden
}

.b-contain input:focus+.b-input::before {
  visibility: visible
}

.b-contain:first-child .b-input::before {
  visibility: hidden
}

#page.site {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh
}

#page.site .site-content {
  flex: 1
}

body.page,
body.post {
  margin-bottom: 0
}

body.admin-bar #page.site {
  min-height: calc(100vh - 32px)
}

body.no-scroll {
  position: absolute;
  overflow: hidden
}

.wrapper {
  width: calc(100% - 40px);
  max-width: 1364px;
  margin-left: auto;
  margin-right: auto
}

@media screen and (min-width: 1921px) {
  .wrapper {
    max-width: 1760px
  }
}

@media screen and (max-width: 1400px) {
  .wrapper {
    max-width: 1260px
  }
}

@media screen and (max-width: 1024px) {
  .wrapper {
    max-width: 991px
  }
}

@media screen and (max-width: 768px) {
  .wrapper {
    max-width: 740px
  }
}

@media screen and (max-width: 480px) {
  .wrapper {
    max-width: calc(100% - 32px)
  }
}

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

  html,
  body {
    height: 100vh
  }
}

#mobile-menu-container {
  display: none
}

@media screen and (max-width: 640px) {
  #mobile-menu-container {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #100815;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 999;
    opacity: 0;
    transition: .75s ease-in-out all;
    visibility: hidden;
    transform: translateZ(-1)
  }
}

#mobile-menu-container.active {
  opacity: 1;
  visibility: visible;
  transform: translateZ(1)
}

#mobile-menu-container .box {
  position: relative;
  width: 100%;
  height: 100%
}

#mobile-menu-container .box .container {
  padding-top: 120px;
  padding-bottom: 120px;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center
}

#mobile-menu-container .box ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 32px
}

#mobile-menu-container .box ul li a {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 130%;
  text-align: right;
  letter-spacing: -0.03em;
  color: #fdfdfd;
  text-transform: lowercase
}

#mobile-menu-container .box ul li a:hover {
  color: #ff4f76
}

.main-navigation {
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 130%;
  height: 36px;
  text-align: right;
  letter-spacing: -0.03em
}

@media screen and (max-width: 1441px) {
  .main-navigation {
    font-size: 23px;
    line-height: 32px
  }
}

@media screen and (max-width: 1367px) {
  .main-navigation {
    font-size: 19px;
    line-height: 26px
  }
}

@media screen and (max-width: 1024px) {
  .main-navigation {
    font-size: 19px;
    line-height: 26px
  }
}

@media screen and (max-width: 768px) {
  .main-navigation {
    font-size: 17px;
    line-height: 24px
  }
}

.main-navigation ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  line-height: 36px
}

.main-navigation ul li {
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  line-height: 36px
}

@media screen and (max-width: 1441px) {
  .main-navigation ul li {
    padding-left: 14px;
    padding-right: 14px
  }
}

@media screen and (max-width: 1367px) {
  .main-navigation ul li {
    padding-left: 12px;
    padding-right: 12px
  }
}

@media screen and (max-width: 768px) {
  .main-navigation ul li {
    padding-left: 9px;
    padding-right: 9px
  }
}

.main-navigation ul li a {
  text-transform: lowercase;
  font-family: "StudioFeixenSans", sans-serif;
  color: #fdfdfd;
  text-decoration: none;
  font-weight: bold;
  padding-left: 16px;
  padding-right: 16px;
  letter-spacing: .025em;
  transition: .25s ease-in-out all;
  line-height: 36px
}

@media screen and (max-width: 1441px) {
  .main-navigation ul li a {
    padding-left: 14px;
    padding-right: 14px
  }
}

@media screen and (max-width: 1367px) {
  .main-navigation ul li a {
    padding-left: 12px;
    padding-right: 12px
  }
}

@media screen and (max-width: 768px) {
  .main-navigation ul li a {
    padding-left: 9px;
    padding-right: 9px
  }
}

.main-navigation ul li a:hover {
  color: #ff4f76
}

.sticky {
  display: block
}

.post,
.page {
  margin: 0 0 1.5em
}

.updated:not(.published) {
  display: none
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0
}

.page-links {
  clear: both;
  margin: 0 0 1.5em
}

.comment-content a {
  word-wrap: break-word
}

.bypostauthor {
  display: block
}

.widget {
  margin: 0 0 1.5em
}

.widget select {
  max-width: 100%
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0
}

.custom-logo-link {
  display: inline-block
}

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.wp-caption .wp-caption-text {
  margin: .8075em 0
}

.wp-caption-text {
  text-align: center
}

.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr)
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr)
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr)
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr)
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr)
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr)
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr)
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr)
}

.gallery-caption {
  display: block
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none
}

.infinity-end.neverending .site-footer {
  display: block
}

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

.hamburger:hover {
  opacity: 1
}

.hamburger.is-active:hover {
  opacity: 1
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff
}

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

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -0.5px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 24px;
  height: 1px;
  background-color: #fdfdfd;
  border-radius: 5px;
  position: absolute;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block
}

.hamburger-inner::before {
  top: -7px
}

.hamburger-inner::after {
  bottom: -7px
}

.hamburger--3dx .hamburger-box {
  perspective: 48px
}

.hamburger--3dx .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

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

.hamburger--3dx.is-active .hamburger-inner {
  background-color: rgba(0, 0, 0, 0);
  transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
  perspective: 48px
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

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

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: rgba(0, 0, 0, 0);
  transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
  perspective: 48px
}

.hamburger--3dy .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

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

.hamburger--3dy.is-active .hamburger-inner {
  background-color: rgba(0, 0, 0, 0);
  transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
  perspective: 48px
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

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

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: rgba(0, 0, 0, 0);
  transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
  perspective: 48px
}

.hamburger--3dxy .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: rgba(0, 0, 0, 0);
  transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
  perspective: 48px
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: rgba(0, 0, 0, 0);
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-4.8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

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

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

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

.hamburger--arrowalt .hamburger-inner::before {
  transition: top .1s .1s ease, transform .1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

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

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

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

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top .1s .1s ease, transform .1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

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

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

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

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

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

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

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

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

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

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

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse .hamburger-inner::after {
  top: -14px;
  transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
  transition: top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -14px;
  transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--elastic .hamburger-inner {
  top: .5px;
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
  top: 7px;
  transition: opacity .125s .275s ease
}

.hamburger--elastic .hamburger-inner::after {
  top: 14px;
  transition: transform .275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(135deg);
  transition-delay: .075s
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(-270deg);
  transition-delay: .075s
}

.hamburger--elastic-r .hamburger-inner {
  top: .5px;
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 7px;
  transition: opacity .125s .275s ease
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 14px;
  transition: transform .275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(-135deg);
  transition-delay: .075s
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(270deg);
  transition-delay: .075s
}

.hamburger--emphatic {
  overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color .125s .175s ease-in
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top .05s .125s linear, left .125s .175s ease-in
}

.hamburger--emphatic .hamburger-inner::after {
  top: 7px;
  right: 0;
  transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top .05s .125s linear, right .125s .175s ease-in
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: rgba(0, 0, 0, 0)
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -48px;
  top: -48px;
  transform: translate3d(48px, 48px, 0) rotate(45deg);
  transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -48px;
  top: -48px;
  transform: translate3d(-48px, 48px, 0) rotate(-45deg);
  transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--emphatic-r {
  overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color .125s .175s ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top .05s .125s linear, left .125s .175s ease-in
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 7px;
  right: 0;
  transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top .05s .125s linear, right .125s .175s ease-in
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: rgba(0, 0, 0, 0)
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -48px;
  top: 48px;
  transform: translate3d(48px, -48px, 0) rotate(-45deg);
  transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -48px;
  top: 48px;
  transform: translate3d(-48px, -48px, 0) rotate(45deg);
  transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  transition: bottom .08s 0s ease-out, top .08s 0s ease-out, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom .08s ease-out, top .08s ease-out, opacity 0s .08s linear
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0
}

.hamburger--slider .hamburger-inner {
  top: .5px
}

.hamburger--slider .hamburger-inner::before {
  top: 7px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
  top: 14px
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-3.4285714286px, -6px, 0);
  opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
  top: .5px
}

.hamburger--slider-r .hamburger-inner::before {
  top: 7px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner::after {
  top: 14px
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(3.4285714286px, -6px, 0);
  opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin .hamburger-inner::before {
  transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin-r .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spring .hamburger-inner {
  top: .5px;
  transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner::before {
  top: 7px;
  transition: top .1s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring .hamburger-inner::after {
  top: 14px;
  transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: rgba(0, 0, 0, 0)
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top .1s .15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform .13s .22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform .13s .22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 7px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring-r .hamburger-inner::after {
  top: -14px;
  transition: top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top .1s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top .1s .15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform .13s .22s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand .hamburger-inner {
  transition: transform .075s .15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s .075s linear
}

.hamburger--stand .hamburger-inner::before {
  transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: rgba(0, 0, 0, 0);
  transition: transform .075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s .15s linear
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand-r .hamburger-inner {
  transition: transform .075s .15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s .075s linear
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: rgba(0, 0, 0, 0);
  transition: transform .075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s .15s linear
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: .075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top .075s .12s ease, opacity .075s ease
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom .075s .12s ease, transform .075s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .075s ease, opacity .075s .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .075s ease, transform .075s .12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--vortex .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg)
}

.hamburger:hover,
.hamburger:focus {
  background: rgba(0, 0, 0, 0)
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important
}

.screen-reader-text:focus {
  background-color: #040509;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  clip: auto !important;
  clip-path: none;
  color: #fdfdfd;
  display: block;
  font-size: .875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000
}

#primary[tabindex="-1"]:focus {
  outline: 0
}

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em
}

.section-master-size-title,
.kmh1 {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.0125em;
  font-size: clamp(3.125rem, 3.125rem + 160*(100vw - 375px)/1545, 13.125rem);
  text-transform: uppercase;
  font-feature-settings: normal
}

.section-master-size-title.lowercase,
.kmh1.lowercase {
  text-transform: lowercase
}

.section-master-size-title.purple,
.kmh1.purple {
  color: #fff
}

.section-second-size-title,
.kmh2 {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 3em;
  line-height: 110%;
  letter-spacing: -0.03em
}

@media screen and (min-width: 120.0625rem) {

  .section-second-size-title,
  .kmh2 {
    font-size: 3em
  }
}

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

  .section-second-size-title,
  .kmh2 {
    font-size: 3em
  }
}

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

  .section-second-size-title,
  .kmh2 {
    font-size: 3em
  }
}

@media screen and (max-width: 80rem) {

  .section-second-size-title,
  .kmh2 {
    font-size: 2.5em
  }
}

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

  .section-second-size-title,
  .kmh2 {
    font-size: 2em
  }
}

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

  .section-second-size-title,
  .kmh2 {
    font-size: 1.75em
  }
}

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

  .section-second-size-title,
  .kmh2 {
    font-size: 1.75em
  }
}

.section-second-size-title.lowercase,
.kmh2.lowercase {
  text-transform: lowercase
}

.section-second-size-title.purple,
.kmh2.purple {
  color: #fff
}

.section-third-size-title,
.kmh3,
.link-to-page--label {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2em;
  line-height: 120%;
  letter-spacing: -0.03em
}

@media screen and (min-width: 120.0625rem) {

  .section-third-size-title,
  .kmh3,
  .link-to-page--label {
    font-size: 2.5em
  }
}

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

  .section-third-size-title,
  .kmh3,
  .link-to-page--label {
    font-size: 2em
  }
}

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

  .section-third-size-title,
  .kmh3,
  .link-to-page--label {
    font-size: 2em
  }
}

@media screen and (max-width: 80rem) {

  .section-third-size-title,
  .kmh3,
  .link-to-page--label {
    font-size: 1.75em
  }
}

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

  .section-third-size-title,
  .kmh3,
  .link-to-page--label {
    font-size: 1.5em
  }
}

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

  .section-third-size-title,
  .kmh3,
  .link-to-page--label {
    font-size: 1.25em
  }
}

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

  .section-third-size-title,
  .kmh3,
  .link-to-page--label {
    font-size: 1.25em
  }
}

.section-third-size-title.big-letters,
.kmh3.big-letters,
.link-to-page--label.big-letters {
  text-transform: uppercase
}

.section-third-size-title.lowercase,
.kmh3.lowercase,
.link-to-page--label.lowercase {
  text-transform: lowercase
}

.section-third-size-title.purple,
.kmh3.purple,
.link-to-page--label.purple {
  color: #fff
}

.link-to-page--label.big-letters {
  text-transform: lowercase
}

.link-to-page--label.big-letters:first-letter {
  text-transform: uppercase
}

.link-to-page--label {
  font-weight: bold
}

.section-fourth-size-title,
.kmh4 {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5em;
  line-height: 130%
}

@media screen and (min-width: 120.0625rem) {

  .section-fourth-size-title,
  .kmh4 {
    font-size: 1.5em
  }
}

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

  .section-fourth-size-title,
  .kmh4 {
    font-size: 1.5em
  }
}

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

  .section-fourth-size-title,
  .kmh4 {
    font-size: 1.5em
  }
}

@media screen and (max-width: 80rem) {

  .section-fourth-size-title,
  .kmh4 {
    font-size: 1.25em
  }
}

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

  .section-fourth-size-title,
  .kmh4 {
    font-size: 1.125em
  }
}

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

  .section-fourth-size-title,
  .kmh4 {
    font-size: 1.125em
  }
}

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

  .section-fourth-size-title,
  .kmh4 {
    font-size: 1em
  }
}

.section-fourth-size-title.big-letters,
.kmh4.big-letters {
  text-transform: uppercase
}

.section-fourth-size-title.lowercase,
.kmh4.lowercase {
  text-transform: lowercase
}

.section-fourth-size-title.purple,
.kmh4.purple {
  color: #fff
}

.kmnavi {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5em
}

@media screen and (min-width: 120.0625rem) {
  .kmnavi {
    font-size: 1.5em
  }
}

@media screen and (max-width: 1536px) {
  .kmnavi {
    font-size: 1.5em
  }
}

@media screen and (max-width: 1400px) {
  .kmnavi {
    font-size: 1.5em
  }
}

@media screen and (max-width: 80rem) {
  .kmnavi {
    font-size: 1.25em
  }
}

@media screen and (max-width: 1024px) {
  .kmnavi {
    font-size: 1.125em
  }
}

@media screen and (max-width: 768px) {
  .kmnavi {
    font-size: 1.125em
  }
}

@media screen and (max-width: 480px) {
  .kmnavi {
    font-size: 1em
  }
}

.kmnavi.big-letters {
  text-transform: uppercase
}

.kmnavi.lowercase {
  text-transform: lowercase
}

.kmnavi.purple {
  color: #fff
}

.kmnavi.deeppurple {
  color: #ff8c76
}

.kmnavi.small {
  font-size: 1.125em;
  line-height: 130%
}

@media screen and (min-width: 1921px) {
  .kmnavi.small {
    font-size: 1.125em
  }
}

@media screen and (max-width: 1536px) {
  .kmnavi.small {
    font-size: 1.125em
  }
}

@media screen and (max-width: 1400px) {
  .kmnavi.small {
    font-size: 1.125em
  }
}

@media screen and (max-width: 1280px) {
  .kmnavi.small {
    font-size: 1em
  }
}

@media screen and (max-width: 1024px) {
  .kmnavi.small {
    font-size: 1em
  }
}

@media screen and (max-width: 768px) {
  .kmnavi.small {
    font-size: 1em
  }
}

@media screen and (max-width: 480px) {
  .kmnavi.small {
    font-size: .875em
  }
}

.section-fifth-size-title,
.kmh5 {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.063em;
  line-height: 130%
}

@media screen and (min-width: 120.0625rem) {

  .section-fifth-size-title,
  .kmh5 {
    font-size: 1.25em
  }
}

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

  .section-fifth-size-title,
  .kmh5 {
    font-size: 1.125em
  }
}

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

  .section-fifth-size-title,
  .kmh5 {
    font-size: 1.125em
  }
}

@media screen and (max-width: 80rem) {

  .section-fifth-size-title,
  .kmh5 {
    font-size: 1.125em
  }
}

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

  .section-fifth-size-title,
  .kmh5 {
    font-size: 1.125em
  }
}

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

  .section-fifth-size-title,
  .kmh5 {
    font-size: 18px
  }
}

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

  .section-fifth-size-title,
  .kmh5 {
    font-size: 1em
  }
}

.section-fifth-size-title.big-letters,
.kmh5.big-letters {
  text-transform: uppercase
}

.section-fifth-size-title.lowercase,
.kmh5.lowercase {
  text-transform: lowercase
}

.section-fifth-size-title.purple,
.kmh5.purple {
  color: #fff
}

.body-text {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.063em;
  line-height: 140%;
  letter-spacing: -0.03em
}

.body-text ul,
.body-text ol {
  margin-left: 0;
  padding-left: 1em
}

.body-text p {
  margin-bottom: 16px
}

.body-text p:first-of-type {
  margin-top: 0
}

.body-text p:last-of-type {
  margin-bottom: 0
}

.body-text h2 {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2rem;
  line-height: 110%;
  letter-spacing: -0.03em;
  color: #fff
}

@media screen and (min-width: 120.0625rem) {
  .body-text h2 {
    font-size: 2rem
  }
}

@media screen and (max-width: 1536px) {
  .body-text h2 {
    font-size: 2rem
  }
}

@media screen and (max-width: 1400px) {
  .body-text h2 {
    font-size: 2rem
  }
}

@media screen and (max-width: 80rem) {
  .body-text h2 {
    font-size: 1.75rem
  }
}

@media screen and (max-width: 1024px) {
  .body-text h2 {
    font-size: 1.75rem
  }
}

@media screen and (max-width: 768px) {
  .body-text h2 {
    font-size: 1.75rem
  }
}

@media screen and (max-width: 480px) {
  .body-text h2 {
    font-size: 1.75rem
  }
}

.body-text h2.lowercase {
  text-transform: lowercase
}

.body-text h2.purple {
  color: #fff
}

.body-text h3 {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -0.03rem;
  color: #fff
}

@media screen and (max-width: 1536px) {
  .body-text h3 {
    font-size: 2rem
  }
}

@media screen and (max-width: 1400px) {
  .body-text h3 {
    font-size: 2rem
  }
}

@media screen and (max-width: 80rem) {
  .body-text h3 {
    font-size: 1.75rem
  }
}

@media screen and (max-width: 1024px) {
  .body-text h3 {
    font-size: 1.5rem
  }
}

@media screen and (max-width: 768px) {
  .body-text h3 {
    font-size: 1.25rem
  }
}

@media screen and (max-width: 480px) {
  .body-text h3 {
    font-size: 1.25rem
  }
}

.body-text-small {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1em;
  line-height: 140%;
  letter-spacing: -0.03em
}

.link-to-page {
  display: flex;
  gap: 8px;
  align-items: center
}

.link-to-page .link-to-page--anchor {
  padding-right: 0;
  transition: .75s ease-in-out all;
  width: 24px;
  height: 40px;
  overflow: hidden;
  display: flex;
  flex-direction: row
}

.link-to-page .link-to-page--anchor svg {
  max-width: 24px
}

.link-to-page .link-to-page--anchor svg path {
  stroke-width: 5px
}

.link-to-page .link-to-page--anchor .visible-arrow {
  transition: .3s ease-in-out all
}

.link-to-page .link-to-page--anchor .invisible-arrow {
  transition: .3s ease-in-out all
}

@media screen and (max-width: 640px) {
  .link-to-page .link-to-page--anchor .invisible-arrow {
    margin-right: -24px
  }
}

@media screen and (max-width: 640px) {
  .link-to-page .link-to-page--anchor {
    width: 24px;
    height: 24px
  }

  .link-to-page .link-to-page--anchor span {
    width: 24px;
    height: 24px
  }

  .link-to-page .link-to-page--anchor svg {
    width: 100%;
    height: 100%
  }
}

.link-to-page:hover .visible-arrow {
  transform: translateX(-100%)
}

.link-to-page:hover .invisible-arrow {
  transform: translateX(-100%)
}

.open-call__slogan-letter-top .kmh1 {
  line-height: 80%;
  margin-top: 4%
}

.site-header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  transition: .25s ease-in-out all;
  transform: translateY(0%)
}

@media screen and (max-width: 768px) {
  .site-header {
    position: fixed
  }
}

.site-header a {
  outline: 0;
  outline: none
}

.site-header .site-title {
  margin: 0
}

@media screen and (max-width: 768px) {
  .site-header .site-title {
    margin: 1em 0
  }
}

.site-header .site-title a svg {
  max-width: 80px;
  height: auto
}

@media(min-width: 768px) {
  .site-header .site-title a svg {
    max-width: 140px;
    margin: 1rem 0
  }
}

.site-header .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  justify-content: space-between
}

.site-header .wrapper .site-branding a {
  color: #fdfdfd;
  display: block
}

.site-header .wrapper .site-branding a:hover {
  color: #ff4f76
}

.site-header .main-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end
}

.site-header .main-navigation .navigation-holder {
  opacity: 0;
  transform: translateX(120%);
  transition: .75s ease-in-out all .5s;
  pointer-events: none
}

@media screen and (max-width: 640px) {
  .site-header .main-navigation .navigation-holder {
    display: none
  }
}

.site-header .main-navigation.active {
  transition: 0s ease-in-out all .5s
}

.site-header .main-navigation.active .navigation-holder {
  opacity: 1;
  transform: translateX(0%);
  pointer-events: all
}

.site-header .language-switcher {
  padding-left: 10px
}

@media screen and (max-width: 640px) {
  .site-header .language-switcher {
    padding-left: 0
  }
}

.site-header .language-switcher li {
  padding: 0;
  text-transform: uppercase
}

.site-header .language-switcher li a {
  text-transform: uppercase;
  font-size: 16px
}

@media(min-width: 480px) {
  .site-header .language-switcher li a {
    padding: 0 0 0 .75em
  }
}

@media screen and (max-width: 640px) {
  .site-header .language-switcher li a {
    padding: 0 .75em
  }
}

@media screen and (max-width: 479px) {
  .site-header .language-switcher li a {
    padding: 0
  }
}

.site-header .language-switcher li.current-lang {
  display: none
}

.site-header .language-switcher li.current-lang a {
  pointer-events: none;
  color: #ff4f76
}

.site-header .language-switcher li.current-lang a:hover {
  color: #fff
}

.site-header .menu-trigger {
  display: none
}

@media screen and (max-width: 640px) {
  .site-header .menu-trigger {
    display: block;
    margin-left: 1.25em
  }
}

.site-header .access-buttons {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-left: 24px;
  color: #fff
}

@media screen and (max-width: 640px) {
  .site-header .access-buttons {
    margin-right: 12px;
    gap: 5px
  }
}

.site-header .access-buttons button {
  border-radius: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  color: #fdfdfd;
  font-weight: 300;
  border: 0;
  cursor: pointer
}

@media screen and (max-width: 640px) {
  .site-header .access-buttons button {
    padding-left: 5px;
    padding-right: 5px
  }
}

.site-header .access-buttons #decrease-font-size {
  font-size: .5em
}

.site-header .access-buttons #reset-font-size {
  font-size: .75em
}

.site-header .access-buttons #increase-font-size {
  font-size: .9em
}

.site-header .access-buttons #high-contrast-toggle svg {
  width: 18px;
  height: 18px
}

.site-header .navigation-trigger {
  display: inline-block;
  color: #fff;
  line-height: 48px;
  height: 48px
}

@media screen and (max-width: 1441px) {
  .site-header .navigation-trigger {
    line-height: 28px;
    height: 28px
  }
}

@media screen and (max-width: 1367px) {
  .site-header .navigation-trigger {
    line-height: 26px;
    height: 26px
  }
}

@media screen and (max-width: 1024px) {
  .site-header .navigation-trigger {
    line-height: 22px;
    height: 22px
  }
}

@media screen and (max-width: 768px) {
  .site-header .navigation-trigger {
    line-height: 20px;
    height: 20px
  }
}

@media screen and (max-width: 640px) {
  .site-header .navigation-trigger {
    display: none
  }
}

.site-header .navigation-trigger:hover {
  color: #ff4f76
}

.site-header .navigation-trigger .arrow-wrapper {
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
  display: inline-block
}

@media screen and (max-width: 1441px) {
  .site-header .navigation-trigger .arrow-wrapper {
    width: 28px;
    height: 28px
  }
}

@media screen and (max-width: 1367px) {
  .site-header .navigation-trigger .arrow-wrapper {
    width: 26px;
    height: 26px
  }
}

@media screen and (max-width: 1024px) {
  .site-header .navigation-trigger .arrow-wrapper {
    width: 22px;
    height: 22px
  }
}

@media screen and (max-width: 768px) {
  .site-header .navigation-trigger .arrow-wrapper {
    width: 20px;
    height: 20px
  }
}

.site-header .navigation-trigger .arrow-container {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transition: .125s ease-in-out all;
  transform: rotate(0deg)
}

.site-header .navigation-trigger .arrow-container svg {
  width: 100%;
  height: 100%
}

.site-header .navigation-trigger .main-menu-text-wrapper {
  text-transform: uppercase;
  transition: .75s ease-in-out all .25s;
  overflow: hidden;
  display: inline-block;
  width: 96px;
  opacity: 1;
  font-feature-settings: normal
}

.site-header .navigation-trigger.active .main-menu-text-wrapper {
  width: 0px;
  opacity: 0
}

.site-header .navigation-trigger.active .arrow-container {
  transform: rotate(-180deg)
}

.site-header.background {
  background: rgba(0, 0, 0, .9)
}

.site-header.hidden {
  transform: translateY(-100%)
}

.site-header.sticky {
  background: rgba(0, 0, 0, .95)
}

body.admin-bar .site-header {
  top: 32px
}

.site-footer {
  padding-top: 4.375em;
  padding-bottom: 6.25em
}

@media screen and (max-width: 1024px) {
  .site-footer {
    padding-top: 4em;
    padding-bottom: 6.5em
  }
}

@media screen and (max-width: 768px) {
  .site-footer {
    padding-top: 4em;
    padding-bottom: 4em
  }
}

@media screen and (max-width: 480px) {
  .site-footer {
    padding-top: 2em;
    padding-bottom: 2em;
    position: relative
  }

  .site-footer:before {
    content: "";
    display: block;
    left: 1.25em;
    right: 1.25em;
    top: 0;
    height: 1px;
    background: #fff;
    position: absolute
  }
}

.site-footer .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2.5em
}

@media screen and (min-width: 30em) {
  .site-footer .wrapper:before {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background: #fff
  }
}

.site-footer .site-footer-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

@media screen and (max-width: 640px) {
  .site-footer .site-footer-container {
    width: 100%
  }
}

.site-footer .site-footer-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

@media screen and (max-width: 480px) {
  .site-footer .site-footer-container ul {
    justify-content: space-between;
    width: 100%
  }
}

.site-footer .site-footer-container ul li {
  display: inline-block;
  padding-left: .625em;
  padding-right: .625em
}

@media screen and (max-width: 1024px) {
  .site-footer .site-footer-container ul li {
    padding-left: .375em;
    padding-right: .375em
  }
}

@media screen and (max-width: 768px) {
  .site-footer .site-footer-container ul li {
    padding-left: 0em;
    padding-right: 0em
  }
}

.site-footer .site-footer-container ul li a {
  padding-left: .625em;
  padding-right: .625em;
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.188em;
  line-height: 140%;
  letter-spacing: .025em;
  text-align: right;
  color: #fdfdfd
}

@media screen and (max-width: 1024px) {
  .site-footer .site-footer-container ul li a {
    font-size: 1em;
    padding-left: .375em;
    padding-right: .375em
  }
}

@media screen and (max-width: 768px) {
  .site-footer .site-footer-container ul li a {
    font-size: .813em;
    padding-left: .3125em;
    padding-right: .3125em
  }
}

.site-footer .site-footer-container ul li a:hover {
  color: #ff4f76
}

.homepage-site {
  width: 100%;
  overflow: hidden
}

.homepage-site .homepage-intro {
  position: relative;
  width: 100vw;
  width: 100svw;
  height: 100vh;
  height: 100svh
}

.homepage-site .homepage-intro:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(147.96deg, rgba(0, 0, 0, 0.35) 4.75%, rgba(0, 0, 0, 0) 80.75%), linear-gradient(21.99deg, rgba(0, 0, 0, 0.7) 12.46%, rgba(0, 0, 0, 0) 88.86%);
  z-index: 2
}

.homepage-site .video-wrapper {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  opacity: .91
}

.homepage-site .homepage-intro-layer {
  width: 100%;
  height: inherit;
  z-index: 3;
  position: absolute
}

.homepage-site .homepage-intro-layer .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: inherit
}

@media screen and (max-width: 640px) {
  .homepage-site .homepage-intro-layer .wrapper {
    height: calc(100% - 50px)
  }
}

.homepage-site .video-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.homepage-site .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden
}

.homepage-site .homepage-intro-layer--top {
  color: #fdfdfd
}

@media screen and (max-width: 640px) {
  .homepage-site .homepage-intro-layer--top em:first-of-type {
    display: block
  }
}

.homepage-site .homepage-intro-layer--bottom {
  color: #fff;
  transform: translateX(-0.07em);
  padding-bottom: 34px
}

@keyframes rotate {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

.homepage-site .homepage-rotary-element {
  width: 220px;
  height: 220px;
  position: absolute;
  right: 18.75%;
  top: 25%;
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-stop));
  border-radius: 9999px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  display: block
}

@media screen and (max-width: 1783px) {
  .homepage-site .homepage-rotary-element {
    top: 40%
  }
}

@media screen and (max-width: 1536px) {
  .homepage-site .homepage-rotary-element {
    top: 25.9%;
    right: 12%
  }
}

@media screen and (max-width: 1400px) {
  .homepage-site .homepage-rotary-element {
    top: 18%;
    right: 7%
  }
}

@media screen and (max-width: 640px) {
  .homepage-site .homepage-rotary-element {
    display: none
  }
}

.homepage-site .homepage-rotary-element span.letter {
  display: inline-block;
  width: 1.5em;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(1) {
  transform: translateX(-50%) translateY(-50%) rotate(15.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(2) {
  transform: translateX(-50%) translateY(-50%) rotate(30.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(3) {
  transform: translateX(-50%) translateY(-50%) rotate(45.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(4) {
  transform: translateX(-50%) translateY(-50%) rotate(61deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(5) {
  transform: translateX(-50%) translateY(-50%) rotate(76.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(6) {
  transform: translateX(-50%) translateY(-50%) rotate(91.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(7) {
  transform: translateX(-50%) translateY(-50%) rotate(106.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(8) {
  transform: translateX(-50%) translateY(-50%) rotate(122deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(9) {
  transform: translateX(-50%) translateY(-50%) rotate(137.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(10) {
  transform: translateX(-50%) translateY(-50%) rotate(152.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(11) {
  transform: translateX(-50%) translateY(-50%) rotate(167.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(12) {
  transform: translateX(-50%) translateY(-50%) rotate(183deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(13) {
  transform: translateX(-50%) translateY(-50%) rotate(198.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(14) {
  transform: translateX(-50%) translateY(-50%) rotate(213.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(15) {
  transform: translateX(-50%) translateY(-50%) rotate(228.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(16) {
  transform: translateX(-50%) translateY(-50%) rotate(244deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(17) {
  transform: translateX(-50%) translateY(-50%) rotate(259.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(18) {
  transform: translateX(-50%) translateY(-50%) rotate(274.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(19) {
  transform: translateX(-50%) translateY(-50%) rotate(289.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(20) {
  transform: translateX(-50%) translateY(-50%) rotate(305deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(21) {
  transform: translateX(-50%) translateY(-50%) rotate(320.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(22) {
  transform: translateX(-50%) translateY(-50%) rotate(335.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(23) {
  transform: translateX(-50%) translateY(-50%) rotate(350.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-open-call-alt .letter:nth-child(24) {
  transform: translateX(-50%) translateY(-50%) rotate(366deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(1) {
  transform: translateX(-50%) translateY(-50%) rotate(13.85deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(2) {
  transform: translateX(-50%) translateY(-50%) rotate(27.7deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(3) {
  transform: translateX(-50%) translateY(-50%) rotate(41.55deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(4) {
  transform: translateX(-50%) translateY(-50%) rotate(55.4deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(5) {
  transform: translateX(-50%) translateY(-50%) rotate(69.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(6) {
  transform: translateX(-50%) translateY(-50%) rotate(83.1deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(7) {
  transform: translateX(-50%) translateY(-50%) rotate(96.95deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(8) {
  transform: translateX(-50%) translateY(-50%) rotate(110.8deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(9) {
  transform: translateX(-50%) translateY(-50%) rotate(124.65deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(10) {
  transform: translateX(-50%) translateY(-50%) rotate(138.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(11) {
  transform: translateX(-50%) translateY(-50%) rotate(152.35deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(12) {
  transform: translateX(-50%) translateY(-50%) rotate(166.2deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(13) {
  transform: translateX(-50%) translateY(-50%) rotate(180.05deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(14) {
  transform: translateX(-50%) translateY(-50%) rotate(193.9deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(15) {
  transform: translateX(-50%) translateY(-50%) rotate(207.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(16) {
  transform: translateX(-50%) translateY(-50%) rotate(221.6deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(17) {
  transform: translateX(-50%) translateY(-50%) rotate(235.45deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(18) {
  transform: translateX(-50%) translateY(-50%) rotate(249.3deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(19) {
  transform: translateX(-50%) translateY(-50%) rotate(263.15deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(20) {
  transform: translateX(-50%) translateY(-50%) rotate(277deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(21) {
  transform: translateX(-50%) translateY(-50%) rotate(290.85deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(22) {
  transform: translateX(-50%) translateY(-50%) rotate(304.7deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(23) {
  transform: translateX(-50%) translateY(-50%) rotate(318.55deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(24) {
  transform: translateX(-50%) translateY(-50%) rotate(332.4deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(25) {
  transform: translateX(-50%) translateY(-50%) rotate(346.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-program .letter:nth-child(26) {
  transform: translateX(-50%) translateY(-50%) rotate(360.1deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(1) {
  transform: translateX(-50%) translateY(-50%) rotate(12.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(2) {
  transform: translateX(-50%) translateY(-50%) rotate(24.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(3) {
  transform: translateX(-50%) translateY(-50%) rotate(36.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(4) {
  transform: translateX(-50%) translateY(-50%) rotate(49deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(5) {
  transform: translateX(-50%) translateY(-50%) rotate(61.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(6) {
  transform: translateX(-50%) translateY(-50%) rotate(73.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(7) {
  transform: translateX(-50%) translateY(-50%) rotate(85.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(8) {
  transform: translateX(-50%) translateY(-50%) rotate(98deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(9) {
  transform: translateX(-50%) translateY(-50%) rotate(110.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(10) {
  transform: translateX(-50%) translateY(-50%) rotate(122.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(11) {
  transform: translateX(-50%) translateY(-50%) rotate(134.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(12) {
  transform: translateX(-50%) translateY(-50%) rotate(147deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(13) {
  transform: translateX(-50%) translateY(-50%) rotate(159.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(14) {
  transform: translateX(-50%) translateY(-50%) rotate(171.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(15) {
  transform: translateX(-50%) translateY(-50%) rotate(183.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(16) {
  transform: translateX(-50%) translateY(-50%) rotate(196deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(17) {
  transform: translateX(-50%) translateY(-50%) rotate(208.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(18) {
  transform: translateX(-50%) translateY(-50%) rotate(220.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(19) {
  transform: translateX(-50%) translateY(-50%) rotate(232.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(20) {
  transform: translateX(-50%) translateY(-50%) rotate(245deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(21) {
  transform: translateX(-50%) translateY(-50%) rotate(257.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(22) {
  transform: translateX(-50%) translateY(-50%) rotate(269.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(23) {
  transform: translateX(-50%) translateY(-50%) rotate(281.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(24) {
  transform: translateX(-50%) translateY(-50%) rotate(294deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(25) {
  transform: translateX(-50%) translateY(-50%) rotate(306.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(26) {
  transform: translateX(-50%) translateY(-50%) rotate(318.5deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(27) {
  transform: translateX(-50%) translateY(-50%) rotate(330.75deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(28) {
  transform: translateX(-50%) translateY(-50%) rotate(343deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(29) {
  transform: translateX(-50%) translateY(-50%) rotate(355.25deg)
}

.homepage-site .homepage-rotary-element .rotary-element-edycja-2024 .letter:nth-child(30) {
  transform: translateX(-50%) translateY(-50%) rotate(367.5deg)
}

.homepage-site .homepage-rotary-element .element-trigger {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10
}

.homepage-site .homepage-rotary-element .element-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: .8s ease-in-out all;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1
}

.homepage-site .homepage-rotary-element .homepage-rotary-element-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  animation: rotate 30s linear infinite;
  transform-origin: center;
  z-index: 2
}

.homepage-site .homepage-rotary-element:hover .homepage-rotary-element-wrapper {
  animation-play-state: paused
}

.homepage-site .homepage-rotary-element:hover .element-arrow {
  transform: translateX(-50%) translateY(0%)
}

.homepage-site .homepage-carousel-images {
  position: relative;
  padding-top: 78px;
  padding-bottom: 78px
}

@media screen and (max-width: 640px) {
  .homepage-site .homepage-carousel-images {
    padding: 40px 0 23px
  }
}

.homepage-site .homepage-carousel-images .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 112px
}

@media screen and (max-width: 640px) {
  .homepage-site .homepage-carousel-images .wrapper {
    display: flex;
    flex-direction: column;
    gap: 0
  }
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-1 {
  width: 558px;
  height: 744px;
  position: relative
}

@media screen and (max-width: 640px) {
  .homepage-site .homepage-carousel-images .wrapper .image-wrapper-1 {
    width: 100%;
    height: auto;
    aspect-ratio: 2/3
  }
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-1 .image-container {
  width: 100%;
  height: 100%
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-1 .single-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .75s ease-in-out all;
  z-index: 1
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-1 .single-image img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: .7s ease-in-out all
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-1 .single-image.active {
  opacity: 1;
  z-index: 10
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-1 .single-image:hover img {
  transform: scale(1.05)
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-2 {
  width: 466px;
  padding-top: 140px;
  display: flex;
  flex-direction: column;
  gap: 40px
}

@media screen and (max-width: 640px) {
  .homepage-site .homepage-carousel-images .wrapper .image-wrapper-2 {
    padding-top: 0;
    width: 100%
  }
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-2 .image-container {
  width: 466px;
  height: 349px;
  position: relative
}

@media screen and (max-width: 640px) {
  .homepage-site .homepage-carousel-images .wrapper .image-wrapper-2 .image-container {
    display: none
  }
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-2 .image-container .single-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .75s ease-in-out all;
  overflow: hidden;
  z-index: 1
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-2 .image-container .single-image.active {
  opacity: 1;
  z-index: 10
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-2 .image-container .single-image img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: .7s ease-in-out all
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-2 .image-container .single-image:hover img {
  transform: scale(1.05)
}

@media screen and (max-width: 640px) {
  .homepage-site .homepage-carousel-images .wrapper .image-wrapper-2 .text-container {
    padding-top: 32px
  }
}

.homepage-site .open-call {
  padding-top: 65px;
  padding-bottom: 80px;
  height: 900px
}

@media screen and (max-width: 640px) {
  .homepage-site .open-call {
    padding-top: 24px;
    padding-bottom: 50px;
    height: calc(100vw + 63px + 29vh)
  }
}

.homepage-site .open-call .wrapper {
  position: relative;
  height: 100%
}

.homepage-site .open-call .open-call__slogan-letter-top {
  color: #fff;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0
}

.homepage-site .open-call .open-call__slogan-letter-bottom {
  color: #fff;
  position: absolute;
  bottom: 36px;
  right: 0;
  z-index: 3
}

@media screen and (max-width: 690px) {
  .homepage-site .open-call .open-call__slogan-letter-bottom {
    bottom: unset;
    top: calc(100vw - 30px)
  }
}

.homepage-site .open-call .open-call__text-holder {
  position: absolute;
  left: 0;
  bottom: 61px;
  z-index: 3;
  max-width: 774px
}

.homepage-site .open-call .open-call__link-holder {
  position: absolute;
  top: 80px;
  right: 0;
  z-index: 3
}

@media screen and (max-width: 690px) {
  .homepage-site .open-call .open-call__link-holder {
    left: 0;
    right: 0;
    bottom: 0;
    top: unset
  }
}

.homepage-site .open-call .open-call__link-holder .link-to-page {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
  transition: .75s ease-in-out all
}

@media screen and (max-width: 690px) {
  .homepage-site .open-call .open-call__link-holder .link-to-page {
    justify-content: space-between
  }
}

.homepage-site .open-call .open-call__background-gallery {
  width: 900px;
  height: 600px;
  position: absolute;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 0px
}

@media screen and (max-width: 960px) {
  .homepage-site .open-call .open-call__background-gallery {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    bottom: unset;
    top: 45px
  }
}

.homepage-site .open-call .open-call__background-gallery .image-container {
  width: 100%;
  height: 100%;
  position: relative
}

.homepage-site .open-call .open-call__background-gallery .image-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(147.96deg, rgba(0, 0, 0, 0.25) 4.75%, rgba(0, 0, 0, 0) 80.75%), linear-gradient(21.99deg, rgba(0, 0, 0, 0.6) 12.46%, rgba(0, 0, 0, 0) 88.86%)
}

.homepage-site .open-call .open-call__background-gallery .image-container .single-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .75s ease-in-out all
}

.homepage-site .open-call .open-call__background-gallery .image-container .single-image.active {
  opacity: 1
}

.homepage-site .open-call .open-call__background-gallery .image-container .single-image img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%
}

.homepage-marquee-mobile-only {
  background: #fff;
  color: #ff4f76;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 50px;
  position: relative
}

@media screen and (min-width: 640px) {
  .homepage-marquee-mobile-only {
    display: none
  }
}

.homepage-marquee-mobile-only .element-trigger {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  z-index: 2
}

.homepage-marquee-mobile-only .content-marquee {
  display: inline-block;
  height: 50px;
  position: relative;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.homepage-marquee-mobile-only .content-marquee .slick-list {
  padding: 0 !important
}

.homepage-marquee-mobile-only .content-marquee .slick-slide {
  margin: 0 22px 0 0
}

.homepage-marquee-mobile-only .content-marquee .single-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 22px;
  font-size: 20px;
  line-height: 30px;
  color: #000
}

.homepage-marquee-mobile-only .content-marquee .single-group .sign {
  display: inline-flex;
  height: 30px;
  align-items: center;
  justify-content: center
}

.homepage-marquee-mobile-only .content-marquee .content-marquee-elements {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 22px;
  height: 50px;
  width: 100%
}

#audioToggle {
  z-index: 1001;
  background: rgba(0, 0, 0, 0);
  color: #fff;
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 0;
  padding: 5px;
  cursor: pointer
}

#audioToggle svg {
  width: 24px;
  height: 24px;
  display: block
}

@media screen and (max-width: 840px) {
  #audioToggle {
    width: 36px;
    height: 36px;
    z-index: 100;
    right: 0;
    bottom: 35%
  }

  #audioToggle svg {
    width: 24px;
    height: 24px
  }
}

#page.site {
  max-width: 100vw;
  max-width: 100svw;
  overflow: hidden
}

#page.site .site-content {
  display: flex
}

.contact-page {
  width: 100%;
  height: inherit;
  position: relative;
  padding-bottom: 2.5em
}

.contact-page .contact-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1
}

.contact-page .contact-background--layer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), linear-gradient(224.59deg, rgba(0, 0, 0, 0.4) 1.75%, rgba(0, 0, 0, 0) 75.18%)
}

.contact-page .contact-background--image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center top
}

@media screen and (min-width: 90.0625em) {
  .contact-page .contact-background--image {
    background-size: cover
  }
}

.contact-page .contact-page-body {
  position: relative;
  z-index: 2;
  padding-top: 20em
}

@media screen and (max-width: 480px) {
  .contact-page .contact-page-body {
    padding-top: 184px
  }
}

.contact-page .page-title {
  color: #fff;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0
}

.contact-page .contact-body-elements {
  padding-top: 2.5em;
  margin-top: 4.125em;
  border-top: 1px solid #fff;
  gap: 2.5em 1.25em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

@media screen and (max-width: 480px) {
  .contact-page .contact-body-elements {
    gap: 2em 1.25em
  }
}

.contact-page .contact-body-elements .single-contact-element {
  max-width: 19.6875em;
  width: 100%
}

@media screen and (min-width: 96em) {
  .contact-page .contact-body-elements .single-contact-element {
    flex: 0 1 auto;
    width: calc(25% - 1.25em);
    max-width: unset
  }
}

@media screen and (max-width: 1400px) {
  .contact-page .contact-body-elements .single-contact-element {
    width: calc(25% - 1.25em);
    max-width: auto
  }
}

@media screen and (max-width: 1024px) {
  .contact-page .contact-body-elements .single-contact-element {
    width: calc(50% - 1.25em)
  }
}

@media screen and (max-width: 480px) {
  .contact-page .contact-body-elements .single-contact-element {
    width: 100%
  }
}

.contact-page .contact-body-elements .contact-element-header {
  color: #fff;
  text-transform: lowercase;
  margin-bottom: 1.5em;
  margin-top: 0
}

@media screen and (max-width: 480px) {
  .contact-page .contact-body-elements .contact-element-header {
    margin-bottom: 1em
  }
}

.contact-page .contact-body-elements .contact-element-name {
  margin-bottom: 1em
}

.contact-page .contact-body-elements .contact-element-email a,
.contact-page .contact-body-elements .contact-element-phone a {
  color: #fdfdfd
}

.contact-page .contact-body-elements .contact-element-email a:hover,
.contact-page .contact-body-elements .contact-element-phone a:hover {
  color: #fdfdfd;
  text-decoration: underline
}

.partners-page {
  width: 100%;
  height: inherit;
  position: relative;
  padding-bottom: 3.125em
}

.partners-page .partners-background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1
}

.partners-page .partners-background--layer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), linear-gradient(224.59deg, rgba(0, 0, 0, 0.4) 1.75%, rgba(0, 0, 0, 0) 75.18%)
}

.partners-page .partners-background--image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-color: #0b1717;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top
}

.partners-page .partners-body {
  position: relative;
  z-index: 2;
  padding-top: 9.375em
}

@media screen and (max-width: 480px) {
  .partners-page .partners-body {
    padding-top: 7.5625em
  }
}

.partners-page .partners-body .partners-logos-groups {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  width: 100%
}

@media screen and (max-width: 480px) {
  .partners-page .partners-body .partners-logos-groups {
    gap: 3.75em
  }
}

.partners-page .partners-body .wrapper .single-partner-row .partners-row-header {
  color: #fff;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #fff;
  margin-bottom: 2.5em
}

@media screen and (max-width: 480px) {
  .partners-page .partners-body .wrapper .single-partner-row .partners-row-header {
    margin-bottom: 3.75em
  }
}

.partners-page .partners-body .wrapper .single-partner-row .partner-row-elements {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.5em 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 75em
}

@media screen and (max-width: 980px) {
  .partners-page .partners-body .wrapper .single-partner-row .partner-row-elements {
    gap: 2.5em 2.5em
  }
}

.partners-page .partners-body .wrapper .single-partner-row .partner-row-elements .single-partner-logo {
  max-width: 160px
}

.partners-page .partners-body .wrapper .single-partner-row .partner-row-elements .single-partner-logo.whiten-logo {
  filter: brightness(0) saturate(100%) invert(100%) grayscale(0%) sepia(0%) hue-rotate(0deg)
}

.partners-page .partners-body .wrapper .single-partner-row .partner-row-elements .single-partner-logo img,
.partners-page .partners-body .wrapper .single-partner-row .partner-row-elements .single-partner-logo picture {
  display: block;
  max-height: 5em;
  width: 100%;
  height: auto
}

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

  .partners-page .partners-body .wrapper .single-partner-row .partner-row-elements .single-partner-logo img,
  .partners-page .partners-body .wrapper .single-partner-row .partner-row-elements .single-partner-logo picture {
    max-width: 160px;
    max-height: 60px;
    width: 100%;
    height: auto;
    object-fit: contain
  }
}

.partners-page .partners-body .wrapper .single-partner-row:nth-of-type(1) .partner-row-elements .single-partner-logo {
  max-width: 320px
}

@media screen and (max-width: 480px) {
  .partners-page .partners-body .wrapper .single-partner-row:nth-of-type(2n) .partner-row-elements {
    gap: 2.5em 2.5em
  }
}

.partners-page .partners-text {
  margin-top: 6.25em;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

@media screen and (max-width: 480px) {
  .partners-page .partners-text {
    flex-direction: column;
    gap: 1em
  }
}

.partners-page .partners-text .partners-header {
  text-transform: lowercase;
  color: #fff;
  margin: 0
}

.partners-page .partners-text .partners-body-text {
  max-width: 33.625em
}

@media screen and (min-width: 120.0625rem) {
  .partners-page .partners-text .partners-body-text {
    max-width: 39.1875em
  }
}

.about-us-page {
  width: 100%;
  padding-top: 8.75em
}

@media screen and (max-width: 40em) {
  .about-us-page {
    padding-top: 7.1875em
  }
}

.about-us-page section {
  position: relative
}

.about-us-page .about-us--page-intro {
  height: 100vh;
  max-height: 48.125em;
  padding-bottom: 7.375em
}

@media screen and (max-width: 40em) {
  .about-us-page .about-us--page-intro {
    padding-bottom: 2.6875em;
    height: auto;
    max-height: 56.25em
  }
}

.about-us-page .about-us--page-intro:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 7.375em;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 57.125em;
  height: 38.0625em;
  background: linear-gradient(66.26deg, rgba(0, 0, 0, 0.4) 19.66%, rgba(0, 0, 0, 0) 102.47%);
  left: 0;
  right: 0
}

@media screen and (max-width: 40em) {
  .about-us-page .about-us--page-intro:before {
    position: absolute;
    bottom: unset;
    top: 0em;
    left: 0;
    right: 0;
    width: calc(100% - 2.5em);
    height: auto;
    aspect-ratio: 3/2
  }
}

.about-us-page .about-us--page-intro .about-us--page-intro-image {
  position: absolute;
  z-index: 1;
  bottom: 7.375em;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 57.125em;
  height: 38.0625em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  right: 0
}

@media screen and (max-width: 40em) {
  .about-us-page .about-us--page-intro .about-us--page-intro-image {
    position: relative;
    bottom: unset;
    top: 0em;
    left: 0;
    right: 0;
    width: calc(100% - 2.5em);
    height: auto;
    aspect-ratio: 3/2
  }
}

.about-us-page .about-us--page-intro .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 3;
  height: 100%
}

@media screen and (max-width: 40em) {
  .about-us-page .about-us--page-intro .wrapper {
    height: auto;
    padding-top: 2em
  }
}

.about-us-page .about-us--page-intro .about-us--page-header {
  margin: 0;
  color: #fff
}

@media screen and (max-width: 40em) {
  .about-us-page .about-us--page-intro .about-us--page-header {
    margin-bottom: .5em
  }
}

.about-us-page .about-us--page-intro .about-us--page-intro_text-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

@media screen and (max-width: 40em) {
  .about-us-page .about-us--page-intro .about-us--page-intro_text-wrapper {
    flex-direction: column;
    gap: 2em
  }
}

.about-us-page .about-us--page-intro .about-us--page-intro_text-wrapper .page-subheader {
  max-width: 36.1875em
}

.about-us-page .about-us--page-intro .about-us--page-intro_text-wrapper .page-about-text {
  max-width: 33.625em
}

@media screen and (min-width: 120.0625rem) {
  .about-us-page .about-us--page-intro .about-us--page-intro_text-wrapper .page-about-text {
    max-width: 39.1875em
  }
}

.about-us-page .about-us--microcosmos {
  height: 100vh;
  overflow: hidden
}

.about-us-page .about-us--microcosmos .about-us-movie-frame {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.about-us-page .about-us--microcosmos .video-wrapper {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute
}

.about-us-page .about-us--microcosmos .video-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.about-us-page .about-us--microcosmos .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden
}

.about-us-page .about-us--microcosmos .video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1
}

.about-us-page .about-us--microcosmos:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
}

.about-us-page .about-us--microcosmos .wrapper {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 6.25em;
  height: 100%
}

@media screen and (max-width: 480px) {
  .about-us-page .about-us--microcosmos .wrapper {
    padding-bottom: 3.125em
  }
}

.about-us-page .about-us--microcosmos .wrapper .about-us--microcosmos_header {
  margin: 0;
  margin-bottom: 2em;
  color: #fff
}

.about-us-page .about-us--microcosmos .wrapper .about-us--microcosmos_header,
.about-us-page .about-us--microcosmos .wrapper .about-us--microcosmos-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 55.875em;
  width: 100%
}

.about-us-page .about-city-container {
  padding-top: 5em;
  padding-bottom: 2em;
  position: relative
}

@media screen and (max-width: 480px) {
  .about-us-page .about-city-container {
    padding-top: 4.5em;
    display: flex;
    flex-direction: column-reverse;
    gap: 2em
  }
}

.about-us-page .about-city-container .about-city-container--image {
  position: relative;
  left: 0;
  right: 0;
  bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  width: 57.125em;
  height: 38.1875em;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

@media screen and (max-width: 480px) {
  .about-us-page .about-city-container .about-city-container--image {
    width: calc(100% - 2.5em);
    height: auto;
    aspect-ratio: 3/2;
    position: relative;
    bottom: 0
  }
}

.about-us-page .about-city-container:before {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 57.125em;
  height: 38.1875em;
  z-index: 2;
  background: linear-gradient(204deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 4em
}

@media screen and (max-width: 480px) {
  .about-us-page .about-city-container:before {
    bottom: unset;
    top: 4.5em;
    width: calc(100% - 2.5em);
    left: 1.25em;
    right: 1.25em;
    height: auto;
    aspect-ratio: 3/2
  }
}

.about-us-page .about-city-container .wrapper {
  position: relative;
  z-index: 3
}

.about-us-page .about-city-container .wrapper .about-city-container--header-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

@media screen and (max-width: 480px) {
  .about-us-page .about-city-container .wrapper .about-city-container--header-box {
    flex-direction: column
  }

  .about-us-page .about-city-container .wrapper .about-city-container--header-box br {
    display: none
  }
}

.about-us-page .about-city-container .wrapper .about-city-container--header-box .about-city-container--header {
  color: #fff;
  margin: 0
}

@media screen and (max-width: 480px) {
  .about-us-page .about-city-container .wrapper .about-city-container--header-box .about-city-container--header {
    margin-bottom: 1em
  }
}

.about-us-page .about-city-container .wrapper .about-city-container--header-box .about-city-container--body-text {
  max-width: 33.625em;
  width: 100%
}

@media screen and (min-width: 120.0625rem) {
  .about-us-page .about-city-container .wrapper .about-city-container--header-box .about-city-container--body-text {
    max-width: 39.1875em
  }
}

.about-us-page .about-city-container .wrapper .about-city-container--header-box .about-city-container--body-text p {
  margin-bottom: 16px
}

.about-us-page .about-city-container .wrapper .about-city-container--header-box .about-city-container--body-text p:first-of-type {
  margin-top: 0
}

.about-us-page .about-city-container .wrapper .about-city-container--header-box .about-city-container--body-text p:last-of-type {
  margin-bottom: 0
}

.about-us-page .team-behind-event {
  position: relative;
  padding-top: 9.125em;
  padding-bottom: 9.125em
}

@media screen and (max-width: 480px) {
  .about-us-page .team-behind-event {
    padding-top: 5.875em;
    padding-bottom: 2.875em
  }
}

.about-us-page .team-behind-event .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 7em
}

@media screen and (max-width: 480px) {
  .about-us-page .team-behind-event .wrapper {
    gap: 2em;
    flex-direction: column
  }
}

.about-us-page .team-behind-event .wrapper .team-behind-event-image {
  width: 41.875em
}

@media screen and (max-width: 480px) {
  .about-us-page .team-behind-event .wrapper .team-behind-event-image {
    width: 100%
  }
}

.about-us-page .team-behind-event .wrapper .team-behind-event--text {
  max-width: 33.625em;
  display: flex;
  flex-direction: column;
  gap: 2em
}

@media screen and (max-width: 480px) {
  .about-us-page .team-behind-event .wrapper .team-behind-event--text {
    width: 100%;
    gap: 1em
  }

  .about-us-page .team-behind-event .wrapper .team-behind-event--text br {
    display: none
  }
}

@media screen and (min-width: 120.0625rem) {
  .about-us-page .team-behind-event .wrapper .team-behind-event--text {
    max-width: 39.1875em
  }
}

.about-us-page .team-behind-event .wrapper .team-behind-event--text .team-behind-event__heading {
  color: #fff
}

.current-year-page {
  width: 100%;
  padding-top: 8.75em
}

@media screen and (max-width: 480px) {
  .current-year-page {
    padding-top: 6.5em
  }
}

.current-year-page .current-year-page--header {
  padding-top: 2.5em;
  padding-bottom: 3.75em
}

.current-year-page .current-year-page--header .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

@media screen and (max-width: 480px) {
  .current-year-page .current-year-page--header .wrapper {
    flex-direction: column;
    gap: 1em
  }
}

.current-year-page .current-year-page--header .wrapper .page-title {
  margin: 0
}

.current-year-page .current-year-page--header .wrapper .text-container {
  max-width: 33.625em;
  width: 100%
}

@media screen and (min-width: 120.0625rem) {
  .current-year-page .current-year-page--header .wrapper .text-container {
    max-width: 39.1875em
  }
}

.current-year-page .current-editon-navigation {
  padding: 1.875em 0 2.25em
}

@media screen and (max-width: 480px) {
  .current-year-page .current-editon-navigation {
    padding-top: 0;
    position: relative;
    z-index: 25
  }
}

.current-year-page .current-editon-navigation .wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.25em
}

@media screen and (max-width: 480px) {
  .current-year-page .current-editon-navigation .wrapper ul {
    flex-wrap: wrap;
    justify-content: space-between
  }
}

.current-year-page .current-editon-navigation .wrapper ul li {
  height: 1.875em
}

@media screen and (max-width: 480px) {
  .current-year-page .current-editon-navigation .wrapper ul li {
    height: 1.1875em;
    display: block
  }
}

.current-year-page .current-editon-navigation .wrapper ul li a {
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5em;
  line-height: 130%;
  text-transform: uppercase;
  color: #fdfdfd;
  overflow: hidden;
  height: 1.5em;
  display: block
}

@media screen and (min-width: 120.0625rem) {
  .current-year-page .current-editon-navigation .wrapper ul li a {
    font-size: 1.5em
  }
}

@media screen and (max-width: 1536px) {
  .current-year-page .current-editon-navigation .wrapper ul li a {
    font-size: 1.5em
  }
}

@media screen and (max-width: 1400px) {
  .current-year-page .current-editon-navigation .wrapper ul li a {
    font-size: 1.5em
  }
}

@media screen and (max-width: 80rem) {
  .current-year-page .current-editon-navigation .wrapper ul li a {
    font-size: 1.25em
  }
}

@media screen and (max-width: 1024px) {
  .current-year-page .current-editon-navigation .wrapper ul li a {
    font-size: 1.125em
  }
}

@media screen and (max-width: 768px) {
  .current-year-page .current-editon-navigation .wrapper ul li a {
    font-size: 1.125em
  }
}

@media screen and (max-width: 480px) {
  .current-year-page .current-editon-navigation .wrapper ul li a {
    font-size: 1em;
    height: 1.5em
  }
}

.current-year-page .current-editon-navigation .wrapper ul li a span {
  display: block;
  transition: .4s ease-in-out all;
  transform: translateX(0%) translateY(0%);
  height: 1.5em
}

.current-year-page .current-editon-navigation .wrapper ul li a:before {
  content: attr(data-content);
  display: block;
  transform: translateX(0%) translateY(0%);
  position: relative;
  color: #fff;
  transition: .4s ease-in-out all;
  height: 1.5em
}

.current-year-page .current-editon-navigation .wrapper ul li a:hover span {
  position: relative;
  transform: translateX(0%) translateY(-100%)
}

.current-year-page .current-editon-navigation .wrapper ul li a:hover:before {
  transform: translateX(0%) translateY(-100%)
}

.current-year-page .current-editon-navigation .wrapper ul li.current-menu-item a {
  color: #ffa891
}

.for-media-content {
  padding-bottom: 6.625em
}

.for-media-content .wrapper {
  padding-top: 4.125em;
  border-top: 1px solid #fff
}

.for-media-content .for-media-video {
  max-width: 57.125em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4.375em
}

.for-media-content .for-media-video video {
  width: 100%
}

.for-media-content .for-media-elements {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

@media screen and (max-width: 768px) {
  .for-media-content .for-media-elements {
    flex-direction: column;
    gap: 1.875em
  }
}

.for-media-content .short-event-description,
.for-media-content .materials-for-download {
  max-width: 33.625em;
  width: 100%
}

@media screen and (min-width: 120.0625rem) {

  .for-media-content .short-event-description,
  .for-media-content .materials-for-download {
    max-width: 39.1875em
  }
}

.for-media-content .short-event-description h2,
.for-media-content .materials-for-download h2 {
  margin-top: 0;
  margin-bottom: 2em
}

.materials-for-download--content {
  display: flex;
  flex-direction: column;
  gap: 1.25em
}

.materials-for-download--content .accordion-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  transition: max-height .2s ease-out, opacity .3s ease-out, margin .1s ease-out
}

.materials-for-download--content .accordion-item.open .accordion-content {
  opacity: 1
}

.materials-for-download--content .materials-to-download-element--header a:not(.btn-gradient) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: .25em;
  padding-top: .25em;
  text-decoration: underline
}

.materials-for-download--content .materials-to-download-element--header a:not(.btn-gradient) .icon {
  transition: transform .35s ease-in-out;
  transform: scale(1);
  width: 1.25em;
  height: 1.25em;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

.materials-for-download--content .materials-to-download-element--header a:not(.btn-gradient):hover {
  color: #ff8c76
}

.materials-for-download--content .materials-to-download-element--content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5em;
  padding-bottom: 1px
}

.materials-for-download--content .materials-to-download-element--content a {
  color: #fdfdfd;
  padding-bottom: .125em;
  display: inline-flex;
  gap: .5em;
  border-bottom: 1px solid #fdfdfd
}

.materials-for-download--content .materials-to-download-element--content a:hover {
  color: #ff8c76;
  border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.materials-for-download--content .materials-to-download-element.open .materials-to-download-element--header .icon {
  transform: scale(-1)
}

.materials-for-download--content .materials-to-download-element.open .materials-to-download-element--content {
  margin-top: 1.5em
}

@media screen and (max-width: 40.75em) {
  section.text-columns .quote-element .quote-large {
    min-width: 100%
  }
}

section.text-columns .quote-element h2,
section.text-columns .quote-element h3 {
  margin: 0
}

section.text-columns .quote-element .quote-medium {
  color: #ffa891;
  margin-top: .4375em
}

section.text-columns .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2rem
}

@media screen and (max-width: 80rem) {
  section.text-columns .wrapper {
    gap: 7.5em
  }
}

@media screen and (max-width: 768px) {
  section.text-columns .wrapper {
    gap: 3.75em
  }
}

@media screen and (max-width: 480px) {
  section.text-columns .wrapper {
    flex-direction: column;
    gap: unset
  }
}

section.text-columns .wrapper .text-column-header {
  margin: 0;
  margin-bottom: 2em
}

section.text-columns .wrapper .left-column .image-elements {
  margin-top: 3.875em
}

section.text-columns .wrapper .left-column .image-elements .image-elements--element-2 {
  margin-top: 2.5em
}

section.text-columns .wrapper .left-column,
section.text-columns .wrapper .right-column {
  position: relative;
  max-width: 33.625em;
  width: 100%
}

@media screen and (min-width: 120.0625rem) {

  section.text-columns .wrapper .left-column,
  section.text-columns .wrapper .right-column {
    max-width: 39.1875em
  }
}

.current-year-page.open-call .open-call-intro {
  display: block;
  position: relative
}

@media screen and (max-width: 480px) {
  .current-year-page.open-call .open-call-intro {
    min-height: 0
  }
}

.current-year-page.open-call .open-call-intro .open-call-intro-header {
  margin: 0
}

.current-year-page.open-call .open-call-intro .open-call-intro--image-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

@media screen and (max-width: 480px) {
  .current-year-page.open-call .open-call-intro .open-call-intro--image-container {
    position: relative;
    bottom: 0
  }
}

.current-year-page.open-call .open-call-intro .open-call-intro--image-container:before {
  content: "";
  position: absolute;
  display: none;
  background: linear-gradient(164deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(10deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
  margin-left: auto;
  width: 56.25em;
  height: 37.5em;
  left: 0;
  right: 0;
  margin-right: auto
}

@media screen and (max-width: 480px) {
  .current-year-page.open-call .open-call-intro .open-call-intro--image-container:before {
    width: calc(100% - 2.5em);
    height: auto;
    aspect-ratio: 3/2;
    top: 0
  }
}

.current-year-page.open-call .open-call-intro .open-call-intro--image-container .open-call-intro--image {
  width: 900px;
  height: 600px;
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width: 480px) {
  .current-year-page.open-call .open-call-intro .open-call-intro--image-container .open-call-intro--image {
    width: calc(100% - 2.5em);
    height: auto;
    aspect-ratio: 3/2;
    background-size: cover;
    background-position: center;
    margin-left: auto;
    margin-right: auto
  }
}

.current-year-page.open-call .text-columns.part-1 {
  padding-top: 3.75em
}

.current-year-page.open-call .text-columns.part-1 .information-header {
  margin-top: 7.5em
}

.current-year-page.open-call .text-columns.part-1 .information-header .text-content-header {
  margin-top: 0;
  margin-bottom: 2em
}

.current-year-page.open-call section.text-columns.part-3 .wrapper {
  padding-top: 7.5em;
  padding-bottom: 7.5em
}

.current-year-page.open-call section.text-columns.part-2 {
  margin-top: 4em
}

.current-year-page.open-call section.text-columns.part-2 .wrapper.top {
  padding-top: 4em;
  border-top: 1px solid #fff
}

.current-year-page.open-call section.text-columns.part-2 .wrapper.bottom {
  padding-top: 4.5em;
  padding-bottom: 3.875em;
  border-bottom: 1px solid #fff
}

.current-year-page.open-call .mobile-only {
  display: none
}

@media screen and (max-width: 40rem) {
  .current-year-page.open-call .open-call-intro {
    padding-top: 24px;
    padding-bottom: 110px
  }

  .current-year-page.open-call .mobile-only.open-call-top {
    position: absolute;
    display: block;
    top: -46px;
    left: 18px;
    z-index: 5
  }

  .current-year-page.open-call .mobile-only.open-call-bottom {
    position: absolute;
    display: block;
    bottom: -33px;
    right: 20px;
    z-index: 5
  }
}

.current-year-page.open-call .homepage-marquee-mobile-only {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0
}

@media screen and (max-width: 40em) {
  .current-year-page.open-call .image-elements.image-elements-master>div {
    display: none
  }
}

.current-year-page.open-call .image-elements.image-elements-master div.image-elements--element-1 {
  margin-bottom: 3rem
}

@media screen and (max-width: 40em) {
  .current-year-page.open-call .image-elements.image-elements-master div.image-elements--element-1 {
    display: block
  }
}

@media screen and (max-width: 40em) {
  .current-year-page.open-call .text-columns.part-1 .wrapper {
    gap: 2em
  }
}

@media screen and (max-width: 40em) {
  .current-year-page.open-call .text-content.body-text.information-header {
    margin-top: 4.5em
  }

  .current-year-page.open-call .text-content.body-text.information-header .mobile-only {
    display: block;
    margin-bottom: 2em
  }
}

@media screen and (max-width: 40em) {
  .current-year-page.open-call .text-columns.part-2 .wrapper {
    gap: 1.875em
  }
}

@media screen and (max-width: 40em) {
  .current-year-page.open-call .text-columns.part-3 .wrapper {
    padding: 6em 0;
    gap: 1.875em
  }

  .current-year-page.open-call .text-columns.part-3 .wrapper .kmnavi {
    font-size: 1.25em
  }
}

.timetable {
  display: flex;
  flex-direction: column;
  gap: .5em
}

.timetable .single-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.25em;
  font-size: 1.125em;
  font-family: "StudioFeixenSans", sans-serif;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.0338em
}

.timetable .single-row .single-cell-left {
  flex: 1
}

.timetable .single-row .single-cell-right {
  width: 12.5em;
  color: #ff8c76
}

.organizers {
  display: flex;
  flex-direction: column;
  gap: 2em
}

.organizers .kmnavi {
  margin-top: 0;
  margin-bottom: 0
}

.organizers .kmnavi.small {
  font-size: 1.125em;
  font-family: "StudioFeixenSans", sans-serif;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -0.0338em;
  margin-top: .375em
}

.organizers .single-row-organizers .body-text {
  margin-top: 1em
}

.rotary-element-open-call {
  width: 220px;
  height: 220px;
  position: absolute;
  right: 50%;
  transform: translateX(565px);
  bottom: 4.0625rem;
  background: linear-gradient(45deg, var(--gradient-start), var(--gradient-stop));
  border-radius: 9999px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  transition: .25s ease-in-out all
}

@media screen and (max-width: 480px) {
  .rotary-element-open-call {
    display: none
  }
}

.rotary-element-open-call span.letter {
  display: inline-block;
  width: 1.5em;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%
}

.rotary-element-open-call .letter:nth-child(1) {
  transform: translateX(-50%) translateY(-50%) rotate(15.25deg)
}

.rotary-element-open-call .letter:nth-child(2) {
  transform: translateX(-50%) translateY(-50%) rotate(30.5deg)
}

.rotary-element-open-call .letter:nth-child(3) {
  transform: translateX(-50%) translateY(-50%) rotate(45.75deg)
}

.rotary-element-open-call .letter:nth-child(4) {
  transform: translateX(-50%) translateY(-50%) rotate(61deg)
}

.rotary-element-open-call .letter:nth-child(5) {
  transform: translateX(-50%) translateY(-50%) rotate(76.25deg)
}

.rotary-element-open-call .letter:nth-child(6) {
  transform: translateX(-50%) translateY(-50%) rotate(91.5deg)
}

.rotary-element-open-call .letter:nth-child(7) {
  transform: translateX(-50%) translateY(-50%) rotate(106.75deg)
}

.rotary-element-open-call .letter:nth-child(8) {
  transform: translateX(-50%) translateY(-50%) rotate(122deg)
}

.rotary-element-open-call .letter:nth-child(9) {
  transform: translateX(-50%) translateY(-50%) rotate(137.25deg)
}

.rotary-element-open-call .letter:nth-child(10) {
  transform: translateX(-50%) translateY(-50%) rotate(152.5deg)
}

.rotary-element-open-call .letter:nth-child(11) {
  transform: translateX(-50%) translateY(-50%) rotate(167.75deg)
}

.rotary-element-open-call .letter:nth-child(12) {
  transform: translateX(-50%) translateY(-50%) rotate(183deg)
}

.rotary-element-open-call .letter:nth-child(13) {
  transform: translateX(-50%) translateY(-50%) rotate(198.25deg)
}

.rotary-element-open-call .letter:nth-child(14) {
  transform: translateX(-50%) translateY(-50%) rotate(213.5deg)
}

.rotary-element-open-call .letter:nth-child(15) {
  transform: translateX(-50%) translateY(-50%) rotate(228.75deg)
}

.rotary-element-open-call .letter:nth-child(16) {
  transform: translateX(-50%) translateY(-50%) rotate(244deg)
}

.rotary-element-open-call .letter:nth-child(17) {
  transform: translateX(-50%) translateY(-50%) rotate(259.25deg)
}

.rotary-element-open-call .letter:nth-child(18) {
  transform: translateX(-50%) translateY(-50%) rotate(274.5deg)
}

.rotary-element-open-call .letter:nth-child(19) {
  transform: translateX(-50%) translateY(-50%) rotate(289.75deg)
}

.rotary-element-open-call .letter:nth-child(20) {
  transform: translateX(-50%) translateY(-50%) rotate(305deg)
}

.rotary-element-open-call .letter:nth-child(21) {
  transform: translateX(-50%) translateY(-50%) rotate(320.25deg)
}

.rotary-element-open-call .letter:nth-child(22) {
  transform: translateX(-50%) translateY(-50%) rotate(335.5deg)
}

.rotary-element-open-call .letter:nth-child(23) {
  transform: translateX(-50%) translateY(-50%) rotate(350.75deg)
}

.rotary-element-open-call .letter:nth-child(24) {
  transform: translateX(-50%) translateY(-50%) rotate(366deg)
}

.rotary-element-open-call .element-trigger {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10
}

.rotary-element-open-call .element-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: .8s ease-in-out all;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1
}

.rotary-element-open-call .rotary-element-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  animation: rotate 30s linear infinite;
  transform-origin: center;
  z-index: 2
}

.rotary-element-open-call:hover .homepage-rotary-element-wrapper {
  animation-play-state: paused
}

.rotary-element-open-call:hover .element-arrow {
  transform: translateX(-50%) translateY(0%)
}

.current-year-preheader .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2.5em;
  color: #fff
}

.current-year-preheader .wrapper img,
.current-year-preheader .wrapper picture {
  display: block
}

@media screen and (max-width: 480px) {
  .current-year-preheader .wrapper {
    flex-wrap: wrap;
    gap: 1em;
    margin-bottom: 1.8125em
  }

  .current-year-preheader .wrapper .element-1 {
    width: calc(50% - .5em);
    text-align: left
  }

  .current-year-preheader .wrapper .element-3 {
    width: calc(50% - .5em);
    text-align: right
  }

  .current-year-preheader .wrapper .preheader-element.element-2.photo {
    width: 100%;
    order: 333
  }
}

main.current-year-page .wrapper {
  max-width: 85.25em
}

main.current-year-page section.text-columns h2,
main.current-year-page section.text-columns h3 {
  text-transform: uppercase;
  font-weight: bold
}

@media screen and (max-width: 480px) {
  main.current-year-page.info-page {
    display: flex;
    flex-direction: column
  }

  main.current-year-page.info-page .current-editon-navigation {
    order: 2
  }

  main.current-year-page.info-page .current-year-preheader {
    order: 1
  }

  main.current-year-page.info-page .current-year-page--header {
    order: 3
  }

  main.current-year-page.info-page .text-columns {
    order: 4
  }
}

main.current-year-page.info-page .text-columns>.wrapper {
  padding-top: 4em;
  border-top: 1px solid #fff
}

@media screen and (max-width: 480px) {
  main.current-year-page.info-page .text-columns>.wrapper {
    border-top: 0;
    gap: 2em
  }
}

main.current-year-page.info-page .text-columns .gallery-holder {
  display: flex;
  flex-direction: column;
  gap: 2.5em
}

main.current-year-page.info-page .text-columns .gallery-holder img {
  display: block;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width: 480px) {
  main.current-year-page.info-page .text-columns .gallery-holder img {
    display: none
  }

  main.current-year-page.info-page .text-columns .gallery-holder img:first-of-type {
    display: block
  }
}

main.current-year-page.info-page .text-columns .text-content {
  margin-bottom: 7.5em
}

main.current-year-page.info-page .text-columns .text-content:last-of-type {
  margin-bottom: 0
}

main.current-year-page.info-page .text-columns .text-content-header {
  margin-top: 0;
  margin-bottom: 2em
}

main.current-year-page.info-page .text-columns .extra-info {
  margin-top: 7.875em
}

main.current-year-page.info-page .text-columns .body-text.info-holder {
  display: flex;
  flex-direction: column;
  gap: 2em
}

main.current-year-page.info-page .text-columns .single-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2em
}

main.current-year-page.info-page .text-columns .single-info .icon {
  width: 1.125em;
  height: 1.125em;
  color: #fff
}

main.current-year-page.info-page .text-columns .single-info .text {
  flex: 1
}

@media screen and (max-width: 480px) {
  main.current-year-page.info-page .text-columns .awards-header {
    padding-bottom: 1.5625em
  }
}

main.current-year-page.info-page .text-columns .awards-header .body-text.altered {
  margin-top: 3em;
  color: #ffa891
}

main.current-year-page.info-page .text-columns .awards-header .body-text.altered:before {
  content: "";
  display: block;
  position: relative;
  width: 5em;
  height: 1px;
  background: #fff;
  margin-bottom: 1em
}

main.current-year-page.info-page .text-columns .awards-header .personas-container {
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
  gap: 20px;
  flex-wrap: wrap
}

main.current-year-page.info-page .text-columns .awards-header .personas-container .single-persona {
  width: calc(50% - 10px)
}

main.site-main.single-page {
  margin-left: auto;
  margin-right: auto;
  align-self: center;
  padding-top: 7.1875em
}

main.site-main.single-page article .wrapper {
  margin-left: auto;
  margin-right: auto
}

main.site-main.single-page .page-simple-header {
  text-align: center;
  margin-bottom: 3.75em
}

main.site-main.single-page .standard-page-container {
  max-width: 52.5em
}

main.site-main.single-page .standard-page-container .body-text h1,
main.site-main.single-page .standard-page-container .body-text h2,
main.site-main.single-page .standard-page-container .body-text h3,
main.site-main.single-page .standard-page-container .body-text h4,
main.site-main.single-page .standard-page-container .body-text h5,
main.site-main.single-page .standard-page-container .body-text h6 {
  color: #fff
}

@media screen and (max-width: 40em) {
  main.current-year-page.info-page .kmh3 {
    font-size: 1.75em;
    letter-spacing: -0.04em
  }
}

.about-us-page .year-review-content--header {
  padding-top: 2.5em;
  padding-bottom: 3.75em
}

.about-us-page .year-review-content--header .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

@media screen and (max-width: 480px) {
  .about-us-page .year-review-content--header .wrapper {
    flex-direction: column;
    gap: 1em
  }
}

.about-us-page .year-review-content--header .wrapper .page-title {
  margin: 0
}

@media screen and (max-width: 480px) {
  .about-us-page .year-review-content--header .wrapper .page-title br {
    display: none
  }
}

.about-us-page .year-review-content--header .wrapper .kmnavi {
  color: #ffa891
}

.about-us-page .year-review-content--header .wrapper .text-container {
  max-width: 41.875em;
  width: 100%
}

@media screen and (min-width: 120.0625rem) {
  .about-us-page .year-review-content--header .wrapper .text-container {
    max-width: 45em
  }
}

.about-us-page .year-single-content-container {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: .25s ease-in-out all
}

.about-us-page .year-single-content-container.active {
  max-height: 624999999.9375em;
  opacity: 1
}

.about-us-page .yearly-review-header .year-trigger-wrapper {
  position: relative;
  overflow: hidden
}

.about-us-page .yearly-review-header .year-trigger-wrapper .year-element {
  transform: translateY(100%);
  display: block;
  position: absolute;
  transition: .25s ease-in-out all;
  opacity: 1
}

.about-us-page .yearly-review-header .year-trigger-wrapper .year-element.active {
  transform: translateY(0%);
  opacity: 1;
  position: relative
}

.about-us-page .yearly-review-header .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8.125em
}

@media screen and (max-width: 480px) {
  .about-us-page .yearly-review-header .wrapper {
    flex-wrap: wrap;
    gap: 1.875em 0
  }
}

.about-us-page .yearly-review-header .wrapper .year-trigger {
  width: 100%;
  max-width: 18.75em
}

@media screen and (max-width: 480px) {
  .about-us-page .yearly-review-header .wrapper .year-trigger {
    width: 50%;
    order: 1
  }
}

.about-us-page .yearly-review-header .wrapper .year-trigger.year-trigger-left {
  text-align: right
}

@media screen and (max-width: 480px) {
  .about-us-page .yearly-review-header .wrapper .year-trigger.year-trigger-left {
    text-align: left
  }
}

.about-us-page .yearly-review-header .wrapper .year-trigger.year-trigger-right {
  text-align: left
}

@media screen and (max-width: 480px) {
  .about-us-page .yearly-review-header .wrapper .year-trigger.year-trigger-right {
    text-align: right
  }
}

.about-us-page .yearly-review-header .wrapper .year-body {
  flex: 1
}

@media screen and (max-width: 480px) {
  .about-us-page .yearly-review-header .wrapper .year-body {
    width: 100%;
    order: 2
  }
}

.about-us-page .yearly-review-header .carousel-header-top-part {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.about-us-page .yearly-review-header .carousel-header {
  display: flex;
  flex-direction: column;
  gap: 2.5em
}

.about-us-page .yearly-review-header .carousel-header-bottom-part {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between
}

.about-us-page .yearly-review-header .carousel-header-bottom-part a {
  color: #fdfdfd
}

.about-us-page .yearly-review-header .carousel-header-bottom-part a.active {
  color: #fff
}

.about-us-page .year-review-content--gallery {
  width: 100%;
  min-height: 50em
}

@media screen and (max-width: 67.5em) {
  .about-us-page .year-review-content--gallery {
    min-height: unset
  }
}

.about-us-page .slick-slide {
  opacity: .6;
  transition: all .5s;
  padding: 0 0em;
  width: 65vw;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 46.875em
}

@media screen and (max-width: 67.5em) {
  .about-us-page .slick-slide {
    min-height: unset
  }
}

@media screen and (max-width: 67.5em) {
  .about-us-page .slick-slide {
    width: 100%;
    width: 100svw
  }
}

.about-us-page .slick-slide img,
.about-us-page .slick-slide source {
  transition: all .5s;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 80%
}

@media screen and (max-width: 67.5em) {

  .about-us-page .slick-slide img,
  .about-us-page .slick-slide source {
    max-width: 100%
  }
}

.about-us-page .slick-slide.slick-center {
  opacity: 1
}

.about-us-page .slick-slide.slick-center img,
.about-us-page .slick-slide.slick-center source {
  max-width: 100%
}

.about-us-page .slick-slide.slick-center.slick-active {
  opacity: 1
}

.about-us-page .slick-next:before,
.about-us-page .slick-prev:before {
  color: #000
}

.about-us-page .slick-active:not(.slick-center) {
  z-index: 10
}

.about-us-page .slick-active.slick-center {
  z-index: 1
}

.about-us-page .gallery-trigger {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 1.5625em
}

.about-us-page ul.slick-dots {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1em;
  padding-top: 1.25em
}

.about-us-page ul.slick-dots li button {
  width: .25em;
  height: .25em;
  border-radius: .25em;
  background: #5e4a6c;
  border: 0;
  font-size: 1px;
  display: block;
  color: rgba(0, 0, 0, 0);
  transition: .25s ease-in-out all
}

.about-us-page ul.slick-dots li.slick-active button {
  width: .5em;
  border-radius: .5em;
  height: .5em;
  background: #fff
}

.results-container {
  padding: 3.75em 0
}

.results-container .results--header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3.75em
}

.persona-name-desc {
  color: #fdfdfd;
  font-size: 1.5em;
  font-family: "StudioFeixenSans", sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: -0.045em
}

@media screen and (max-width: 60em) {
  .persona-name-desc {
    font-size: 1em
  }
}

.results-container .results-avatars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2.5em 1.25em
}

.single-persona {
  width: 19.6875em;
  height: auto
}

@media screen and (max-width: 40em) {
  .single-persona {
    width: calc(50% - .625em)
  }
}

.persona-mobile-bio {
  display: none
}

@media screen and (max-width: 640px) {
  .persona-mobile-bio {
    display: block;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    transform: scale(1, 0)
  }
}

.persona-mobile-bio.active {
  transform: scale(1, 1);
  max-height: unset;
  display: block;
  opacity: 1;
  visibility: visible
}

.single-persona .persona-image {
  position: relative;
  margin-bottom: 1.75em;
  background: #24132f;
  width: 100%;
  aspect-ratio: 1/1
}

.single-persona .persona-image:before {
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: .72;
  background: #24132f
}

@media screen and (min-width: 640px) {
  .single-persona .persona-image:before {
    mix-blend-mode: color
  }
}

.single-persona .persona-image img,
.single-persona .persona-image picture {
  display: block;
  position: relative;
  z-index: 1;
  filter: grayscale(100%)
}

.year-review-content--movie {
  padding-top: 3.75em;
  padding-bottom: 3.75em
}

.year-review-content--movie .year-review-content--movie--wrapper {
  background: #000
}

.year-review-content--movie .year-movie-player,
.year-review-content--movie iframe {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  display: block;
  margin: 0
}

.year-review-content--movie iframe {
  margin: block
}

.year-review--line-up .wrapper {
  display: flex;
  flex-direction: row;
  gap: 14.375em
}

@media screen and (max-width: 768px) {
  .year-review--line-up .wrapper {
    flex-direction: column;
    gap: 0px
  }
}

.year-review--line-up .line-up--content {
  display: flex;
  flex-direction: row;
  gap: 3em
}

@media screen and (max-width: 768px) {
  .year-review--line-up .line-up--content {
    flex-direction: column;
    padding-bottom: 3em
  }
}

.year-review--line-up .line-up--content .single-column {
  border-left: 1px solid #ffa891;
  padding-left: 3em;
  max-width: 17.5em;
  width: 100%
}

@media screen and (max-width: 768px) {
  .year-review--line-up .line-up--content .single-column {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid #ffa891;
    padding-top: 3em
  }
}

.year-review--line-up .line-up--content .single-column:first-of-type {
  border-left: 0
}

@media screen and (max-width: 768px) {
  .year-review--line-up .line-up--content .single-column:first-of-type {
    border-top: 0
  }
}

.year-review--line-up .line-up--content .single-column .single-column-element {
  font-size: 1em;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.03em
}

.year-review--line-up .line-up--content .single-column .single-column-element .element {
  color: #ffa891
}

.kinomural-master-number {
  border-radius: 2.5rem;
  background: #feeeeb;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  color: #100815;
  font-family: "StudioFeixenSans", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.045em;
  text-transform: uppercase
}

.kinomural-master-number.purple {
  background: #fff
}

@media screen and (max-width: 640px) {
  .map-location {
    order: 7
  }
}

.map-location .map-location-header .wrapper {
  border-top: 1px solid #fff;
  padding-top: 2.5em
}

.map-location .map-location-header .wrapper h2 {
  margin-top: 0;
  margin-bottom: 0
}

.map-location .map-location-image {
  position: relative;
  display: block
}

.map-location .map-location-element {
  padding-bottom: 5em
}

@media screen and (max-width: 840px) {
  .map-location .map-location-element {
    padding-bottom: 68px
  }
}

.map-location .map-location-element .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end
}

@media screen and (max-width: 640px) {
  .map-location .map-location-element .wrapper {
    flex-direction: column-reverse;
    padding-top: 30px;
    gap: 30px
  }
}

.map-location .map-location-element .map-location-elements {
  max-width: 25.625em;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: .5em
}

.map-location .map-location-element .map-location-elements .single-location-element-list {
  width: 100%
}

.map-location .map-location-element .map-location-elements .single-location-element-list a {
  display: flex;
  flex-direction: row;
  gap: 1.25em;
  align-items: center;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: -0.045em;
  font-weight: 300;
  color: #fdfdfd
}

@media screen and (max-width: 640px) {
  .map-location .map-location-element .map-location-elements .single-location-element-list a {
    font-size: 1em
  }
}

.map-location .map-location-element .map-location-elements .single-location-element-list a .text {
  flex: 1
}

.map-location .map-location-element .map-location-elements .single-location-element-list a:hover {
  color: #ffa891
}

.map-location .map-location-element .map-location-elements .single-location-element-list.active a {
  color: #ffa891
}

.map-location .map-location-element .map-location-elements .single-location-element-list.active .kinomural-master-number {
  background: #fff
}

.map-location .map-location-element .map-location-image {
  max-width: 47.5625em;
  width: 100%
}

.map-location .map-location-numbers-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2
}

.map-location .map-location-numbers-layer .single-location-element {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  display: block
}

.map-location .map-location-numbers-layer .single-location-element .kinomural-master-number {
  transition: .4s ease-in-out all
}

.map-location .map-location-numbers-layer .single-location-element.active .kinomural-master-number {
  background: #fff
}

.map-location .map-location-gfx-layer {
  position: relative;
  display: block
}

.map-location .map-location-gfx-layer img,
.map-location .map-location-gfx-layer picture {
  display: block
}

.locations-details {
  padding: 2.5rem 0
}

@media screen and (max-width: 640px) {
  .locations-details {
    order: 10
  }
}

.locations-details .wrapper {
  justify-content: center;
  gap: 5em 2.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

@media screen and (max-width: 640px) {
  .locations-details .wrapper {
    gap: 3.2em
  }
}

.locations-details .wrapper .location-image {
  position: relative;
  width: 19.6875em;
  height: 19.6875em
}

.locations-details .wrapper .location-image img,
.locations-details .wrapper .location-image picture,
.locations-details .wrapper .location-image source {
  display: block
}

.locations-details .wrapper .location-image .image-standard {
  position: relative;
  z-index: 1
}

.locations-details .wrapper .location-image .image-highlight {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: .3s ease-in-out .15s all
}

.locations-details .wrapper .single-location {
  max-width: 19.6875em;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1.75em
}

@media screen and (max-width: 640px) {
  .locations-details .wrapper .single-location {
    max-width: 315px;
    margin-left: auto;
    margin-right: auto
  }

  .locations-details .wrapper .single-location .location-image {
    order: 2
  }

  .locations-details .wrapper .single-location .location-header {
    order: 1
  }

  .locations-details .wrapper .single-location .location-address,
  .locations-details .wrapper .single-location .location-desc,
  .locations-details .wrapper .single-location .location-program-url,
  .locations-details .wrapper .single-location .location-url-on-map {
    order: 3
  }

  .locations-details .wrapper .single-location .location-header .location-name {
    text-align: right
  }
}

.locations-details .wrapper .single-location .location-desc {
  flex: 1
}

.locations-details .wrapper .single-location.active .location-image .image-highlight {
  opacity: 1
}

.locations-details .wrapper .single-location:hover .location-image .image-highlight {
  opacity: 1
}

.locations-details .wrapper .location-address {
  color: #ffa891
}

.locations-details .wrapper .location-name {
  letter-spacing: -0.06em
}

.locations-details .wrapper .location-program-url a,
.locations-details .wrapper .location-url-on-map a {
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: .25em;
  padding-top: .25em;
  font-weight: 300
}

.locations-details .wrapper .location-program-url a .icon,
.locations-details .wrapper .location-url-on-map a .icon {
  transition: transform .35s ease-in-out;
  transform: scale(1);
  width: 1.25em;
  height: 1.25em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

.locations-details .wrapper .location-program-url a:hover,
.locations-details .wrapper .location-url-on-map a:hover {
  color: #ff8c76
}

.locations-details .wrapper .location-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.25em
}

.locations-details .wrapper .location-header .number {
  padding-top: .375em
}

.locations-details .wrapper .location-header .location-name {
  flex: 1
}

.current-year-page.info-page.program-page .program-content .wrapper {
  padding-top: 4.5em;
  padding-bottom: 2.625em;
  border-top: 1px solid #fff
}

.current-year-page.info-page.program-page .program-day-switcher {
  display: flex;
  flex-direction: row;
  gap: 30px
}

.current-year-page.info-page.program-page .program-day-switcher .program-day-switch {
  display: inline-block
}

.current-year-page.info-page.program-page .program-day-switcher .program-day-switch.active {
  border-bottom: 1px solid #fff;
  color: #fff
}

.current-year-page.info-page.program-page .program-content--header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 2em
}

.current-year-page.info-page.program-page .program-content--header h2,
.current-year-page.info-page.program-page .program-content--header h3 {
  margin: 0
}

.current-year-page.info-page.program-page .program-content--header .program-master-switch {
  display: flex;
  flex-direction: row;
  gap: 3.75em;
  align-items: center
}

.current-year-page.info-page.program-page .program-content--header .program-master-switch a {
  color: #fdfdfd;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0)
}

.current-year-page.info-page.program-page .program-content--header .program-master-switch a.active {
  color: #fff;
  border-bottom: 1px solid #fff
}

.current-year-page.info-page.program-page .program-content--header .program-master-switch a:hover {
  color: #fff;
  border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

.current-year-page.info-page.program-page .program-navigation--filter-box {
  display: none
}

@media screen and (max-width: 480px) {
  .current-year-page.info-page.program-page .program-navigation--filter-box {
    display: block;
    padding-bottom: 40px
  }
}

.current-year-page.info-page.program-page .program-navigation--filter-box .program-navigation--filter-box {
  display: block;
  border-bottom: 1px solid #fdfdfd;
  color: #fdfdfd;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px
}

.current-year-page.info-page.program-page .program-navigation--filter-box .program-navigation--filter-box:hover {
  color: #fdfdfd
}

.current-year-page.info-page.program-page .program-navigation--filter-box .program-navigation--filter-box.active .arrow {
  transform: scale(1, -1)
}

.current-year-page.info-page.program-page .program-content--navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 5.625em;
  transition: .25s ease-in-out all;
  opacity: 1;
  transform: scale(1, 1);
  max-height: unset
}

.current-year-page.info-page.program-page .program-content--navigation.hidden {
  opacity: 0;
  transform: scale(1, 0);
  max-height: 0
}

.current-year-page.info-page.program-page .program-content--navigation .program-navigation-trigger {
  display: flex;
  flex-direction: row;
  gap: 1.5em
}

@media screen and (max-width: 480px) {
  .current-year-page.info-page.program-page .program-content--navigation .program-navigation-trigger {
    justify-content: space-between
  }
}

.current-year-page.info-page.program-page .program-content--navigation .program-navigation-trigger a {
  color: #fdfdfd;
  border-bottom: 1px solid hsla(0, 0%, 100%, .75)
}

.current-year-page.info-page.program-page .program-content--navigation .program-navigation-trigger a.active {
  color: #fff;
  border-bottom: 1px solid #fff
}

.current-year-page.info-page.program-page .program-content--navigation .program-navigation-trigger a:hover {
  color: #fff;
  border-bottom: 1px solid hsla(0, 0%, 100%, .75)
}

.current-year-page.info-page.program-page .program-content--navigation .program-navigation-trigger--elements {
  display: flex;
  flex-direction: row;
  gap: 1.5em
}

.current-year-page.info-page.program-page .program-content--navigation .program-navigation-trigger--elements a {
  color: #fdfdfd;
  border-bottom: 1px solid hsla(0, 0%, 100%, .75)
}

.current-year-page.info-page.program-page .program-content--navigation .program-navigation-trigger--elements a.active {
  color: #fff;
  border-bottom: 1px solid #fff
}

.current-year-page.info-page.program-page .program-content--navigation .program-navigation-trigger--elements a:hover {
  color: #fff;
  border-bottom: 1px solid hsla(0, 0%, 100%, .75)
}

.current-year-page.info-page.program-page .program-content--navigation .program-navigation-trigger--elements a.disabled {
  pointer-events: none;
  opacity: .25
}

.current-year-page.info-page.program-page .program-content--navigation .program-extras {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1
}

.current-year-page.info-page.program-page .program-content--navigation .program-extras a {
  color: #fdfdfd;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0)
}

.current-year-page.info-page.program-page .program-content--navigation .program-extras a.active {
  color: #fff;
  border-bottom: 1px solid #fff
}

.current-year-page.info-page.program-page .program-content--navigation .program-extras a:hover {
  color: #fff;
  border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

#whole-program-container {
  position: relative;
  overflow: hidden
}

.main-program {
  position: relative;
  z-index: 1;
  position: relative;
  padding: 0;
  overflow: hidden;
  max-height: 0;
  transition: .25s ease-in-out all;
  transform: scale(1, 0)
}

.main-program.active {
  max-height: unset;
  transform: scale(1, 1);
  opacity: 1
}

.main-program .main-program-container {
  position: relative
}

.main-program .main-program-container .main-program-day {
  position: relative;
  transition: .25s ease-in-out all;
  opacity: 0;
  transform: scale(1, 0);
  max-height: 0;
  padding: 0
}

.main-program .main-program-container .main-program-day.active {
  max-height: unset;
  transform: scale(1, 1);
  opacity: 1
}

.main-program .program-wall {
  position: relative;
  transition: .25s ease-in-out all;
  opacity: 0;
  transform: scale(1, 0);
  max-height: 0;
  padding: 0
}

.main-program .program-wall.active {
  opacity: 1;
  transform: scale(1, 1);
  max-height: unset;
  padding-bottom: 4.375em;
  padding-top: 4.375em
}

.main-program .program-wall--header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2em;
  gap: 1.25em
}

@media screen and (max-width: 768px) {
  .main-program .program-wall--header {
    justify-content: space-between
  }
}

@media screen and (max-width: 840px) {
  .main-program .program-wall--image {
    width: 100%;
    max-width: 350px
  }
}

.main-program .program-wall--image img,
.main-program .program-wall--image picture {
  display: block
}

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

  .main-program .program-wall--image img,
  .main-program .program-wall--image picture {
    width: 100%
  }
}

.main-program .program-wall--wall-name {
  flex: 1
}

.main-program .program-wall--wall-name small {
  font-size: 1.5rem
}

.main-program .program-wall--content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5.625em
}

.main-program .program-wall--content .program-wall--address {
  color: #fff;
  margin-top: 1.75em;
  margin-bottom: 1.75em
}

.main-program .program-wall--content .program-wall--desc {
  margin-bottom: 1.75em
}

.main-program .program-wall--content .program-wall--desc p {
  margin-bottom: 16px
}

.main-program .program-wall--content .program-wall--desc p:first-of-type {
  margin-top: 0
}

.main-program .program-wall--content .program-wall--desc p:last-of-type {
  margin-bottom: 0
}

.main-program .program-wall--content .program-wall--show-on-map {
  margin-top: 1.25em
}

.main-program .program-wall--content .program-wall--mobile-trigger {
  margin-top: 1.25em;
  display: none
}

@media screen and (max-width: 768px) {
  .main-program .program-wall--content .program-wall--mobile-trigger {
    display: block
  }
}

.main-program .program-wall--content .program-wall--mobile-trigger a.active .arrow {
  transform: scale(1, -1) translateY(5px)
}

.main-program .program-wall--content .program-wall--intro {
  width: 19.6875em
}

@media screen and (max-width: 768px) {
  .main-program .program-wall--content .program-wall--intro {
    width: 100%
  }
}

.main-program .program-wall--content .program-wall--intro a {
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: .25em;
  padding-top: .25em;
  font-weight: 300
}

.main-program .program-wall--content .program-wall--intro a .icon {
  transition: transform .35s ease-in-out;
  transform: scale(1);
  width: 1.25em;
  height: 1.25em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

.main-program .program-wall--content .program-wall--intro a:hover {
  color: #ff8c76
}

.main-program .program-wall--content .program-wall--sets {
  flex: 1
}

.main-program .program-wall--content .program-wall--sets-wrapper {
  flex: 1
}

.main-program .special-sets {
  padding-top: 3.75em
}

@media screen and (max-width: 840px) {
  .main-program .special-sets {
    padding-top: 1em
  }
}

.main-program .single-set-desc {
  padding-bottom: 20px
}

.main-program .single-set-desc p {
  margin-bottom: 1rem
}

.main-program .single-set-desc p:first-of-type {
  margin-top: 0
}

.main-program .single-set-desc p:last-of-type {
  margin-bottom: 0
}

.main-program .program-wall--sets-wrapper {
  overflow: hidden;
  transition: .25s ease-in-out all
}

@media screen and (max-width: 840px) {
  .main-program .program-wall--sets-wrapper {
    transform: scale(1, 0);
    opacity: 0;
    visibility: hidden;
    max-height: 0
  }
}

.main-program .program-wall--sets-wrapper.active {
  transform: scale(1, 1);
  opacity: 1;
  visibility: visible;
  max-height: 9999px
}

.main-program .program-wall--sets {
  gap: 3.75em 6em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.main-program .program-wall--sets .single-set-content {
  font-weight: 300;
  color: #fff
}

.main-program .program-wall--sets .single-set-content a {
  color: #fdfdfd;
  text-decoration: underline
}

.main-program .program-wall--sets .single-set-content a:hover {
  color: #feeeeb
}

.main-program .program-wall--sets .single-set-content .name {
  color: #fdfdfd
}

.main-program .program-wall--sets .single-set {
  position: relative;
  flex: 1 0 calc(33.33% - 4em);
  max-width: calc(33.33% - 4em);
  min-height: 7.5em
}

.main-program .program-wall--sets .single-set .set-label.uppercase {
  text-transform: uppercase
}

.main-program .program-wall--sets .single-set .single-row {
  margin-bottom: .125em
}

.main-program .program-wall--sets .single-set .single-row.highlighted {
  background: rgba(255, 168, 145, .25)
}

.main-program .program-wall--sets .single-set .single-set--header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1em
}

.main-program .program-wall--sets .single-set .single-set--header.uppercase {
  text-transform: uppercase
}

.main-program .program-wall--sets .single-set:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 2.5em;
  left: -3.0625em;
  width: 1px;
  background: #fff;
  min-height: 7.625em
}

.main-program .program-wall--sets .single-set:nth-child(3n+1):before {
  display: none
}

.main-program .program-wall--sets .single-set.special-set:before {
  background: #b8caf5
}

.main-program .program-wall--sets .single-set.special-set .set-label,
.main-program .program-wall--sets .single-set.special-set .set-hour {
  color: #b8caf5
}

.main-program .program-wall--sets .single-set.special-set .single-row .name {
  color: #fdfdfd
}

.main-program .program-wall--sets .single-set.special-set .single-row .topic {
  color: #b8caf5
}

.main-program .program-wall--sets .single-set.special-set .single-row.highlighted {
  background: #ffa891
}

.extra-program {
  position: relative;
  padding: 0;
  overflow: hidden;
  max-height: 0;
  transition: .25s ease-in-out all;
  transform: scale(1, 0)
}

.extra-program.active {
  max-height: unset;
  transform: scale(1, 1);
  opacity: 1
}

.extra-program .wrapper {
  padding: 4.375em 0;
  display: flex;
  flex-direction: column;
  gap: 5em
}

.extra-program-element {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap
}

.extra-program-element .extra-program-element--image {
  max-width: 33.625em;
  width: 100%
}

.extra-program-element .extra-program-element--text {
  flex: 1;
  max-width: 40.5em;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25em
}

.extra-program-element .extra-program-element--text .extra-program-element--meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.extra-program-element .extra-program-element--text .extra-program-element--title {
  margin: 0;
  text-wrap: balance
}

.extra-program-element .extra-program-element--text .extra-program-element--desc {
  text-wrap: balance
}

.extra-program-element .extra-program-element--text .single-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 3.75em
}

.extra-program-element .extra-program-element--text .row-first {
  width: 100%;
  max-width: 7.5em
}

.extra-program-element .extra-program-element--text .row-second {
  flex: 1
}

.extra-program-element .extra-program-element--text .extra-program-element--about-event {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

@media screen and (max-width: 640px) {
  .extra-program-element .extra-program-element--text .extra-program-element--about-event {
    flex-direction: column;
    gap: 20px
  }
}

.extra-program-element .extra-program-element--text .extra-link a {
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: .25em;
  padding-top: .25em;
  font-weight: 300
}

@media screen and (max-width: 640px) {
  .extra-program-element .extra-program-element--text .extra-link a {
    width: 100%
  }
}

@media screen and (min-width: 640px) {
  .extra-program-element .extra-program-element--text .extra-link a {
    font-size: 1.5em
  }
}

.extra-program-element .extra-program-element--text .extra-link a .icon {
  transition: transform .35s ease-in-out;
  transform: scale(1);
  width: 1.5em;
  height: 1.5em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

@media screen and (max-width: 640px) {
  .extra-program-element .extra-program-element--text .extra-link a .icon {
    margin-left: auto
  }
}

.extra-program-element .extra-program-element--text .extra-link a:hover {
  color: #ff8c76
}

.extra-program-element .extra-program-element--text .extra-link a {
  display: inline-flex;
  gap: 1.875em;
  justify-content: start
}

.artists-content {
  padding-bottom: 80px
}

@media screen and (max-width: 640px) {
  .artists-content {
    order: 10
  }
}

.artists-content .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px 20px;
  padding-top: 40px;
  border-top: 1px solid #fff
}

@media screen and (min-width: 640px) {
  .artists-content .wrapper .persona-number-1 {
    margin-left: 158px
  }

  .artists-content .wrapper .persona-number-2 {
    margin-left: 355px
  }

  .artists-content .wrapper .persona-number-4 {
    margin-left: 355px
  }

  .artists-content .wrapper .persona-number-6 {
    margin-left: 158px
  }

  .artists-content .wrapper .persona-number-7 {
    margin-left: 0px
  }

  .artists-content .wrapper .persona-number-8 {
    margin-left: 355px
  }

  .artists-content .wrapper .persona-number-9 {
    margin-left: 0px
  }

  .artists-content .wrapper .persona-number-11 {
    margin-left: 158px
  }

  .artists-content .wrapper .persona-number-12 {
    margin-left: 358px
  }

  .artists-content .wrapper .persona-number-15 {
    margin-left: 355px
  }

  .artists-content .wrapper .persona-number-16 {
    margin-left: 566px
  }

  .artists-content .wrapper .persona-number-19 {
    margin-left: 355px
  }
}

.persona-bio-info--text {
  padding: 28px 0
}

.persona-bio-info--text p {
  margin-bottom: 1rem
}

.persona-bio-info--text p:first-of-type {
  margin-top: 0
}

.persona-bio-info--text p:last-of-type {
  margin-bottom: 0
}

.persona-bio-info {
  position: relative;
  transition: .25s ease-in-out all;
  opacity: 1;
  max-height: unset;
  visibility: visible
}

.persona-bio-info .persona-name.kmh2 {
  display: none
}

@media screen and (max-width: 640px) {
  .persona-bio-info .persona-name.kmh2 {
    display: block
  }
}

.persona-bio-info.hidden {
  opacity: 0;
  max-height: 0;
  visibility: hidden
}

.persona-bio-info.hidden .persona-bio-info-wrapper {
  opacity: 0;
  transform: scale(1, 0) translateY(-100%)
}

.persona-bio-info .persona-bio-info-wrapper {
  position: relative;
  transition: .25s ease-in-out all;
  opacity: 1;
  transform: scale(1, 1) translateY(0%)
}

@media screen and (max-width: 640px) {
  .persona-bio-info .persona-bio-info-wrapper {
    width: calc(200% + 20px);
    padding-top: 30px
  }
}

@media screen and (max-width: 640px) {
  .single-persona:nth-of-type(2n) .persona-bio-info .persona-bio-info-wrapper {
    left: calc(-100% - 20px)
  }
}

.persona-bio-trigger {
  height: 22px;
  margin-top: 8px
}

.persona-bio-trigger a {
  color: #ff8c76;
  font-weight: 300;
  position: relative;
  height: 22px;
  display: block;
  width: 100%;
  text-decoration: underline;
  font-size: 16px
}

.persona-bio-trigger a span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  text-decoration: underline;
  opacity: 1
}

.persona-bio-trigger a span.show-content {
  opacity: 1;
  visibility: visible
}

.persona-bio-trigger a span.hide-content {
  opacity: 0;
  visibility: hidden
}

.persona-bio-trigger a:hover {
  color: #fdfdfd
}

.persona-bio-trigger a.active span.show-content {
  opacity: 0;
  visibility: hidden
}

.persona-bio-trigger a.active span.hide-content {
  opacity: 1;
  visibility: visible
}

.persona-bio-info--urls {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.persona-bio-info--urls a {
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: .25em;
  padding-top: .25em;
  font-weight: 300
}

.persona-bio-info--urls a .icon {
  transition: transform .35s ease-in-out;
  transform: scale(1);
  width: 1.25em;
  height: 1.25em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

.persona-bio-info--urls a:hover {
  color: #ff8c76
}

@media screen and (max-width: 640px) {
  main.current-year-page.info-page.program-page .program-content {
    order: 4
  }

  main.current-year-page.info-page.program-page #whole-program-container {
    order: 5
  }

  main.current-year-page.info-page.program-page .program-content .wrapper {
    padding-top: 20px;
    padding-bottom: 20px
  }

  main.current-year-page.info-page.program-page .program-content .wrapper .program-content--header {
    flex-direction: column;
    gap: 20px
  }

  main.current-year-page.info-page.program-page .program-content .wrapper .program-content--header .program-master-switch .kmh3.program-switch {
    font-size: 20px
  }

  main.current-year-page.info-page.program-page .program-content--navigation {
    flex-direction: column;
    gap: 20px
  }

  main.current-year-page.info-page.program-page .program-content--navigation .program-extras {
    flex-direction: column;
    gap: 20px
  }

  main.current-year-page.info-page.program-page .main-program .program-wall--content {
    gap: 20px;
    flex-direction: column
  }

  main.current-year-page.info-page.program-page .main-program .program-wall--wall-name small {
    font-size: 20px;
    display: block
  }

  main.current-year-page.info-page.program-page .main-program .program-wall.active {
    padding: 30px 0
  }

  main.current-year-page.info-page.program-page .program-wall--sets {
    flex-direction: column;
    gap: 40px
  }
}

@media screen and (max-width: 640px)and (max-width: 640px) {
  main.current-year-page.info-page.program-page .program-wall--sets {
    gap: 20px
  }
}

@media screen and (max-width: 640px) {
  main.current-year-page.info-page.program-page .program-wall--sets .single-set {
    width: 100%;
    max-width: 100%;
    min-height: 0
  }

  main.current-year-page.info-page.program-page .program-wall--sets .single-set.filler {
    display: none
  }
}

.current-year-page.open-call .text-columns.part-3 .wrapper {
  border-top: 1px solid #fff
}

.urls-for-media {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.media-about-us-box {
  padding-bottom: 50px
}

.main-program .program-wall--sets .single-set.special-set.back-to-purple:BEFORE {
  background: #fff
}

.main-program .program-wall--sets .single-set.special-set.back-to-purple .set-label,
.main-program .program-wall--sets .single-set.special-set.back-to-purple .set-hour {
  color: #fff
}

.main-program .program-wall--sets .single-set.special-set.back-to-purple .single-row .topic {
  color: #fff
}

.results-text {
  padding-top: 2em;
  padding-bottom: 2em
}

.results-text p {
  margin-bottom: 1rem
}

.results-text p:first-of-type {
  margin-top: 0
}

.results-text p:last-of-type {
  margin-bottom: 0
}

.partners-page .partners-body .wrapper .single-partner-row:nth-of-type(1) .partners-row-header .single-partner-logo {
  max-width: 240px
}

.partners-page .partners-body .wrapper .single-partner-row:nth-of-type(1) .partners-row-header .single-partner-logo a {
  width: 100%;
  display: block
}

.partners-page .partners-body .wrapper .single-partner-row:nth-of-type(1) .partners-row-header .single-partner-logo a img {
  display: block;
  width: 100%;
  max-height: unset
}

.partners-page .partners-body .wrapper .single-partner-row:nth-of-type(1) .partner-row-elements .single-partner-logo img,
.partners-page .partners-body .wrapper .single-partner-row:nth-of-type(1) .partner-row-elements .single-partner-logo picture {
  max-height: unset
}

body.error404 #page.site .site-content {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  width: 100%;
  padding-top: 150px
}

.error-404 .wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px
}

.error-404 .image-container {
  max-width: 480px;
  width: 100%;
  background: #ff4f76
}

.error-404 .image-container img {
  mix-blend-mode: overlay;
  display: block
}

.error-404 .content-container {
  min-width: 360px;
  flex: 1;
  width: 100%
}

.error-404 .error-404-page-title {
  display: flex;
  flex-direction: column
}

.error-404 .error-404-page-title .small-text.kmh5.purple.uppercase {
  font-size: 18px;
  text-transform: uppercase
}

.error-404 .extra-text {
  margin-bottom: 1em
}

.error-404 .extra-text p {
  margin-bottom: 1rem
}

.error-404 .extra-text p:first-of-type {
  margin-top: 0
}

.error-404 .extra-text p:last-of-type {
  margin-bottom: 0
}

.error-404 a.simple-bttn {
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: .25em;
  padding-top: .25em;
  font-weight: 300;
  margin-top: .25em;
  margin-bottom: .25em
}

.error-404 a.simple-bttn .icon {
  transition: transform .35s ease-in-out;
  transform: scale(1);
  width: 1.25em;
  height: 1.25em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

.error-404 a.simple-bttn:hover {
  color: #ff8c76
}

#spotlight {
  position: fixed;
  width: 22vh;
  height: 22vh;
  background: rgba(255, 79, 118, .35);
  border-radius: 50%;
  pointer-events: none;
  mix-blend-mode: difference;
  z-index: -1;
  filter: blur(50px)
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

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

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
  display: none
}

.os-animation {
  opacity: 0
}

.os-animation.animated {
  opacity: 1
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.long {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.wow {
  visibility: hidden
}

@keyframes show-chevron {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

@keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {

  0%,
  50%,
  100% {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  0%,
  50%,
  100% {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1)
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1)
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1)
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1)
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1)
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1)
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shake {

  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes shake {

  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

@-webkit-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

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

  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  100% {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }

  100% {
    opacity: 0
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

@keyframes upsideDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  50% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.upsideDown {
  animation: upsideDown 3s infinite
}

.alt-bounce {
  -moz-animation: alt-bounce 3s infinite;
  -webkit-animation: alt-bounce 3s infinite;
  animation: alt-bounce 3s infinite
}

@-moz-keyframes alt-bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0)
  }

  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
  }
}

@-webkit-keyframes alt-bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
}

@keyframes alt-bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
}

/*# sourceMappingURL=style.css.map */


.results-container .results--header {
  justify-content: flex-start;
}

.materials-for-download--content .materials-to-download-element--header a:not(.btn-gradient) {
  text-decoration: none;
}

.wp-singular .body-text.entry-content p img {
  display: inline-block;
  width: auto;
  max-width: calc(100% - 24px);
  height: auto;
  margin: 12px;
}

.wp-singular .body-text.entry-content p img:is([sizes="auto" i], [sizes^="auto," i]) {
  contain-intrinsic-size: auto 235px;
}

.single-persona {
  width: calc(25% - 15px);
  height: auto;
}

@media (max-width: 991px) {
  .single-persona {
    width: calc(33.333% - 15px);
  }
}

@media (max-width: 767px) {
  .single-persona {
    width: calc(50% - 15px);
  }
}

@media (max-width: 399px) {
  .single-persona {
    width: calc(100% - 15px);
  }
}

.wp-video {
  width: auto !important;
}

.wp-video>* {
  max-width: 100% !important;
}

main.current-year-page.info-page.home-page {
  padding-top: 24px;
}


.home_news_headline {
	margin-top: 48px;
}

main.current-year-page.info-page .text-columns .single-info .icon {
    width: auto;
    height: auto;
    -webkit-text-fill-color: white;
    color: white;
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-1 .image-container-1,
.homepage-site .homepage-carousel-images .wrapper .image-wrapper-1 .image-container-2 {
	height: calc(50% - 24px);
  overflow: hidden;
  position: relative;
}

.homepage-site .homepage-carousel-images .wrapper {
  align-items: center;
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-1 .image-container-2 {
	margin-top: 24px;
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-2 {
	padding-top: 0;
}

.homepage-site .homepage-carousel-images .wrapper .image-wrapper-2  h3 {
    font-size: 18px;
    margin: 0 0 6px 0;
}

.artists-content .single-persona .persona-name {
  color: #fff;
  transition: 300ms;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
}

.artists-content .single-persona .persona-name:hover {
  color: #ff4f76;
}

.artysta_sociale {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 12px -12px -12px -12px !important;
  padding-left: 0 !important;
}
.artysta_sociale li {
  margin: 12px;
  display: inline-block;
}

.artysta_sociale li img {
  width: 36px;
  height: 36px;
  display: block;
}
.artysta_praca {
  display: block;
  margin-top: 24px;
}
.artysta_praca_grafiki {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin: 12px -12px -12px -12px;
  justify-content: center;
}
.artysta_praca_grafiki_grafika {
  width: calc(50% - 24px);
  margin: 12px;
}
.artysta_praca_grafiki_grafika img {
  width: 100%;
  height: auto;
}
.artysta_praca_grafiki_3 .artysta_praca_grafiki_grafika:nth-child(3) {
  width: 100%;
}
.artysta_praca_grafiki_5 .artysta_praca_grafiki_grafika:nth-child(3),
.artysta_praca_grafiki_5 .artysta_praca_grafiki_grafika:nth-child(5) {
  width: 100%;
}
.artysta_praca_grafiki_7 .artysta_praca_grafiki_grafika:nth-child(3),
.artysta_praca_grafiki_7 .artysta_praca_grafiki_grafika:nth-child(5),
.artysta_praca_grafiki_7 .artysta_praca_grafiki_grafika:nth-child(7) {
  width: 100%;
}
.artysta_praca_opis {
  margin-top: 24px;
}
.artysta_praca_wideo {
  margin-top: 24px;
  width: 100%;
  height: auto;
  display: block;
} 

body {
  font-feature-settings: "ss01", "ss02", "ss03";
}

h1,
h2 {
  font-feature-settings: "ss01"!important;
}

h1 span,
h2 span {
  font-feature-settings: "ss01"!important;
}

dfn, cite, em, i {
    font-style: normal!important;
}

.video-wrapper {
    position: relative;
    display: inline-block;
}

.artysta_praca_wideo {
    display: block;
    max-width: 100%;
    height: auto;
}

.mute-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 64px;
    background: rgba(0, 0, 0, 0.4);
    color: white;
    padding: 20px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    transition: opacity 0.3s ease;
}

.mute-overlay:hover {
    background: rgba(0, 0, 0, 0.6);
}

.homepage-marquee-mobile-only .content-marquee {
  --bg-1: var(--gradient-start);
  --bg-2: var(--gradient-stop); 
  background: linear-gradient(45deg, var(--bg-1), var(--bg-2));
}


.homepage-marquee-mobile-only .content-marquee .letters {
    color: #fff;
}