.color-white {
  color: white; }

.color-black {
  color: black; }

.color-blue-light {
  color: #A8E7FF; }

.color-black-50 {
  color: rgba(0, 0, 0, 0.5); }

.color-white-50 {
  color: rgba(255, 255, 255, 0.5); }

.bg-color-white {
  background-color: white; }

.hover-white:hover {
  color: white; }

.cursor-pointer {
  cursor: pointer; }

.hover-u:hover {
  text-decoration: underline; }

.upper {
  text-transform: uppercase; }

.font-weight-400 {
  font-weight: 400 !important; }

.font-weight-500 {
  font-weight: 500 !important; }

.stroked {
  text-decoration: line-through; }

@-webkit-keyframes blinkk {
  50% {
    opacity: 0; } }

@keyframes blinkk {
  50% {
    opacity: 0; } }
@-webkit-keyframes spin-on-x {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg); }
  50% {
    -webkit-transform: perspective(1000px) rotateX(1800deg);
            transform: perspective(1000px) rotateX(1800deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateX(360deg);
            transform: perspective(1000px) rotateX(360deg); } }
@keyframes spin-on-x {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
            transform: perspective(1000px) rotateX(0deg); }
  50% {
    -webkit-transform: perspective(1000px) rotateX(1800deg);
            transform: perspective(1000px) rotateX(1800deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateX(360deg);
            transform: perspective(1000px) rotateX(360deg); } }
@-webkit-keyframes float {
  0% {
    margin-top: 0; }
  50% {
    margin-top: 20px; }
  100% {
    margin-top: 0; } }
@keyframes float {
  0% {
    margin-top: 0; }
  50% {
    margin-top: 20px; }
  100% {
    margin-top: 0; } }
*:not(i), *:not(i)::before, *:not(i)::after {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape while allowing user zoom */ }

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

::-moz-selection {
  background: #dc3545;
  color: black; }

::selection {
  background: #dc3545;
  color: black; }

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
  outline: none; }

button,
input,
optgroup,
select,
textarea, html input[type="button"],
input[type="reset"],
input[type="submit"], button[disabled],
html input[disabled], button::-moz-focus-inner,
input::-moz-focus-inner, input[type="checkbox"],
input[type="radio"], input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button, input[type="search"], input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  border: none;
  background-image: none;
  background-color: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

html body input:-internal-autofill-selected {
  background-color: transparent !important;
  background-image: none !important;
  color: -internal-light-dark-color(black, white) !important; }

.clear-user-agent-styles table,
.clear-user-agent-styles thead,
.clear-user-agent-styles tbody,
.clear-user-agent-styles tfoot,
.clear-user-agent-styles tr,
.clear-user-agent-styles th,
.clear-user-agent-styles td {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: inherit;
  border-spacing: 0;
  border-color: inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0; }

@font-face {
  font-family: "Basier Circle Mono";
  font-weight: 500;
  src: url("../fonts/BasierCircleMono-Regular.otf") format("opentype"); }
@font-face {
  font-family: "Basier Circle Mono";
  font-weight: 900;
  src: url("../fonts/BasierCircleMono-Regular.otf") format("opentype"); }
.font-l {
  font-family: "Basier Circle Mono", monospace;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.2em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }
  @media (min-width: 576px) {
    .font-l {
      font-size: 27px; } }
  @media (min-width: 768px) {
    .font-l {
      font-size: 27px; } }
  @media (min-width: 992px) {
    .font-l {
      font-size: 27px; } }
  @media (min-width: 1200px) {
    .font-l {
      font-size: 27px; } }

.font-m {
  font-family: "Basier Circle Mono", monospace;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }
  @media (min-width: 576px) {
    .font-m {
      font-size: 16px; } }
  @media (min-width: 768px) {
    .font-m {
      font-size: 18px; } }
  @media (min-width: 992px) {
    .font-m {
      font-size: 18px; } }
  @media (min-width: 1200px) {
    .font-m {
      font-size: 18px; } }

