* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
a:active,
a:hover {
  outline: 0;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.clearfix {
  zoom: 1;
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
html,
body {
  min-height: 660px;
}
body {
  padding: 0;
  margin: 0;
  font-family: 'NeoG', sans-serif;
  font-size: 16px;
  color: white;
  background-color: #272722;
  overflow: auto;
}
body.home .header-menu-container,
body.test .header-menu-container {
  display: none;
}
body.home {
  background-color: black;
}
body.home .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
body.home .wrapper .big-logo-container {
  transition: transform 1s ease-in-out, opacity 0.6s ease-in-out, margin 0.5s ease-in-out;
  opacity: 1;
  transform: translateY(0);
  margin-bottom: 0;
}
body.home .wrapper .big-logo-container.out {
  opacity: 0;
  transform: translateY(100%);
  margin-bottom: 0;
}
body.home .wrapper .big-logo-container.bigmargin {
  margin-bottom: 4em;
}
body.home .wrapper .menu-container {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 960px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin: 1em 0;
  z-index: 1;
}
body.home .wrapper .menu-container a.main-menu-btn {
  position: relative;
  padding: 0.3em 0.8em;
  text-decoration: none;
  margin: 0 1em;
  transition: transform 0.5s ease-in-out, opacity 0.2s;
  opacity: 1;
  transform: translateY(0);
}
body.home .wrapper .menu-container a.main-menu-btn.out {
  opacity: 0;
  transform: translateY(100%);
}
body.home .wrapper .menu-container a.main-menu-btn .bg {
  position: absolute;
  top: 0;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  height: 100%;
  border: 1px solid white;
  transition: width 0.2s, left 0.2s, margin 0.2s;
  opacity: 0.2;
}
body.home .wrapper .menu-container a.main-menu-btn .text {
  font-size: 1.2rem;
  color: white;
}
body.home .wrapper .menu-container a.main-menu-btn:hover .bg {
  margin-left: 0;
  left: 0;
  width: 100%;
  opacity: 1;
}
body.home .wrapper .menu-container a.main-menu-btn.normal .bg {
  display: none;
}
body.home .wrapper .menu-container a.main-menu-btn.normal .text {
  font-size: 0.9rem;
}
body.home .wrapper .partner-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 2em;
  transition: transform 0.8s ease-in-out, opacity 0.2s;
  opacity: 1;
  transform: translateY(0);
}
body.home .wrapper .partner-container.out {
  opacity: 0;
  transform: translateY(100%);
}
body.home .wrapper .partner-container a.mome-logo {
  display: block;
  margin-right: auto;
}
body.home .wrapper .partner-container a.mome-logo img {
  max-height: 56px;
}
body.home .wrapper .partner-container .partners {
  margin-right: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
}
body.home .wrapper .partner-container .partners a {
  margin-left: 1em;
}
body.home .wrapper .partner-container .partners a img {
  max-height: 48px;
}
body.film {
  background-color: black;
}
body.film .wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
body.film .wrapper .video-wrapper {
  position: relative;
  width: calc(100% - 2em);
  max-width: 1280px;
  overflow-x: hidden;
}
body.film .wrapper .video-wrapper:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
body.film .wrapper .video-wrapper.fullscreen {
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: black;
}
body.film .wrapper .video-wrapper.fullscreen .video-container {
  top: 50%;
  transform: translateY(-50%);
}
body.film .wrapper .video-wrapper .video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
body.film .wrapper .video-wrapper .video-container video {
  width: 100%;
  height: auto;
  max-height: 100%;
}
body.film .wrapper .video-wrapper .video-container .video-controls {
  position: absolute;
  bottom: -96px;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  transition: bottom 0.3s ease-in-out;
}
body.film .wrapper .video-wrapper .video-container .video-controls.show {
  bottom: 0;
}
body.film .wrapper .video-wrapper .video-container .video-controls button {
  display: block;
  width: 32px;
  height: 32px;
  border: none;
  cursor: pointer;
  margin-right: 1em;
  transition: transform 0.2s;
  transform: scale(1, 1);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
}
body.film .wrapper .video-wrapper .video-container .video-controls button:hover {
  transform: scale(1.2, 1.2);
}
body.film .wrapper .video-wrapper .video-container .video-controls button.playpause {
  margin-left: 0;
  margin-right: 1.5em;
}
body.film .wrapper .video-wrapper .video-container .video-controls button.playpause.play {
  background-image: url(../assets/videocontrol-pause.svg);
}
body.film .wrapper .video-wrapper .video-container .video-controls button.playpause.pause {
  background-image: url(../assets/videocontrol-play.svg);
}
body.film .wrapper .video-wrapper .video-container .video-controls button.soundonoff {
  margin-right: 0;
  margin-left: 1.5em;
}
body.film .wrapper .video-wrapper .video-container .video-controls button.soundonoff.on {
  background-image: url(../assets/videocontrol-sound-on.svg);
}
body.film .wrapper .video-wrapper .video-container .video-controls button.soundonoff.off {
  background-image: url(../assets/videocontrol-sound-off.svg);
}
body.film .wrapper .video-wrapper .video-container .video-controls button.fullscreenonoff {
  margin-right: 0;
  margin-left: 1em;
}
body.film .wrapper .video-wrapper .video-container .video-controls button.fullscreenonoff.on {
  background-image: url(../assets/videocontrol-fullscreen-on.svg);
}
body.film .wrapper .video-wrapper .video-container .video-controls button.fullscreenonoff.off {
  background-image: url(../assets/videocontrol-fullscreen-off.svg);
}
body.film .wrapper .video-wrapper .video-container .video-controls .progress-bar {
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  flex-grow: 1;
  height: 32px;
}
body.film .wrapper .video-wrapper .video-container .video-controls .progress-bar .progress {
  flex-grow: 1;
  width: auto;
}
body.film .wrapper .video-wrapper .video-container .video-controls .progress-bar .time {
  flex-grow: 0;
  flex-shrink: 0;
  width: 4em;
  text-align: center;
  font-size: 0.8em;
  margin-left: 1em;
}
body.film .wrapper .video-wrapper .video-container .big-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}
body.film .wrapper .video-wrapper .video-container .big-icons .big-play,
body.film .wrapper .video-wrapper .video-container .big-icons .big-pause {
  display: block;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: transform 0.8s, opacity 0.8s;
  opacity: 1;
  visibility: visible;
  transform: scale(1, 1);
}
body.film .wrapper .video-wrapper .video-container .big-icons .big-play.hide,
body.film .wrapper .video-wrapper .video-container .big-icons .big-pause.hide {
  visibility: hidden;
  opacity: 1;
  height: 0;
}
body.film .wrapper .video-wrapper .video-container .big-icons .big-play.flash,
body.film .wrapper .video-wrapper .video-container .big-icons .big-pause.flash {
  visibility: visible;
  opacity: 0;
  transform: scale(1.5, 1.5);
  height: 80px;
}
body.film .wrapper .video-wrapper .video-container .big-icons .big-play {
  background-image: url(../assets/videocontrol-play.svg);
}
body.film .wrapper .video-wrapper .video-container .big-icons .big-pause {
  background-image: url(../assets/videocontrol-pause.svg);
}
body.film .wrapper .video-wrapper .video-container .big-icons .big-spinner {
  width: 80px;
  height: 80px;
  background-image: url(../assets/spinner-anim.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
body.film .wrapper .video-wrapper .video-container .big-icons .big-spinner.hide {
  display: none;
}
body.film .wrapper .video-wrapper a.namecard {
  position: absolute;
  bottom: 25%;
  left: -54%;
  max-width: 50%;
  padding: 0.8em 1.5em 1em 4rem;
  transition: left 0.5s ease-in-out, background-color 0.2s;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.2);
}
body.film .wrapper .video-wrapper a.namecard .text {
  color: white;
}
body.film .wrapper .video-wrapper a.namecard .text .name {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.2em;
}
body.film .wrapper .video-wrapper a.namecard .text .title {
  font-size: 1.1rem;
  font-weight: normal;
}
body.film .wrapper .video-wrapper a.namecard .stripe {
  position: absolute;
  top: 1.5rem;
  left: 0;
  width: 3em;
  height: 4px;
  background-color: white;
}
body.film .wrapper .video-wrapper a.namecard .icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: -12px;
  right: -12px;
  background-image: url(../assets/icon-open-new.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.6;
  transition: opacity 0.2s;
}
body.film .wrapper .video-wrapper a.namecard.show {
  left: 0;
}
body.film .wrapper .video-wrapper a.namecard:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
body.film .wrapper .video-wrapper a.namecard:hover .icon {
  opacity: 1;
}
body.film .wrapper .video-wrapper .videocard-container {
  position: absolute;
  top: 4em;
  right: 2em;
  width: 480px;
  background-color: black;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
  z-index: 999999;
  transition: transform 0.3s ease-in-out, opacity 0.2s;
  transform: scale(0, 0);
  opacity: 0;
}
body.film .wrapper .video-wrapper .videocard-container.show {
  opacity: 1;
  transform: scale(1, 1);
}
body.film .wrapper .video-wrapper .videocard-container .video-container {
  position: relative;
  width: 100%;
}
body.film .wrapper .video-wrapper .videocard-container .video-container:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
body.film .wrapper .video-wrapper .videocard-container .close-btn {
  position: absolute;
  width: 24px;
  height: 24px;
  top: -12px;
  right: -12px;
  background-color: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 50%;
  background-image: url(../assets/icon-close-white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  transition: transform 0.2s;
  transform: scale(1, 1);
}
body.film .wrapper .video-wrapper .videocard-container .close-btn:hover {
  transform: scale(1.2, 1.2);
}
body.film .wrapper .youtube-container {
  position: relative;
  width: calc(100% - 2em);
  max-width: 1280px;
}
body.film .wrapper .youtube-container:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
body.motion {
  background-color: #E5E4E5;
}
body.motion .wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
body.motion .wrapper .video-container {
  position: relative;
  width: calc(100% - 2em);
  max-width: 1280px;
}
body.motion .wrapper .video-container:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
body.podcast {
  overflow: hidden;
}
body.podcast .wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  padding-top: 120px;
  padding-bottom: 3em;
  overflow-y: scroll;
}
body.podcast .wrapper .podcast-container {
  width: 100%;
  max-width: 600px;
}
body.podcast .wrapper .podcast-container .podcast {
  position: relative;
  background-color: white;
  border-radius: 8px;
  margin-bottom: 1em;
  padding-bottom: 24px;
}
body.podcast .wrapper .podcast-container .podcast iframe {
  display: block;
  margin: 0;
  padding: 0;
}
body.podcast .wrapper .podcast-container .podcast .description {
  color: rgba(39, 39, 34, 0.5);
  padding: 16px;
  padding-top: 8px;
  font-size: 0.8em;
  position: relative;
  height: auto;
  max-height: 3em;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: max-height 0.5s;
}
body.podcast .wrapper .podcast-container .podcast .description p {
  margin-top: 0;
  text-overflow: ellipsis;
}
body.podcast .wrapper .podcast-container .podcast button.more-btn {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 8px;
  border: none;
  color: #272722;
  background-color: transparent;
  cursor: pointer;
}
body.podcast .wrapper .podcast-container .podcast.open .description {
  color: #272722;
  max-height: 10000px;
}
body.podcast .wrapper .podcast-container .podcast.open button.more-btn {
  display: none;
}
.header-menu-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  padding: 1em;
  display: flex;
  align-items: center;
}
.header-menu-container a.logo-container {
  position: relative;
  display: block;
  text-decoration: none;
  margin-left: 0;
  margin-right: 4em;
}
.header-menu-container a.logo-container img {
  max-height: 36px;
}
.header-menu-container .main-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  margin-right: 0;
  margin-left: auto;
}
.header-menu-container .main-menu a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-size: 0.8em;
  transition: transform 0.2s;
  margin: 0 1em;
}
.header-menu-container .main-menu a:hover {
  transform: scale(1.3, 1.3);
}
.header-menu-container .main-menu a.selected {
  transform: scale(1.5, 1.5);
}
.header-menu-container button.hamburger {
  display: none;
}
#bg-container {
  position: relative;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  /*background-image: url('assets/tex_bg1_bg-canvas-dark2.png');
	background-size: cover;
	background-repeat: no-repeat;*/
}
#content-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
a.node {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.4s ease-out, opacity 0.2s ease-in-out;
  transform: translateY(64px);
  z-index: 888;
}
a.node .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: white;
  opacity: 0;
}
a.node:hover {
  transform: scale(1.2, 1.2) !important;
}
a.node.text,
a.node.youtube-text {
  background-image: url(../assets/node-text-white.svg);
}
a.node.image {
  background-image: url(../assets/node-image-white.svg);
}
a.node.video,
a.node.youtube {
  background-image: url(../assets/node-video-white.svg);
}
a.node.show {
  opacity: 1;
  transform: translateY(0) scale(1, 1) rotateZ(0deg);
}
a.node.open {
  transform: rotateZ(90deg);
}
a.node.open .close {
  background-image: url(../assets/btn-x.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
}
a.node.visited {
  opacity: 1;
}
a.node.visited.text,
a.node.visited.youtube-text {
  background-image: url(../assets/node-text-yellow.svg);
}
a.node.visited.image {
  background-image: url(../assets/node-image-yellow.svg);
}
a.node.visited.video,
a.node.visited.youtube {
  background-image: url(../assets/node-video-yellow.svg);
}
body.chapter1 a.node.visited.text,
body.chapter1 a.node.visited.youtube-text {
  background-image: url(../assets/node-text-green.svg);
}
body.chapter1 a.node.visited.image {
  background-image: url(../assets/node-image-green.svg);
}
body.chapter1 a.node.visited.video,
body.chapter1 a.node.visited.youtube {
  background-image: url(../assets/node-video-green.svg);
}
.grain-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: repeat;
  background-image: url('../assets/noise480-dark.png');
  opacity: 1;
}
.card-container {
  position: absolute;
  top: 0;
  left: -1000px;
  perspective: 600px;
  z-index: 777;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
  transform: scale(0.1, 0.1);
  opacity: 0;
  max-width: 480px;
  max-height: 480px;
}
.card-container.show {
  transform: scale(1, 1);
  opacity: 1;
  z-index: 999;
}
.card-container .card {
  position: relative;
  transition: transform 0.5s ease-in-out;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
}
.card-container .card .card-face {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-image: url(../assets/noise240-dark.png);
  background-repeat: repeat;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
.card-container .card .card-face .content {
  position: relative;
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.card-container .card .card-face.text .content {
  padding: 2em;
}
.card-container .card .card-face.image {
  border-radius: 0;
}
.card-container .card .card-face.image .content {
  padding: 0;
}
.card-container .card .card-face.image .content img.portrait {
  max-height: 100%;
}
.card-container .card .card-face.video {
  border-radius: 0;
}
.card-container .card .card-face.video .content .video-container {
  position: relative;
  width: 100%;
  line-height: 0;
}
.card-container .card .card-face.video .content .video-container video {
  position: relative;
  width: 100%;
}
.card-container .card .card-face.youtube,
.card-container .card .card-face.youtube-text {
  border-radius: 0;
}
.card-container .card .card-face.youtube .content .video-container,
.card-container .card .card-face.youtube-text .content .video-container {
  position: relative;
  padding: 56.25% 0 0 0;
  width: 480px;
  background-color: black;
}
.card-container .card .card-face h2 {
  margin-top: 0;
}
.card-container .card .card-face button.flip-btn {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 64px;
  border: 2px solid white;
  background-color: rgba(0, 0, 0, 0.2);
  font-weight: bold;
  font-size: 0.8rem;
  padding: 0.2em;
  cursor: pointer;
  transition: transform 0.4s, right 0.2s;
  z-index: 1000;
  background-image: url(../assets/icon-flip1-b.svg);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  transform: scale(1, 1) rotateZ(0deg);
}
.card-container .card .card-face button.flip-btn:hover {
  transform: scale(1.2, 1.2) rotateZ(-360deg);
}
.card-container .card .card-face button.flip-btn:active {
  outline: none;
  color: white;
}
.card-container .card .card-face button.flip-btn:focus {
  outline: none;
  border: none;
}
.card-container .card .card-face.front {
  position: relative;
  max-width: 480px;
  max-height: 480px;
  background-color: snow;
}
.card-container .card .card-face.front button.flip-btn {
  background-image: url(../assets/icon-flip1-fw.svg);
  right: -8px;
}
.card-container .card .card-face.front button.flip-btn:hover {
  transform: scale(1.2, 1.2) rotateZ(360deg);
}
.card-container .card .card-face.back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: linen;
  transform: rotateY(-180deg) translateZ(1px);
}
.card-container .card .card-face.back button.flip-btn {
  right: 24px;
}
.card-container .card.flipped {
  transform: rotateY(180deg);
}
.card-container .card.flipped .card-face.front button.flip-btn {
  right: 24px;
}
.card-container .card.flipped .card-face.back button.flip-btn {
  right: -8px;
}
.card-face.front {
  background-color: white;
  color: black;
  line-height: 1.2em;
}
.card-face.back {
  background-color: snow;
  color: darkslategray;
  line-height: 1.2em;
}
.card-face.back .content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-face.font-serif {
  font-family: Georgia, serif !important;
  line-height: 1.3em;
}
.card-face.font-mono {
  font-family: "Courier New", monospace !important;
}
.card-face.bg-photo {
  background-color: #EFF0F1 !important;
}
.card-face.bg-drawing {
  background-color: #E3D5B3 !important;
}
.card-face.bg-painting-dark {
  background-color: #1A1D16 !important;
  color: lightslategray !important;
}
.ui-slider {
  position: relative;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 14px;
  height: 14px;
  cursor: default;
  border-radius: 50%;
  background-color: white;
  transition: transform 0.2s;
  transform: scale(1, 1);
}
.ui-slider .ui-slider-handle:focus {
  outline: none;
}
.ui-slider .ui-slider-handle:hover {
  transform: scale(1.2, 1.2);
}
.ui-widget-content {
  background-color: rgba(255, 255, 255, 0.2);
}
.ui-corner-all {
  border-radius: 0;
}
.ui-slider-horizontal {
  height: 6px;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
  background-color: white;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -4px;
  margin-left: -7px;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.8;
}
.hamburger.is-active:hover {
  opacity: 0.8;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: white;
}
.hamburger-box {
  width: 24px;
  height: 18px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: 0;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 24px;
  height: 2px;
  background-color: white;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}
/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/*
   * Boring
   */
.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);
}
/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.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 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}
/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}
/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}
/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.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 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.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 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 480px) {
  .header-menu-container {
    padding: 1em;
  }
  .card-container {
    max-width: 375px;
  }
  .card-container .card .card-face.youtube .content .video-container {
    width: 375px;
  }
}
@media screen and (max-width: 1024px) {
  body {
    overflow: hidden;
  }
  body.home .wrapper .big-logo-container {
    max-width: calc(100% - 4em);
  }
  body.home .wrapper .big-logo-container.bigmargin {
    margin-bottom: 4em;
  }
  body.home .wrapper .menu-container {
    margin: 0;
  }
  body.home .wrapper .menu-container a.main-menu-btn {
    margin-bottom: 1em;
  }
  .header-menu-container {
    z-index: auto;
  }
  .header-menu-container a.logo-container {
    margin-right: auto;
  }
  .header-menu-container .main-menu {
    position: absolute;
    width: 100%;
    max-width: 320px;
    height: 100vh;
    right: -320px;
    top: 0;
    display: block;
    background-color: black;
    padding: 2em;
    padding-top: 5rem;
    transition: right 0.5s;
    z-index: 9999;
  }
  .header-menu-container .main-menu a {
    font-size: 1.2rem;
    transition: none;
    transform: none;
    margin-bottom: 2em;
    margin-left: 0;
  }
  .header-menu-container .main-menu a:hover,
  .header-menu-container .main-menu a.selected {
    transform: none;
  }
  .header-menu-container .main-menu.show {
    right: 0;
  }
  .header-menu-container button.hamburger {
    display: block;
    z-index: 9999;
  }
}
/*
@media screen and (min-width: @small-screen) {
	@import "_small.less";
}


@media screen and (min-width: @medium-screen) {
	@import "_medium.less";
}


@media screen and (min-width: @large-screen) {
	@import "_large.less";
}
*/
/*# sourceMappingURL=style.css.map */