@font-face {
  font-family: "safiro";
  src: url("../fonts/safiro-regular-webfont.eot");
  src: url("../fonts/safiro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/safiro-regular-webfont.woff2") format("woff2"), url("../fonts/safiro-regular-webfont.woff") format("woff"), url("../fonts/safiro-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "safiro";
  src: url("../fonts/safiro-medium-webfont.eot");
  src: url("../fonts/safiro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/safiro-medium-webfont.woff2") format("woff2"), url("../fonts/safiro-medium-webfont.woff") format("woff"), url("../fonts/safiro-medium-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "safiro";
  src: url("../fonts/safiro-mediumitalic-webfont.eot");
  src: url("../fonts/safiro-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/safiro-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/safiro-mediumitalic-webfont.woff") format("woff"), url("../fonts/safiro-mediumitalic-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
html,
body {
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background: #000;
  color: #fff;
  line-height: 1.5;
  font-family: "safiro";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --swiper-navigation-color: #fff;
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-inactive-color: #fff;
}

.under-construction {
  position: absolute;
  z-index: 100;
  top: 20px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  text-align: center;
}

.logo {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  overflow: hidden;
}
.logo #logo {
  cursor: pointer;
  font-size: 3rem;
  font-style: italic;
  font-weight: 500;
  text-align: center;
  -webkit-transform: scale(1, 1); /* Safari and Chrome */
  -moz-transform: scale(1, 1); /* Firefox */
  -ms-transform: scale(1, 1); /* IE 9 */
  -o-transform: scale(1, 1); /* Opera */
  transform: scale(1, 1); /* W3C */
}
.logo p {
  font-size: 1rem;
  text-align: center;
  font-weight: 500;
  margin: 0;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  z-index: 150; /* Ensure it's above other content but below the modal */
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.overlay.visible {
  visibility: visible;
  opacity: 1;
}

#content-modal {
  position: absolute;
  z-index: 200;
  width: 40%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 30px;
  font-size: 1.2rem;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#content-modal button {
  background: transparent;
  font-size: 1rem;
  color: #000;
  border: 1px solid #000;
  border-radius: 3px;
  padding: 5px;
}
#content-modal.visible {
  visibility: visible;
  visibility: visible;
  opacity: 1;
}

.about {
  position: absolute;
  z-index: 100;
  text-align: center;
  bottom: 20px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
.about button {
  background: transparent;
  font-size: 1.2rem;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 5px;
}
.about a {
  text-decoration: none;
  color: #fff;
}
.about a:hover {
  text-decoration: none;
  color: #fff;
}

.swiper {
  width: 100%;
  height: 100%;
}

@media (max-width: 959px) {
  #content-modal {
    width: 70%;
    font-size: 0.9rem;
  }
  #content-modal button {
    font-size: 1rem;
  }
  .about button {
    font-size: 1rem;
  }
}/*# sourceMappingURL=main.css.map */