.font-s {
  font-family: "Basier Circle Mono", monospace;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }
  @media (min-width: 576px) {
    .font-s {
      font-size: 11px; } }
  @media (min-width: 768px) {
    .font-s {
      font-size: 12px; } }
  @media (min-width: 992px) {
    .font-s {
      font-size: 12px; } }
  @media (min-width: 1200px) {
    .font-s {
      font-size: 12px; } }

/* USAGE 
@include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}

.element {
  width: 100px;
  height: 100px;
  background: black;
  @include animation('slide-down 5s 3');
}
*/
.kt p {
  font-family: "Basier Circle Mono", monospace;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }
  @media (min-width: 576px) {
    .kt p {
      font-size: 11px; } }
  @media (min-width: 768px) {
    .kt p {
      font-size: 12px; } }
  @media (min-width: 992px) {
    .kt p {
      font-size: 12px; } }
  @media (min-width: 1200px) {
    .kt p {
      font-size: 12px; } }
.kt a {
  text-decoration: none; }
.kt h1, .kt h2, .kt h3, .kt h4, .kt h5, .kt h6 {
  font-family: "Basier Circle Mono", monospace;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.2em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  padding-right: 40px; }
  @media (min-width: 576px) {
    .kt h1, .kt h2, .kt h3, .kt h4, .kt h5, .kt h6 {
      font-size: 27px; } }
  @media (min-width: 768px) {
    .kt h1, .kt h2, .kt h3, .kt h4, .kt h5, .kt h6 {
      font-size: 27px; } }
  @media (min-width: 992px) {
    .kt h1, .kt h2, .kt h3, .kt h4, .kt h5, .kt h6 {
      font-size: 27px; } }
  @media (min-width: 1200px) {
    .kt h1, .kt h2, .kt h3, .kt h4, .kt h5, .kt h6 {
      font-size: 27px; } }
.kt img {
  display: block;
  width: 100%;
  max-width: 100%; }
.kt p:not(:last-child), .kt figure:not(:last-child),
.kt h1:not(:last-child), .kt h2:not(:last-child), .kt h3:not(:last-child), .kt h4:not(:last-child), .kt h5:not(:last-child), .kt h6:not(:last-child) {
  margin-bottom: 15px; }
.kt p:first-child, .kt figure:first-child,
.kt h1:first-child, .kt h2:first-child, .kt h3:first-child, .kt h4:first-child, .kt h5:first-child, .kt h6:first-child {
  margin-top: -0.3em; }

body {
  color: white;
  background-color: #1406cc;
  background-color: #1E12B2;
  -webkit-transition: background-color 1500ms;
  transition: background-color 1500ms; }
  body #trash {
    opacity: 0; }
  body.show-grass #map-container canvas {
    opacity: 0.6; }
  body.show-grass #bg-grass {
    opacity: 0.6; }
  body .ppbg {
    background-color: #2717F8; }
  body .tc9 {
    color: white; }
  body .tc7 {
    color: white; }
  body .tc5 {
    color: #A8E7FF; }
  body .kt p {
    color: #A8E7FF; }
  body .kt a {
    color: white; }
  body .kt h1, body .kt h2, body .kt h3, body .kt h4, body .kt h5, body .kt h6 {
    color: white; }
  body a.button, body button {
    border: 1px solid white;
    color: white; }
    body a.button:hover, body a.button.selected, body button:hover, body button.selected {
      background-color: white;
      color: #2717F8; }
  body input[type="text"] {
    color: white; }
  body .map-marker .item-icon:hover img {
    border-color: #2717F8; }
  body.user_can_touch .map-marker.selected .item-icon:hover img {
    border: 0; }

body:not(.item-open) #trash {
  background-color: rgba(39, 23, 248, 0.6); }

body.trash-on #bg-grass {
  opacity: 0.8; }
body.trash-on #trash {
  opacity: 0; }
body.trash-on #map-container canvas {
  opacity: 0.9; }
body.trash-on:not(.show-grass) #bg-grass {
  opacity: 0; }
body.trash-on:not(.show-grass) #trash {
  opacity: 0.7; }
body.trash-on:not(.show-grass) #map-container canvas {
  opacity: 0.85; }

input[type="text"] {
  font-family: "Basier Circle Mono", monospace;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  padding: 0;
  background: none;
  border: none; }
  @media (min-width: 576px) {
    input[type="text"] {
      font-size: 16px; } }
  @media (min-width: 768px) {
    input[type="text"] {
      font-size: 18px; } }
  @media (min-width: 992px) {
    input[type="text"] {
      font-size: 18px; } }
  @media (min-width: 1200px) {
    input[type="text"] {
      font-size: 18px; } }
  input[type="text"]::-webkit-input-placeholder {
    color: rgba(168, 231, 255, 0.7); }
  input[type="text"]:-ms-input-placeholder {
    color: rgba(168, 231, 255, 0.7); }
  input[type="text"]::-ms-input-placeholder {
    color: rgba(168, 231, 255, 0.7); }
  input[type="text"]::placeholder {
    color: rgba(168, 231, 255, 0.7); }

#preload-cover {
  z-index: 5;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* DEBUG */
  background-color: rgba(0, 0, 255, 0.5);
  background-color: #2717F8;
  background-image: url("../images/60ace471b7e1c752346469.gif");
  background-position: center center;
  background-size: 200px;
  background-repeat: repeat;
  -webkit-transition: opacity 2s, background-size 1.5s;
  transition: opacity 2s, background-size 1.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Basier Circle Mono", monospace;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.2em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }
  #preload-cover::before {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(2, 1, 163, 0.3); }
  @media (min-width: 576px) {
    #preload-cover {
      font-size: 27px; } }
  @media (min-width: 768px) {
    #preload-cover {
      font-size: 27px; } }
  @media (min-width: 992px) {
    #preload-cover {
      font-size: 27px; } }
  @media (min-width: 1200px) {
    #preload-cover {
      font-size: 27px; } }
  #preload-cover button#enter[disabled] {
    display: none; }
  #preload-cover .logo {
    z-index: 1; }
    #preload-cover .logo .logo-img {
      max-width: 50vh;
      max-width: 50vmin;
      width: 400px; }
  #preload-cover .content {
    z-index: 1;
    height: 60px;
    margin-top: 40px; }
  #preload-cover .cookies {
    z-index: 1;
    padding: 10px; }
    @media (min-width: 768px) {
      #preload-cover .cookies {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; } }
    #preload-cover .cookies p, #preload-cover .cookies a {
      font-family: "Basier Circle Mono", monospace;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.5em;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      color: #A8E7FF;
      opacity: 0.85;
      text-align: center; }
      @media (min-width: 576px) {
        #preload-cover .cookies p, #preload-cover .cookies a {
          font-size: 11px; } }
      @media (min-width: 768px) {
        #preload-cover .cookies p, #preload-cover .cookies a {
          font-size: 12px; } }
      @media (min-width: 992px) {
        #preload-cover .cookies p, #preload-cover .cookies a {
          font-size: 12px; } }
      @media (min-width: 1200px) {
        #preload-cover .cookies p, #preload-cover .cookies a {
          font-size: 12px; } }
    #preload-cover .cookies a {
      color: white;
      opacity: 1; }
  body.preload-off #preload-cover {
    background-size: 500px;
    opacity: 0;
    pointer-events: none; }
    body.preload-off #preload-cover button#enter {
      opacity: 0; }
    body.preload-off #preload-cover .logo {
      opacity: 0; }
  #preload-cover .loading-msg {
    font-family: "Basier Circle Mono", monospace;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.5em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal; }
    @media (min-width: 576px) {
      #preload-cover .loading-msg {
        font-size: 11px; } }
    @media (min-width: 768px) {
      #preload-cover .loading-msg {
        font-size: 12px; } }
    @media (min-width: 992px) {
      #preload-cover .loading-msg {
        font-size: 12px; } }
    @media (min-width: 1200px) {
      #preload-cover .loading-msg {
        font-size: 12px; } }
    #preload-cover .loading-msg.hide {
      display: none; }
  #preload-cover #preload-back-link {
    position: absolute;
    top: 0;
    left: 0;
    margin: 15px; }

body.preload-off #ui-top #logo img.title {
  opacity: 1;
  pointer-events: all; }
body.preload-off #menu-top-right a:not(.ssswwwitch) {
  opacity: 1;
  pointer-events: all; }

#ui-top {
  z-index: 7;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none; }
  #ui-top #logo {
    display: inline-block;
    pointer-events: all;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms; }
    #ui-top #logo img.title {
      opacity: 0;
      pointer-events: none;
      margin: 15px;
      width: 110px;
      max-width: 21vw;
      max-width: 21vmin; }
      @media (max-width: 767.98px) {
        #ui-top #logo img.title {
          margin: 5px; } }

.menu-link-text {
  color: white;
  text-decoration: none; }

#trash {
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  top: -100vh;
  right: -100vw;
  bottom: -100vh;
  left: -100vw;
  color: rgba(168, 231, 255, 0.4);
  color: rgba(0, 104, 255, 0.5);
  color: #2443cc;
  color: rgba(44, 136, 241, 0.7);
  font-family: "Basier Circle Mono", monospace;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-size: 10px !important;
  line-height: 1.5em;
  word-break: break-all;
  -webkit-transition: opacity 1500ms, font-size 3s, background-color 2s;
  transition: opacity 1500ms, font-size 3s, background-color 2s;
  -webkit-transform: scale(0.6);
          transform: scale(0.6); }
  @media (min-width: 576px) {
    #trash {
      font-size: 11px; } }
  @media (min-width: 768px) {
    #trash {
      font-size: 12px; } }
  @media (min-width: 992px) {
    #trash {
      font-size: 12px; } }
  @media (min-width: 1200px) {
    #trash {
      font-size: 12px; } }

#map-container {
  z-index: 4;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  #map-container canvas {
    outline: none;
    -webkit-transition: opacity 1500ms;
    transition: opacity 1500ms; }

#bg-grass, #bg-waste {
  -webkit-transition: opacity 1500ms;
  transition: opacity 1500ms;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: repeat; }

#bg-grass {
  z-index: 2;
  background-size: 15%;
  background-image: url("../images/60ace471b7e1c752346469.gif"); }

#bg-waste {
  z-index: 0;
  background-size: 700px; }

.map-marker {
  cursor: pointer;
  text-align: center;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40vmin;
  height: 40vmin; }
  @media (max-width: 767.98px) {
    .map-marker {
      width: calc(100vw - 30px);
      height: calc(100vw - 30px);
      max-width: 450px; } }
  .map-marker.fade:not(.force-show) .wrapper {
    opacity: 0.2; }
  .map-marker.force-fade:not(.force-show) .wrapper {
    opacity: 0.2; }
  .map-marker.allow-filter.filter-out * {
    pointer-events: none !important; }
  .map-marker.allow-filter.filter-out .wrapper {
    opacity: 0.2;
    opacity: 0.2 !important; }
  .map-marker .wrapper {
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    position: relative;
    display: inline-block;
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    width: 100%; }
    .map-marker .wrapper .item-icon {
      z-index: 2;
      position: relative;
      pointer-events: all; }
      .map-marker .wrapper .item-icon img {
        border: 2px solid transparent;
        max-width: 100%;
        width: 100%;
        display: block; }
      .map-marker .wrapper .item-icon h2 {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 100%;
        opacity: 0;
        padding: 5px 8px;
        font-family: "Basier Circle Mono", monospace;
        font-size: 24px;
        letter-spacing: 0;
        line-height: 1.2em;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        text-transform: uppercase;
        text-align: left; }
        @media (min-width: 576px) {
          .map-marker .wrapper .item-icon h2 {
            font-size: 27px; } }
        @media (min-width: 768px) {
          .map-marker .wrapper .item-icon h2 {
            font-size: 27px; } }
        @media (min-width: 992px) {
          .map-marker .wrapper .item-icon h2 {
            font-size: 27px; } }
        @media (min-width: 1200px) {
          .map-marker .wrapper .item-icon h2 {
            font-size: 27px; } }
      .map-marker .wrapper .item-icon:hover h2 {
        opacity: 1; }
  .map-marker.selected .wrapper .item-icon h2 {
    display: none; }
  .map-marker.selected .wrapper::before, .map-marker.selected .wrapper::after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: inline-block;
    border-radius: 100%; }
  .map-marker.selected .wrapper::before {
    width: 300px;
    padding-bottom: 60px;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    background-color: #222;
    opacity: 0.6;
    margin-top: -30px; }
  .map-marker.selected .wrapper::after {
    width: 8px;
    height: 8px;
    border: 2px solid white;
    margin-top: -5px;
    -webkit-animation: blinkk 1.7s linear infinite;
            animation: blinkk 1.7s linear infinite; }

.item-info {
  z-index: 2;
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 10px;
  width: 450px;
  max-width: calc(100vw - 30px);
  cursor: default;
  min-width: 100px;
  min-height: 100px; }
  @media (max-width: 767.98px) {
    .item-info {
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      top: 100%;
      margin-left: 0;
      margin-top: 10px; } }
  .item-info.has-video .item-popup {
    top: 240px; }
  .item-info .item-popup {
    text-align: left;
    line-height: 0; }
    .item-info .item-popup .popup-block {
      pointer-events: all;
      display: inline-block;
      margin-bottom: 10px; }
      .item-info .item-popup .popup-block.cover {
        position: relative;
        margin-right: 50px; }
        .item-info .item-popup .popup-block.cover img {
          display: block; }
        .item-info .item-popup .popup-block.cover::after {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          border: 2px solid #0201A3;
          content: ""; }
      .item-info .item-popup .popup-block.texts {
        padding: 15px; }
        .item-info .item-popup .popup-block.texts section:not(:last-of-type) {
          margin-bottom: 15px; }
        .item-info .item-popup .popup-block.texts h2 {
          font-family: "Basier Circle Mono", monospace;
          font-size: 24px;
          letter-spacing: 0;
          line-height: 1.2em;
          font-weight: 400;
          font-style: normal;
          font-stretch: normal;
          text-transform: uppercase;
          margin-top: -0.3em; }
          @media (min-width: 576px) {
            .item-info .item-popup .popup-block.texts h2 {
              font-size: 27px; } }
          @media (min-width: 768px) {
            .item-info .item-popup .popup-block.texts h2 {
              font-size: 27px; } }
          @media (min-width: 992px) {
            .item-info .item-popup .popup-block.texts h2 {
              font-size: 27px; } }
          @media (min-width: 1200px) {
            .item-info .item-popup .popup-block.texts h2 {
              font-size: 27px; } }
        .item-info .item-popup .popup-block.texts .meta {
          font-family: "Basier Circle Mono", monospace;
          font-size: 11px;
          letter-spacing: 0;
          line-height: 1.5em;
          font-weight: 400;
          font-style: normal;
          font-stretch: normal; }
          @media (min-width: 576px) {
            .item-info .item-popup .popup-block.texts .meta {
              font-size: 11px; } }
          @media (min-width: 768px) {
            .item-info .item-popup .popup-block.texts .meta {
              font-size: 12px; } }
          @media (min-width: 992px) {
            .item-info .item-popup .popup-block.texts .meta {
              font-size: 12px; } }
          @media (min-width: 1200px) {
            .item-info .item-popup .popup-block.texts .meta {
              font-size: 12px; } }
          .item-info .item-popup .popup-block.texts .meta .label {
            /* color: $text-color-5; */ }
          .item-info .item-popup .popup-block.texts .meta .value {
            /* color: $text-color-9 */ }

.meta {
  font-family: "Basier Circle Mono", monospace;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }
  @media (min-width: 576px) {
    .meta {
      font-size: 11px; } }
  @media (min-width: 768px) {
    .meta {
      font-size: 12px; } }
  @media (min-width: 992px) {
    .meta {
      font-size: 12px; } }
  @media (min-width: 1200px) {
    .meta {
      font-size: 12px; } }

#v-center {
  z-index: 10;
  position: fixed;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 0;
  pointer-events: none; }
  @media (max-width: 767.98px) {
    #v-center {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }
  #v-center #item-info-fixed {
    max-height: 100vh;
    overflow-y: auto; }
    body.item-open #v-center #item-info-fixed {
      pointer-events: all; }
    @media (max-width: 767.98px) {
      #v-center #item-info-fixed {
        bottom: 0; }
        #v-center #item-info-fixed .item-info {
          width: 100vw; } }
    #v-center #item-info-fixed .item-info {
      position: relative;
      left: 0;
      top: 0;
      max-width: 100vw;
      margin-left: 0; }
      @media (max-width: 767.98px) {
        #v-center #item-info-fixed .item-info {
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          top: 50vh;
          margin-left: 0;
          margin-top: 0; } }
      #v-center #item-info-fixed .item-info .popup-block {
        margin-bottom: 0; }

a.button, button {
  background-color: transparent;
  font-family: "Basier Circle Mono", monospace;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
  padding: 0 10px;
  border-radius: 30px;
  height: 26px;
  min-width: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: background-color 200ms, color 200ms;
  transition: background-color 200ms, color 200ms; }
  @media (min-width: 576px) {
    a.button, button {
      font-size: 11px; } }
  @media (min-width: 768px) {
    a.button, button {
      font-size: 12px; } }
  @media (min-width: 992px) {
    a.button, button {
      font-size: 12px; } }
  @media (min-width: 1200px) {
    a.button, button {
      font-size: 12px; } }
  a.button.large, button.large {
    height: 40px;
    min-width: 200px;
    font-family: "Basier Circle Mono", monospace;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.2em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal; }
    @media (min-width: 576px) {
      a.button.large, button.large {
        font-size: 27px; } }
    @media (min-width: 768px) {
      a.button.large, button.large {
        font-size: 27px; } }
    @media (min-width: 992px) {
      a.button.large, button.large {
        font-size: 27px; } }
    @media (min-width: 1200px) {
      a.button.large, button.large {
        font-size: 27px; } }

button + button, a.button + a.button {
  margin-left: 8px; }

#menu-top-right {
  z-index: 5;
  position: fixed;
  top: 15px;
  right: 15px;
  font-family: "Basier Circle Mono", monospace;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.2em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  color: white; }
  @media (min-width: 576px) {
    #menu-top-right {
      font-size: 27px; } }
  @media (min-width: 768px) {
    #menu-top-right {
      font-size: 27px; } }
  @media (min-width: 992px) {
    #menu-top-right {
      font-size: 27px; } }
  @media (min-width: 1200px) {
    #menu-top-right {
      font-size: 27px; } }
  #menu-top-right a:not(.ssswwwitch) {
    opacity: 0;
    pointer-events: none; }

#menu-bottom-right {
  z-index: 5;
  position: fixed;
  bottom: 15px;
  right: 15px;
  font-family: "Basier Circle Mono", monospace;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.2em;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  color: white; }
  @media (min-width: 576px) {
    #menu-bottom-right {
      font-size: 27px; } }
  @media (min-width: 768px) {
    #menu-bottom-right {
      font-size: 27px; } }
  @media (min-width: 992px) {
    #menu-bottom-right {
      font-size: 27px; } }
  @media (min-width: 1200px) {
    #menu-bottom-right {
      font-size: 27px; } }
  @media (max-width: 767.98px) {
    #menu-bottom-right {
      bottom: 5px; } }

.popup-bottom {
  z-index: 6;
  position: fixed;
  right: 15px;
  bottom: 15px;
  left: 15px;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(90vh);
          transform: translateY(90vh);
  -webkit-transition: transform 400ms;
  -webkit-transition: -webkit-transform 400ms;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms; }
  .popup-bottom.open {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .popup-bottom div.cont {
    padding: 15px; }
    .popup-bottom div.cont header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .popup-bottom div.cont header #slider {
        width: 450px;
        height: 6px; }
        .popup-bottom div.cont header #slider.noUi-target {
          background: rgba(255, 255, 255, 0.5);
          border-radius: 3px;
          border: 0;
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .popup-bottom div.cont header #slider .noUi-handle {
          width: 16px;
          height: 16px;
          right: -8px;
          top: -5px;
          border: 1px solid #2717F8;
          border-radius: 8px;
          -webkit-box-shadow: none;
                  box-shadow: none;
          background: #A8E7FF; }
          .popup-bottom div.cont header #slider .noUi-handle::before, .popup-bottom div.cont header #slider .noUi-handle::after {
            display: none; }
          .popup-bottom div.cont header #slider .noUi-handle .noUi-tooltip {
            bottom: auto;
            top: 120%;
            color: #A8E7FF;
            font-family: "Basier Circle Mono", monospace;
            font-size: 11px;
            letter-spacing: 0;
            line-height: 1.5em;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            border: 0;
            background: #2717F8;
            padding: 2px; }
            @media (min-width: 576px) {
              .popup-bottom div.cont header #slider .noUi-handle .noUi-tooltip {
                font-size: 11px; } }
            @media (min-width: 768px) {
              .popup-bottom div.cont header #slider .noUi-handle .noUi-tooltip {
                font-size: 12px; } }
            @media (min-width: 992px) {
              .popup-bottom div.cont header #slider .noUi-handle .noUi-tooltip {
                font-size: 12px; } }
            @media (min-width: 1200px) {
              .popup-bottom div.cont header #slider .noUi-handle .noUi-tooltip {
                font-size: 12px; } }
            .popup-bottom div.cont header #slider .noUi-handle .noUi-tooltip::hover {
              color: white; }
        .popup-bottom div.cont header #slider .noUi-connect {
          background: #A8E7FF; }
        .popup-bottom div.cont header #slider.narrow .noUi-handle-upper .noUi-tooltip {
          right: auto;
          left: 0;
          -webkit-transform: none;
                  transform: none; }
        .popup-bottom div.cont header #slider.narrow .noUi-handle-lower .noUi-tooltip {
          left: auto;
          right: 0;
          -webkit-transform: none;
                  transform: none; }
    .popup-bottom div.cont div.table-container {
      margin-top: 35px;
      max-height: calc(45vh - 70px);
      height: 300px;
      overflow-x: hidden;
      overflow-y: auto;
      font-family: "Basier Circle Mono", monospace;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.5em;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal; }
      @media (min-width: 576px) {
        .popup-bottom div.cont div.table-container {
          font-size: 11px; } }
      @media (min-width: 768px) {
        .popup-bottom div.cont div.table-container {
          font-size: 12px; } }
      @media (min-width: 992px) {
        .popup-bottom div.cont div.table-container {
          font-size: 12px; } }
      @media (min-width: 1200px) {
        .popup-bottom div.cont div.table-container {
          font-size: 12px; } }
      .popup-bottom div.cont div.table-container hr:not(.filter-out):not(.not-matched) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        height: 0;
        margin: 10px 0; }
      .popup-bottom div.cont div.table-container div.table {
        border-spacing: 0;
        width: 100%; }
        @media (min-width: 768px) {
          .popup-bottom div.cont div.table-container div.table {
            display: table; } }
        @media (min-width: 768px) {
          .popup-bottom div.cont div.table-container div.table div.t-row {
            display: table-row;
            height: 30px; } }
        .popup-bottom div.cont div.table-container div.table div.t-row.filter-out {
          display: none; }
        .popup-bottom div.cont div.table-container div.table div.t-row.not-matched {
          display: none; }
        .popup-bottom div.cont div.table-container div.table div.t-row div.t-cell {
          display: inline; }
          @media (min-width: 768px) {
            .popup-bottom div.cont div.table-container div.table div.t-row div.t-cell {
              display: table-cell;
              vertical-align: middle;
              border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }
          .popup-bottom div.cont div.table-container div.table div.t-row div.t-cell.r {
            text-align: right; }

.popup-side {
  z-index: 8;
  position: fixed;
  right: 15px;
  top: 15px;
  max-height: calc(100vh - 30px);
  max-width: calc(100vw - 30px);
  right: 0;
  top: 0;
  max-height: 100vh;
  max-width: 100vw;
  width: 450px;
  overflow-x: hidden;
  -webkit-transform: translateX(500px);
          transform: translateX(500px);
  -webkit-transition: transform 400ms;
  -webkit-transition: -webkit-transform 400ms;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms; }
  .popup-side.open {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .popup-side div.cont {
    padding: 15px;
    font-family: "Basier Circle Mono", monospace;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.5em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal; }
    @media (min-width: 576px) {
      .popup-side div.cont {
        font-size: 11px; } }
    @media (min-width: 768px) {
      .popup-side div.cont {
        font-size: 12px; } }
    @media (min-width: 992px) {
      .popup-side div.cont {
        font-size: 12px; } }
    @media (min-width: 1200px) {
      .popup-side div.cont {
        font-size: 12px; } }
    .popup-side div.cont .close-absolute {
      position: absolute;
      top: 15px;
      right: 15px; }

#p5-overlay {
  z-index: 5;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none; }

#p5-sound-canvas {
  pointer-events: none;
  display: none; }

#sky {
  z-index: 6;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -400px;
  right: -400px;
  pointer-events: none; }
  #sky .cloud {
    position: absolute;
    width: 800px;
    opacity: 0;
    -webkit-transform-origin: center center;
            transform-origin: center center; }

.yt-player-wrapper {
  pointer-events: all;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 15px; }
  .yt-player-wrapper .spin {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-animation: spin 8s linear infinite;
            animation: spin 8s linear infinite; }
    .yt-player-wrapper .spin iframe {
      position: relative;
      width: 100%;
      height: 100%; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
            transform: perspective(1000px) rotateY(0deg) rotateX(0deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateY(360deg) rotateX(360deg);
            transform: perspective(1000px) rotateY(360deg) rotateX(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
            transform: perspective(1000px) rotateY(0deg) rotateX(0deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateY(360deg) rotateX(360deg);
            transform: perspective(1000px) rotateY(360deg) rotateX(360deg); } }
.home-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../images/60ace471b7e1c752346469.gif");
  background-position: center center;
  background-size: 200px;
  background-repeat: repeat; }

.home-outer-cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100vh; }
  .home-outer-cont .options-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap; }
    @media (min-width: 768px) {
      .home-outer-cont .options-cont {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .home-outer-cont .options-cont .style-option {
      margin: 20px; }
      .home-outer-cont .options-cont .style-option img {
        width: 300px;
        max-width: 24vw;
        margin: 0 15px; }
      @media (max-width: 767.98px) {
        .home-outer-cont .options-cont .style-option {
          margin: 0 0 0 -8vw; }
          .home-outer-cont .options-cont .style-option img {
            max-width: 100px; } }
  .home-outer-cont .cookies {
    padding: 10px; }
    .home-outer-cont .cookies p, .home-outer-cont .cookies a {
      font-family: "Basier Circle Mono", monospace;
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.5em;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      color: #A8E7FF;
      opacity: 0.85;
      text-align: center; }
      @media (min-width: 576px) {
        .home-outer-cont .cookies p, .home-outer-cont .cookies a {
          font-size: 11px; } }
      @media (min-width: 768px) {
        .home-outer-cont .cookies p, .home-outer-cont .cookies a {
          font-size: 12px; } }
      @media (min-width: 992px) {
        .home-outer-cont .cookies p, .home-outer-cont .cookies a {
          font-size: 12px; } }
      @media (min-width: 1200px) {
        .home-outer-cont .cookies p, .home-outer-cont .cookies a {
          font-size: 12px; } }
    .home-outer-cont .cookies a {
      color: white;
      opacity: 1; }

/*# sourceMappingURL=index.css.map */